/*
Theme Name: SabahJobs
Theme URI: Https://www.sabahjobs.com
Description: V3 of Job Listing Theme customized by <a href="mailto:info@sabahjobs.com">Mervin</a>.
Author: Mervin
Author URI: Https://www.sabahjobs.com
Version: 5.0 (Fully Modded by Mervin), 2.5.8 (Adapted from JobJockey Theme)
Tags: Jobs, Resume, responsive, theme-options, translation-ready, threaded-comments, featured-images, widgets, two-columns, fixed-width, blue, green, brown, left-sidebar, right-sidebar, custom-background, custom-menu, custom joblister, custom jobseeker, custom registered users, Addon Applicant Management
*/


/*--- Google Fonts Library ---*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,700);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
@import url(https://fonts.googleapis.com/css?family=Ubuntu);
@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap);

/*================================================================= 
  #Basic HTML
=================================================================== */

html {
    font-size: 62.5%;
}

body {
    color: #444444 !important;
    font-size: 13px;
    line-height: 1.4em;
    font-family: 'Raleway', sans-serif !important;
    background-color: #F7F7F7;
}

body.page-login {
    background: #FFFFFF;
}


/* Separator */

.separator,
hr {
    height: 0;
    margin: 30px 0;
    border: none;
    border-top: 1px solid #E8E8E8;
}

.column {
    margin-bottom: 15px;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

*:focus {
    outline: none !important;
}


/* For Reset Password Field */

input#pass1-text,
input #pass1-text {
    -webkit-text-security: none !important;
}

input#pass1-text,
input #pass1-text {
    -webkit-text-security: circle !important;
}

input#pass1-text,
input #pass1-text {
    -webkit-text-security: square !important;
}

input#pass1-text,
input #pass1-text {
    -webkit-text-security: disc !important;
    /* Default */
}


/*==================================================================== 
  #Typography
=================================================================== */

h1 {
    font-size: 25px;
}

h2 {
    font-size: 23px;
}

h3 {
    font-size: 21px;
}

h4 {
    font-size: 19px;
}

h5 {
    font-size: 17px;
}

h6 {
    font-size: 15px;
}

small {
    font-size: 12px;
}

ol {
    list-style: decimal
}

ul {
    list-style: disc
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin-bottom: 0;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 10px;
}

li {
    margin-left: 30px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
hr,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
    line-height: 1.2em;
    margin-bottom: 20px;
}

form>fieldset {
    border: 0 !important;
    border-color: transparent !important;
}

em {
    font-style: italic
}

a {
    color: #4B79C7;
    text-decoration: none;
    outline: none
}

a:hover {
    text-decoration: underline
}

.header a:hover,
.submit-job a:hover {
    text-decoration: none
}

pre,
code {
    background: #ddd;
    padding: 10px;
    font-size: 12px;
    overflow: auto;
    font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace;
}

blockquote {
    font: 1.3em / 1.5 'Georgia';
    font-style: italic;
    margin-left: 40px;
}

.post .alignleft {
    float: left;
    margin: 5px 15px 15px 0;
}

.post .alignright {
    float: right;
    margin: 5px 0 15px 15px;
}

.post .aligncenter {
    clear: both;
    display: block;
    margin: 10px auto;
    float: none;
}

.post .alignnone {
    float: none;
}


/* Default Form Elements 
------------------------------------------------------------------- */

input,
select,
textarea,
.button,
.pagination a,
.pagination span,
#pagination a,
#pagination span {
    -webkit-box-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-shadow: none;
    box-shadow: none;
}

label {
    display: block;
    margin-bottom: 5px !important;
}

select {
    background: #F8F8F8 url('images/icon/select-icon.png') no-repeat right center !important;
    display: block;
    color: #888888;
    padding: 5px;
    box-shadow: none !important;
    border-left: 1px solid #CCCCCC !important;
    border-right: 1px solid #EEEEEE !important;
    border-top: 1px solid #CCCCCC !important;
    border-bottom: 1px solid #EEEEEE !important;
    -webkit-box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type="text"],
input[type="password"],
input[type="file"],
textarea {
    padding: 10px 6px !important;
    background: #F8F8F8 !important;
    border-left: 1px solid #CCCCCC !important;
    border-right: 1px solid #EEEEEE !important;
    border-top: 1px solid #CCCCCC !important;
    border-bottom: 1px solid #EEEEEE !important;
    -ms-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

input[type="file"] {
    background: #E8E8E8 !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    color: #222222 !important;
    outline: 0 !important;
}

textarea {
    resize: vertical !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.job-custom-form-fields {
    background: #FFFFFF !important;
}

.wp-editor-area,
.wp-editor {
    padding: 10px !important;
    background: #FFFFFF !important;
    border-left: 1px solid #CCCCCC !important;
    border-right: 1px solid #EEEEEE !important;
    border-top: 1px solid #CCCCCC !important;
    border-bottom: 1px solid #EEEEEE !important;
}

input[type="submit"] {
    background: #E92229;
    color: #fff;
    border: none;
    cursor: pointer;
    padding: 7px 20px;
    margin-right: 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

input[type="submit"]:hover {
    background: #C00 !important;
    color: #FFCC00 !important;
}


/* Tooltip Elements 
------------------------------------------------------------------- */


/* Hover tooltips */

.field-tip {
    position: relative;
    margin-bottom: 10px !important;
}

.field-tip .tip-content {
    display: none !important;
    position: absolute;
    z-index: 9 !important;
    left: 5% !important;
    bottom: 55px !important;
    /* - top padding */
    width: 250px;
    padding: 10px;
    font-size: 11px !important;
    color: #fff;
    background: #333;
    -webkit-box-shadow: 2px 2px 5px #aaa;
    -moz-box-shadow: 2px 2px 5px #aaa;
    box-shadow: 2px 2px 5px #aaa;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


/* <http://css-tricks.com/snippets/css/css-triangle/> */

.field-tip .tip-content:before {
    content: '';
    /* Must have content to display */
    position: absolute;
    bottom: -16px;
    right: 50%;
    /* 2 x border width */
    width: 0;
    height: 0;
    margin-top: -8px;
    /* - border width */
    border: 8px solid transparent;
    border-top-color: #333;
}

.field-tip:hover .tip-content {
    left: 5% !important;
    display: block !important;
}

.field-tip input[type="text"],
.field-tip input[type="email"],
.field-tip input[type="password"],
.field-tip textarea {
    font-size: 12px !important;
    color: #888888 !important;
}

.field-tip input[type="text"]:focus,
.field-tip input[type="email"]:focus,
.field-tip input[type="password"]:focus,
.field-tip textarea:focus {
    color: #222222 !important;
}

.field-tip label {
    display: block !important;
    margin-top: 5px !important;
    margin-bottom: 15px !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    font-size: 11px !important;
}


/* Button 
------------------------------------------------------------------- */

.button {
    color: #fff;
    min-width: 75px !important;
    text-align: center !important;
    font-size: 10px !important;
}

.button.freelance,
.button.red {
    background-color: none !important;
    border: 1px solid #CC0000 !important;
    color: #CC0000 !important;
    min-width: 75px !important;
    text-align: center !important;
    font-family: 'Raleway', sans-serif;
    padding: 5px 15px !important;
    font-size: 12px !important;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.button.contract,
.button.green {
    background-color: none !important;
    border: 1px solid #0EC044 !important;
    color: #0EC044 !important;
    min-width: 75px !important;
    text-align: center !important;
    font-family: 'Raleway', sans-serif;
    padding: 5px 15px !important;
    font-size: 12px !important;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.button.whatsapp,
.button.greenfull {
    display: block!important;
    background-color: #0EC044 !important;
    border: 1px solid #0EC044 !important;
    color: #FFFFFF !important;
    min-width: 75px !important;
    text-align: center !important;
    font-family: 'Raleway', sans-serif;
    padding: 5px 15px !important;
    font-size: 12px !important;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.button.whatsapp:before {
    font-family: 'FontAwesome'!important;
    content: '\f095'!important;
    float: left;
    font-size: 12px!important;
    font-weight: 100!important;
    margin-right: 10px!important;
}

.button.full-time,
.button.part-time,
.button.blue {
    background-color: none !important;
    border: 1px solid #0066FF !important;
    color: #0066FF !important;
    min-width: 75px !important;
    text-align: center !important;
    font-family: 'Raleway', sans-serif;
    padding: 5px 15px !important;
    font-size: 12px !important;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.button.government,
.button.lightblue {
    background-color: none!important;
    border: 1px solid #0099FF !important;
    color: #0099FF !important;
    min-width: 75px !important;
    text-align: center !important;
    font-family: 'Raleway', sans-serif;
    padding: 5px 15px !important;
    font-size: 12px !important;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.button.trainee,
.button.darkblue {
    background-color: none!important;
    border: 1px solid #001C46 !important;
    color: #001C46 !important;
    min-width: 75px !important;
    text-align: center !important;
    font-family: 'Raleway', sans-serif;
    padding: 5px 15px !important;
    font-size: 12px !important;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.button.internship,
.button.purple {
    background-color: none!important;
    border: 1px solid #6600FF !important;
    color: #6600FF !important;
    min-width: 75px !important;
    text-align: center !important;
    font-family: 'Raleway', sans-serif;
    padding: 5px 15px !important;
    font-size: 12px !important;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.button.temporary,
.button.orange {
    background-color: none !important;
    border: 1px solid #FF9900 !important;
    color: #FF9900 !important;
    min-width: 75px !important;
    text-align: center !important;
    font-family: 'Raleway', sans-serif;
    padding: 5px 15px !important;
    font-size: 12px !important;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.button.fresh-graduates,
.button.fresh-grad,
.button.darkpurple {
    background-color: none !important;
    border: 1px solid #290053 !important;
    color: #290053 !important;
    min-width: 75px !important;
    text-align: center !important;
    font-family: 'Raleway', sans-serif;
    padding: 5px 15px !important;
    font-size: 12px !important;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

.button.events {
    background-color: none !important;
    border: 1px solid #ED293B !important;
    color: #ED293B !important;
    min-width: 75px !important;
    text-align: center !important;
    font-family: 'Raleway', sans-serif;
    padding: 5px 15px !important;
    font-size: 12px !important;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
}

body.page-template-template-submit h2,
body.page-template-template-submit h3 {
    margin-bottom: 10px !important;
}

body.single-job_listing span.type {
    position: relative !important;
    display: block !important;
    margin-top: 15px !important;
}

body.single-job_listing span.button,
body.page-template-template-submit span.button {
    position: relative !important;
    display: inline-block !important;
    float: none !important;
    font-size: 11px !important;
}

body.author .topbutton-container,
body.single-job_listing .topbutton-container,
body.single-resume .topbutton-container {
    background: none;
    padding: 10px 15px 0 !important;
}

body.author .topbutton-container input.backbutton,
body.single-job_listing .topbutton-container input.backbutton,
body.single-resume .topbutton-container input.backbutton {
    float: left !important;
}

body.author .topbutton-container input.homebutton,
body.single-job_listing .topbutton-container input.homebutton,
body.single-resume .topbutton-container input.homebutton {
    float: right !important;
}

body.author .topbutton-container input.backbutton,
body.single-job_listing .topbutton-container input.backbutton,
body.single-resume .topbutton-container input.backbutton,
body.author .topbutton-container input.homebutton,
body.single-job_listing .topbutton-container input.homebutton,
body.single-resume .topbutton-container input.homebutton {
    background: none !important;
    color: #000000 !important;
    cursor: pointer;
    font-family: 'Raleway', sans-serif;
    font-size: 14px !important;
    border: none !important;
    box-shadow: none !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

body.single-job_listing .topbutton-container input.backbutton:hover,
body.single-resume .topbutton-container input.backbutton:hover,
body.single-job_listing .topbutton-container input.homebutton:hover,
body.single-resume .topbutton-container input.homebutton:hover {
    color: #4B79C7 !important;
}

body.single-job_listing .section-content {
    background: none!important;
    padding-top: 5px !important;
}

/* style for contact page new design by Quang Nguyen 1/4/2022*/
.section-content-new {
    background: url('images/custom/bg.png');
    padding: 50px!important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #E8E8E8!important;
    clear:both;
}

body.page-template-template-contact .section-content {
    background: #FFFFFF!important;
    padding: 25px!important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #E8E8E8!important;
}

body.single-job_listing span.button {
    margin-bottom: 0 !important;
}

body.page-template-template-submit span.button {
    margin-bottom: 15px !important;
}


/* Password Checker 
------------------------------------------------------------------- */

#pass-strength-result {
    float: left;
    background: #eee;
    padding: 5px 50px;
    border: 1px solid #ddd
}

#pass-strength-result.short,
#pass-strength-result.mismatch {
    border-color: #f04040;
    background-color: #ffa0a0
}

#pass-strength-result.bad {
    border-color: #ff853c;
    background-color: #ffb78c
}

#pass-strength-result.good {
    border-color: #fc0;
    background-color: #ffec8b
}

#pass-strength-result.strong {
    border-color: #8dff1c;
    background-color: #c3ff88
}


/*==================================================================== 
  #Header
=================================================================== */


/* Responsible for the blue backback ground header */

.header {
    background: url('images/custom/sbhjobs-headerbg-10052021.jpg') center no-repeat !important;
    min-height: 125px !important;
    margin-bottom: 25px !important;
}

.header,
.header .row {
    position: relative;
}

.header a,
.header {
    color: #a2b8ca;
}

.header a:hover {
    color: #fff;
}

.header ul {
    margin: 0;
    list-style: none;
}

.header li {
    float: left;
    position: relative;
    margin: 0 4% 0 0;
}

.header::after {
    background: none !important;
}

.nav-left li {
    float: right;
    margin: 0 0 0 4%
}


/* User Info 
------------------------------------------------------------------- */

.header .user-info {
    margin-top: 85px!important;
}

.user-info .avatar {
    float: right;
    padding: 4px;
    margin-left: 20%;
    margin-right: 15px;
    margin-top: -5px;
    /*	-webkit-box-shadow: 1px 1px rgba(0,0,0,.5) inset, -1px -1px rgba(255,255,255,.4) inset;
     	-moz-box-shadow: 1px 1px rgba(0,0,0,.5) inset, -1px -1px rgba(255,255,255,.4) inset;
         box-shadow: 1px 1px rgba(0,0,0,.5) inset, -1px -1px rgba(255,255,255,.4) inset; */
}

.user-info .user-name {
    color: #222222;
    font-weight: bold;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 3px;
    font-size: 14px!important;
    text-transform: uppercase!important;
}

.user-info p {
    font-size: 11px;
    color: #888888;
}

.user-info a,
.user-info a:link,
.user-info a:visited {
    color: #222222;
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
}

.user-info a:hover {
    color: #E92229;
    text-decoration: none;
}


/* Header Navigation
------------------------------------------------------------------- */

.header-nav {
    font-size: 13px;
}

.header-nav select {
    display: none;
}

.navigation {
    left: 0;
    margin: 0;
    width: 100%;
    bottom: 0;
    z-index: 100;
    position: absolute;
    padding: 12px 0;
    text-align: center;
    font-family: 'Droid Sans', Arial, sans-serif;
    font-size: 13px !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 1px 1px #000000;
}

.navigation:before,
.navigation:after {
    content: "";
    top: 0;
    left: -17px;
    width: 19px;
    height: 100%;
    position: absolute;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

.navigation:after {
    left: auto;
    right: -17px;
    background-position: right;
}

.navigation ul {
    margin-bottom: 0;
}

.nav-join {
    display: none;
}

.login-menu a {
    color: #efd494;
}

.login-box {
    right: 0;
    z-index: 100;
    width: 205px;
    padding: 24px;
    display: none;
    font-size: 13px;
    margin: 15px 0 0;
    position: absolute;
}

.login-box a {
    color: #a2b8ca;
    font-family: Arial;
}

.logo {
    left: 42%;
    width: 16%;
    bottom: -35px;
    text-align: center;
    position: absolute;
    display: inline-block;
}

.logo img {
    height: auto;
    display: block;
    max-width: 100%;
}


/* Custom Header Navigation Layout */

#navigation-container {
    background: #FFFFFF !important;
    position: absolute !important;
    width: 100%;
    padding: 0 !important;
    margin: 0 auto !important;
    z-index: 5;
}

#navbar {
    background: #FFFFFF !important;
    z-index: 5;
    border-bottom: 3px solid #E8E8E8 !important;
}

#navbox {
    max-width: 1500px !important;
    width: 100% !important;
    margin: 0 auto !important;
}


/* The sticky class is added to the navbar with JS when it reaches its scroll position */

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}


/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */

.sticky+.main {
    padding-top: 60px;
}

nav {
    display: block;
    height: autopx;
    font-size: 16px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300;
    padding: 0px 15px 0px 15px!important;
}

nav ul {
    padding: 0;
    margin: 0 auto;
    width: auto;
}

nav li {
    display: inline;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
}

nav a {
    color: #888888;
    display: inline-block;
    text-align: center;
    text-decoration: none !important;
    line-height: 40px;
}

nav li a {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-decoration: none !important;
}


/* --25th Nov-- */

nav li.dropdown a img {
    float: right;
    display: inline;
    padding-top: 15px !important;
    padding-left: 5px !important;
}

nav li ul {
    display: none;
    position: absolute;
    margin-left: -25px!important;
}

nav li ul:before {
    display: none !important;
}

nav li:hover ul {
    display: block;
    width: 250px;
}

nav li ul li {
    background: #000000;
    width: 100%;
    text-transform: none !important;
    text-shadow: 1px 1px #222222 !important;
    border-bottom: 1px solid #222222 !important;
    font-weight: 300 !important;
    font-size: 12px !important;
}

nav li ul li.has-sub:after {
    font-family: 'FontAwesome'!important;
    content: '\f0da'!important;
    float: right!important;
    margin: 10px 15px 0px 0px!important;
    font-size: 14px!important;
    font-weight: 100!important;
    color: #888888!important;
}

nav li ul li a {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

nav li ul li ul {
    display: none!important;
    position: absolute!important;
    margin-left: 230px!important;
    margin-top: -40px!important;
}

nav li ul li:hover ul {
    display: block!important;
    width: 250px;
}


/* ------------ */

nav li.postjob a,
a.postjob {
    color: #CCCCCC !important;
    font-weight: 300 !important;
    font-family: 'Roboto', sans-serif !important;
}

nav li.postjob a:hover,
a.postjob:hover {
    color: #FFCC00 !important;
}

nav li:last-child a {
    border-right: 0;
}

nav a:hover,
nav a:active {
    color: #FFCC00 !important;
}

nav #pull {
    display: none;
}

#sj-logo {
    float: left;
    width: 350px;
    margin-top: 65px;
    margin-left: 15px!important;
}

#top-buttonheader {
    float: right;
    width: 300px;
    margin-top: 80px;
    font-size: 16px !important;
    margin-right: 15px!important;
}

#top-buttonheader:after {
    content: "";
    display: table !important;
    clear: both !important;
}

#top-buttonheader .loginregister-button a {
    float: left;
    width: inherit !important;
    padding: 10px 15px;
    color: #666666 !important;
}

#top-buttonheader .employer-button a {
    float: right;
    width: inherit !important;
    padding: 10px 15px;
    border: 2px solid #666666 !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    text-align: center !important;
    color: #666666 !important;
}

#top-buttonheader .loginregister-button a:hover {
    color: #666666 !important;
    font-weight: 600 !important;
}

#top-buttonheader .employer-button a:hover {
    background: #666666 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

#top-buttonheader2 {
    float: right;
    width: 350px;
    margin-top: 75px;
    font-size: 16px !important;
}

#top-buttonheader2:after {
    content: "";
    display: table !important;
    clear: both !important;
}


/*==================================================================== 
  #Job Search
=================================================================== */

.jobsearch-container {
    padding: 0px 15px;
    margin: 0px;
}

.submit-job {
    margin: 0 !important;
    font-size: 26px;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: bold;
    letter-spacing: -1px;
    text-transform: uppercase !important;
    text-align: center;
    text-shadow: 1px 1px #F6F6F6;
    background: url('images/custom/button-yellowbg.jpg');
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.submit-job .submit-textsmall {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    text-align: center !important;
    text-transform: none !important;
    color: #222222;
    letter-spacing: -0.5px !important;
    padding-top: 13px;
    padding-bottom: 2px !important;
    text-shadow: 1px 1px #F6F6F6;
    margin-bottom: 0 !important;
}

.submit-job a {
    padding-top: 0 !important;
    padding-bottom: 12px !important;
    margin-top: -8px !important;
    background: none !important;
    border: none !important;
    display: block;
    color: #222222;
}

#testimonial-container {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

iframe {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}


/* Submit Button - Added on 28th June 2017 */

#jobflyer-container {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 25px !important;
}

#jobbuttons-container {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#jobbuttons-container:after {
    content: "";
    display: table !important;
    clear: both !important;
}

#jobbuttons-container .international-button {
    float: left !important;
    width: 46% !important;
}

#jobbuttons-container .malaysia-button {
    float: right !important;
    width: 46% !important;
}

.international-button img,
.malaysia-button img {
    width: 100% !important;
}

.job-searchform {
    width: 100% !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px !important;
}

.job-searchform form {
    margin: 0px;
    padding: 0px;
    border: none !important;
    display: flex;
    align-items: stretch;
}

.job-searchform .ui-helper-hidden-accessible {
    display: none;
}

.job-searchform input[type="text"] {
    width: 42.5% !important;
    padding: 14px !important;
    margin-right: 1%;
    font-size: 12px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.job-searchform input.radius-text {
    width: 16% !important;
    font-size: 12px;
}

.job-searchform input[type="text"],
.job-searchform input.radius-text {
    background: #FFFFFF !important;
    color: #666666;
}

.job-searchform select {
    background: #FFFFFF url('images/icon/select-icon.png') no-repeat right center !important;
    display: inline !important;
    color: #888888 !important;
    width: 42.5% !important;
    padding: 13px;
    margin-right: 1%;
    font-size: 12px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.job-searchform input[type="text"]:focus,
.job-searchform input.radius-text:focus {
    color: #222222;
}

.job-searchform span.distance_unit {
    color: #666666;
    font-weight: bold;
    padding: 10px 5px;
    text-transform: uppercase;
}

.job-searchform input[type="submit"] {
    padding: 0;
    width: 13%;
    height: 46px;
    /*font-family:'FontAwesome'!important; content: '\F002'!important; font-size: 12px!important;*/
    text-indent: -9999px;
    background: #E92229 url('images/custom/magnifier-icon.png') no-repeat center center !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin: 0px!important;
}

.job-searchform input[type="submit"]:hover {
    background: #B20000 url('images/custom/magnifier-icon.png') no-repeat center center !important;
}


/* Autocomplete
------------------------------------------------------------------- */

.ui-autocomplete {
    width: 218px;
    background: #fff;
    list-style: none;
    -webkit-box-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px rgba(0, 0, 0, 0.2)
}

.ui-autocomplete li {
    margin: 0
}

.ui-autocomplete li a {
    color: #7e7e7e;
    padding: 7px 10px;
    display: block;
    cursor: pointer;
    font-size: 13px;
    border-top: 1px solid #E6E6E6;
}

.ui-autocomplete li:first-child a {
    border: none
}

.ui-autocomplete .ui-state-hover {
    background: #eee;
    text-decoration: none
}

.ui-autocomplete-input.loading {
    background-repeat: no-repeat;
    background-position: 95% center;
    background-image: url('images/ajax-loader.gif')
}

.ui-autocomplete .ui-state-focus,
.ui-autocomplete a:hover {
    background: #eee;
    text-decoration: none;
}


/*==================================================================== 
  #Sidebar & Widget
=================================================================== */

.sidebar .widget {
    color: #626262;
    font-size: 13px;
    margin-bottom: 30px
}

.widget-title {
    color: #392e28;
    font-size: 16px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    letter-spacing: -1px !important;
    text-align: left;
}

.widget ul {
    list-style: none
}

.widget-title,
.widget li {
    border-bottom: 1px dashed #a1a1a1
}

.widget li:last-child {
    border-bottom: none
}

.widget li {
    margin: 0 0 12px;
    padding-bottom: 12px
}

.widget li a {
    display: block;
    color: #626262;
}


/* Job Sort Widget
------------------------------------------------------------------- */

.widget.widget_colabs_jobsort {
    background: #fff;
    position: relative;
    margin-bottom: 35px;
    padding-top: 1px
}

.widget_colabs_jobsort select {
    display: block;
    margin-bottom: 12px;
    width: 100%;
    padding: 10px;
    color: #999999;
    font-size: 11px !important;
    background: #FFFFFF url('images/icon/select-icon.png') no-repeat right center !important;
    border-left: 1px solid #CCCCCC !important;
    border-right: 1px solid #EEEEEE !important;
    border-top: 1px solid #CCCCCC !important;
    border-bottom: 1px solid #EEEEEE !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.widget_colabs_jobsort select:focus {
    color: #222222;
    outline: 0 !important;
}

*:focus {
    outline: 0;
}

.widget_colabs_jobsort .widget-title {
    color: #666666;
    border: none;
    padding-top: 25px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 22px;
    text-transform: uppercase !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    letter-spacing: -1px !important;
}

.widget_colabs_jobsort form {
    margin: 5px 5px 0;
    padding-left: 15px;
    padding-right: 15px;
    border: none;
    background-color: #FFFFFF;
}

.widget_colabs_jobsort::after {
    height: 0;
}


/* Social Widget
------------ ------------------------------------------------------ */

.social-icon a {
    float: left;
    width: 33px;
    height: 33px;
    margin-right: 5px;
    text-indent: -9999px;
    background: url('images/icon/social-icon.png') no-repeat
}

.social-icon .facebook {
    background-position: -34px;
}

.social-icon .twitter {
    background-position: -68px;
}

.social-icon .mail {
    background-position: -103px;
}

.social-icon .linkedin {
    background-position: -137px;
}

.social-icon .skype {
    background-position: -207px;
}

.social-icon li {
    float: left;
    border: none
}


/* Twitter Widget 
------------------------------------------------------------------- */

.widget_colabs_twitter li a {
    color: #cb544c;
    display: inline
}


/* Facebook Widget 
------------------------------------------------------------------- */

.widget_colabs_facebook iframe {
    /* background:#fff; */
    width: 100% !important
}


/* Tabs Widget
------------------------------------------------------------------- */


/* default */

.widget_colabs_adwidget,
widget_colabs_follow {
    text-align: center !important;
}

.colabsTabs {
    margin: 0;
    overflow: hidden
}

.colabsTabs a {
    display: block;
    padding: 7px 8px;
    background: #f0f0f0
}

.colabsTabs li {
    padding: 0;
    margin: 0;
    float: left;
    border: none
}

.colabsTabs .selected {
    background: #fff
}

#tabs .box a {
    display: inline
}

#tabs li img {
    float: left;
    width: 35px;
    height: 35px;
    height: auto;
    max-width: 100%;
    margin: 0 10px 10px 0
}

#tabs .box {
    padding: 15px;
    background: #fff
}

#tabs .box a {
    color: #cb544c
}


/* Flickr Widget
------------------------------------------------------------------- */

.widget_colabs_flickr .flickr {
    margin-right: -5px
}

.widget_colabs_flickr a {
    float: left;
    margin: 0 5px 5px 0;
}

.widget_colabs_flickr img {
    padding: 2px;
    height: auto;
    display: block;
    max-width: 100%;
    background: #fff;
    border: 1px soldi #ddd
}


/* Subscribe Widget 
------------------------------------------------------------------- */

.widget_colabs_subscribe input[type="text"] {
    width: 55.3%
}


/*==================================================================== 
  #Main Content
=================================================================== */

.main {
    max-width: 1500px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

.row {
    margin: 0 auto;
    max-width: 1500px!important;
    width: 100%;
}

.row-faq{
    margin: 0 auto;
    max-width: 1500px!important;
    width: 100%;
    
    margin-top:40px;
}

/*.sidebar,*/
/*.submit-job {*/
/*    width: 25%*/
/*}*/
.post img {
    background: #fff;
    border: 5px solid #e1e1e1
}


/* Section 
------------------------------------------------------------------- */

.section {
    font-size: 13px;
    margin: 0 0 35px;
}
/* style for contact page new design by Quang Nguyen 1-4-2022*/
.section-title-new {
    color: #fff;
    float: left;
    bottom: 4px;
    padding: 12px 100px;
    min-width: 125px !important;
    font-size: 20px;
    font-family: 'Raleway', sans-serif !important;
    letter-spacing: -1px;
    text-align: center !important;
    position: relative;
    margin-bottom: -10px;
    z-index: -10;
    border-bottom: none;
    background-color: #6999ea;
    -moz-border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -khtml-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -khtml-border-top-right-radius: 6px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}


.section-title {
    color: #fff;
    float: left;
    bottom: 4px;
    padding: 12px 25px;
    min-width: 125px !important;
    font-size: 20px;
    font-family: 'Raleway', sans-serif !important;
    letter-spacing: -1px;
    text-align: center !important;
    position: relative;
    margin-left: 15px;
    margin-bottom: -4px;
    border-bottom: none;
    background-color: #407BDF;
    -moz-border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -khtml-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -khtml-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
}

.section-title img {
    vertical-align: middle;
    margin-right: 5px;
}

.section-title a {
    color: #fff;
}

.section-title::after {
    content: "";
    position: absolute;
    width: 110%;
    height: 140%;
    left: -5px;
    top: -25%;
    z-index: -1;
}

.section-content {
    clear: both;
    background: #FFFFFF !important;
    margin-bottom: 20px;
}

.section-content h4 {
    margin: 0 0 10px
}

.section-content input[type="text"],
.section-content input[type="file"],
.section-content textarea,
.section-content input[type="password"] {
    padding: 7px;
    background: #E8E7E4
}

.section-content input[type="file"] {
    -webkit-box-shadow: none;
    box-shadow: none
}


/* Latest Jobs Section
------------------------------------------------------------------- */

.latest-jobs .section-content {
    background: none!important;
    margin-bottom: 0
}

.section.latest-jobs {
    margin-bottom: 0;
}

.latest-jobs .sorting {
    margin-top: 5px;
    background: #FFFFFF !important;
    padding: 4px 0 0;
}

.latest-jobs .sorting,
.latest-jobs .sorting.result,
.search .sorting.result {
    clear: left;
    float: none;
    width: auto !important;
    border-bottom: 1px solid #F2F2F2;
    padding-right: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.latest-jobs .sorting label,
.latest-jobs .sorting input {
    float: left;
}

.latest-jobs .sorting label,
.jj-search .sorting label {
    color: #577a94;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
    line-height: 20px;
    margin: 5px 0 5px 5px;
}

.latest-jobs .sorting input {
    margin-left: 10px;
}


/* Search Section
------------------------------------------------------------------- */

.jj-search .section-content {
    background: none;
    margin-bottom: 0;
}

.jj-search .sorting {
    float: right;
    background: #FFFFFF;
    margin-top: 5px;
}

.jj-search .sorting label,
.jj-search .sorting input {
    float: left
}

.jj-search .sorting label {
    color: #577a94;
    font-size: 12px;
    line-height: 20px;
    margin: 5px 0 5px 5px;
}

.jj-search .sorting input {
    margin-left: 10px;
}


/* Featured Section
------------------------------------------------------------------- */

.jobs-post.job-featured {
    border-left: 5px solid #407BDF !important;
    background-color: #F0F5FB !important;
    border-bottom: 1px solid #FFFFFF !important;
}

.jobs-post.job-featured:last-child {
    margin: 0;
    border-left: 5px solid #407BDF !important;
    border-bottom: 1px solid #E6E6E6 !important;
}

.jobs-post {
    background: #FFFFFF;
    color: #7e7e7e;
    font-size: 13px;
    padding: 20px 25px 20px 25px;
    border-bottom: 1px solid #E6E6E6 !important;
}

.jobs-post:last-child {
    margin: 0;
    border: none !important;
}

.jobs-post .column {
    margin-bottom: 0
}

.jobs-post h4 {
    font-size: 14px !important;
    margin: 0 0 5px !important;
    line-height: 1.2em !important;
}

.jobs-img {
    float: left;
    position: relative !important;
    background: #FFFFFF !important;
    width: 100px !important;
    height: 100px !important;
    padding: 2px !important;
    margin: 0 15px 0 0 !important;
    text-align: center !important;
    display: table-cell !important;
    border: 1px solid #E8E8E8 !important;
    overflow: hidden !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.jobs-img img,
.jobs-img a img {
    width: 100% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.jobs-author {
    font-size: 13px !important;
    color: #222222 !important;
}

.jobs-date {
    font-size: 13px !important;
    color: #222222 !important;
}

.jobs-place {
    font-size: 13px !important;
    line-height: 1.4em !important;
}

.jobs-place2 {
    color: #222222 !important;
    line-height: 1.4em !important;
}

.jobs-post .button {
    float: left;
    margin: 10px 0 0;
}

.jobs-expired {
    background: #E92229;
    list-style: none;
    display: flex;
    align-items: stretch;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 0px;
    overflow: hidden!important;
    margin-bottom: 25px !important;

}

.jobs-expired .iconbox {
    background: #E92229;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF!important;
    font-family: 'FontAwesome';
    font-size: 26px;
    font-weight: normal!important;
    text-align: center!important;
    vertical-align: middle!important;
    padding: 10px 10px 10px 25px!important;
    -webkit-text-stroke: none!important;

}

.jobs-expired .msgbox {
    width: inherit!important;
    color: #FFFFFF!important;
    font-size: 14px!important;
    line-height:  1.3em!important;
    padding: 13px 15px 10px 15px!important;
}

.jobs-expired .msgbox a, .jobs-expired .msgbox a:link, .jobs-expired .msgbox a:visited {
    color: #FFCC00!important;
    font-weight: 600!important;
    text-decoration: none!important;
    padding-left:  5px!important;
}

.jobs-expired .msgbox a:hover {
    text-decoration: underline!important;
}


/*==================================================================== 
  #Pages
=================================================================== */


/* Register Page
------------------------------------------------------------------- */

.info-box {
    color: #3d4a5b;
    padding: 25px 20px;
    background: #f1ece1;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.data_list h6 {
    margin-bottom: 0;
}

.info-box ul,
.info-box ul.list-style {
    margin: 0;
    list-style-image: url('images/list-arrow.png');
}

.info-box ul.list-style li {
    border-bottom: 1px dashed #BBB5AD;
}

.list-style h4 span {
    font-size: 12px;
    margin: 0 5px;
    color: #CB544C;
}

.list-style h4 span a {
    color: #CB544C;
}

.info-box li {
    margin: 0 0 20px 20px
}

.info-box li:last-child {
    padding: 0;
    border: none;
    margin-bottom: 0;
}

/* START css apply form added by Quang Nguyen 2022-6-20 */ 
#apply-job-header { 
    color: #407BDF !important; 
    font-weight: bold; 
    font-size: 2rem; 
} 
#create-resume-apply { 
    margin-top: 20px; 
} 
#create-resume-apply span a { 
    text-decoration: none; 
    color: #9b9b9b; 
    background-color: #F1F1F1 !important; 
    border: 1px solid #CCCCCC !important; 
    border-radius: 5px; 
    padding: 5px 100px 5px 100px; 
    box-shadow: 2px 2px 4px 2px #cccccc; 
    border-style: outset; 
} 
.view-edit-resume-btn-wrap { 
    margin-top: 10px; 
} 
.view-edit-resume-btn-wrap span { 
    margin-top: 10px; 
} 
#submit-resume-sub { 
    margin-top: 15px; 
} 
.view-edit-resume-btn-wrap a{ 
    text-decoration: none; 
    margin: 10px 0px 10px 0px; 
    font-weight: bold;
} 
.view-edit-resume-btn{ 
    text-decoration: none; 
    color: #9b9b9b; 
    background-color: #F1F1F1 !important; 
    border: 1px solid #CCCCCC !important; 
    border-radius: 5px; 
    padding: 5px 100px 5px 100px; 
    box-shadow: 2px 2px 4px 2px #cccccc; 
    border-style: outset; 
    margin-top: 5px; 
    margin-bottom: 5px; 
} 
/* STOP css apply form added by Quang Nguyen 2022-6-20 */

.register-form input[type="text"],
.register-form input[type="password"],
.login-form input[type="text"],
.login-form input[type="password"],
.job-apply-form input[type="text"],
.job-apply-form input[type="file"],
.job-apply-form textarea {
    width: 80%;
    padding: 7px 5px;
    background: #e8e7e4;
}

.register-form {
    border-right: 1px dashed #BBB5AD;
}

.resetpassform .description {
    clear: both;
    padding-top: 10px;
}

.form-row {
    width: 94% !important;
}

.form-row input[type='text'],
.form-row input[type='password'] {
    width: 100% !important;
}


/* Employer Dashboard Page
------------------------------------------------------------------- */

.employer-dashboard strong,
.employee-dashboard strong {
    color: #424242
}

.posted-jobs,
.data-list,
.resume-list,
table {
    width: 100%;
    font-size: 13px!important;
    text-align: center
}

table th:first-child,
table td:first-child,
.posted-jobs .job-title,
.data-list .job-title,
.resume-list th:first-child,
.resume-list td:first-child {
    text-align: left;
}

.posted-jobs th,
.posted-jobs td,
.data-list th,
.data-list td,
.resume-list th,
.resume-list td,
table th,
table td {
    padding: 8px 0;
    border-bottom: 1px dashed #BBB5AD
}

.posted-jobs th,
.data-list th,
.resume-list th,
table th {
    border-top: 1px dashed #BBB5AD
}

.display_section,
.myprofile_section ul {
    list-style: none;
    overflow: hidden
}

.display_section li {
    float: left;
    overflow: hidden;
    margin: 0 5px 0 0
}

.display_section a {
    color: #fff;
    display: block;
    padding: 5px 10px;
    background: #cb544c
}

.display_section .active a {
    background: #64c7dc
}

.profile-content {
    overflow: hidden;
}

.profile-content h1 {
    color: #222222!important;
    text-transform: uppercase!important;
}

.profile-avatar {
    width: 75px !important;
    height: 75px !important;
    margin-bottom: 15px !important;
}


/* Employee Dashboard Page
------------------------------------------------------------------- */

.job-reccomend.info-box {
    color: #5e5e5e
}

.job-reccomend h5,
.job-reccomend p {
    margin: 0
}

.job-reccomend .jobs-place {
    font-size: 12px
}

.job-reccomend .job-exp,
.job-reccomend .job-stat {
    font-weight: 400
}

.job-reccomend li {
    padding: 0 0 20px;
    border-bottom: 1px dashed #BBB5AD
}

.resume-list th,
.job-applied th,
.job-applied a {
    color: #3D4E63
}

.resume-list tr:last-child td {
    border: none
}

.resume-list .button {
    float: left;
    margin-top: 15px
}


/* Job Info Pages
------------------------------------------------------------------- */

.job-apply-form form {
    margin-top: 20px
}

.job-apply-form input[type="text"],
.job-apply-form input[type="file"] {
    width: 50%
}

.job-apply-form label {
    display: block!important;
    margin: 10px 0px 25px 0px!important;
    font-style: italic;
}

.job-meta strong,
.job-posted,
.job-reccomend .job-stat {
    color: #d35a52
}

.job-info {
    color: #7e7e7e;
    position: relative
}

.job-info .button {
    top: 0;
    right: 0;
    position: absolute;
}

.job-salary {
    font-weight: 700
}


/* Blog Page
------------------------------------------------------------------- */

.post {
    padding: 15px;
    background: #fff;
    clear: both;
}

.post img {
    float: left;
    margin: 0 10px 10px 0
}

.post p {
    overflow: hidden
}


/* Contact Page
------------------------------------------------------------------- */

#frmcontact .sendCopy,
#frmcontact .screenReader {
    display: inline
}

#frmcontact #checking {
    width: 3%;
    margin-left: 10px
}


/* Resumes Pages
------------------------------------------------------------------- */

ol.resumes {
    list-style: none
}

ol.resumes li {
    zoom: 1;
    margin: 0;
    padding: 10px;
    background: #fff;
    overflow: hidden;
    border-bottom: 1px solid #E8E8E8;
}

ol.resumes dl {
    margin: 10px 0;
    overflow: hidden
}

ol.resumes dt {
    left: -9999em;
    position: absolute;
    visibility: hidden;
}

ol.resumes dd {
    float: left;
    margin: 0 1%
}

ol.resumes .photo {
    border: 2px solid #E1E1E1
}

ol.resumes .title strong {
    display: block
}

ol.resumes img {
    height: auto;
    max-width: 100%;
    display: block;
}

ul.section_footer,
.prefs_job_types ul {
    overflow: hidden;
    list-style: none
}

.prefs_job_types {
    display: flex;
    align-content: stretch;
    width: 100%;
}

.prefs_job_types p {
    font-size: 13px;
    margin: 0px!important;
    padding: 0px!important;
}

.prefs_job_types p label {
    width: 100%!important;
    padding: none!important;
    margin: none!important;
}

.prefs_job_types ul {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.prefs_job_types li {
    margin: 0px!important;
    padding: 0px!important;
}

.prefs_job_types li label {
    background: #F8F8F8!important;
    width: auto!important;
    padding: 5px 10px 5px 10px;
    margin: 5px 10px 5px 0px;
    font-size: 13px!important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E8E8E8!important;
}

.prefs_job_types li input {
    margin: 0px 5px 0px 0px!important;
}

ul.section_footer li {
    float: left;
    margin: 0 15px 0 0
}

ul.section_footer a {
    padding-left: 25px
}

ul.section_footer a.star {
    background: url('images/icon/star-icon.png') no-repeat -4px center
}

ul.section_footer .print a {
    background: url('images/icon/print-icon.png') no-repeat left center
}

li.resume .resume-col1 {
    float: left !important;
    width: 36% !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
}

li.resume .resume-col1 .resume-photo {
    width: 100% !important;
}

li.resume .resume-col1 .resume-photo dd.photo {
    float: none !important;
    width: 100px !important;
    min-height: 100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 10px !important;
}

li.resume .resume-col1 .resume-photo dd.photo img {
    width: 100% !important;
}

li.resume .resume-col1 .resume-photo:after {
    content: "";
    display: table !important;
    clear: both !important;
}

li.resume .resume-col1 .title {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: center !important;
    width: 100% !important;
    line-height: 1.3em !important;
    margin-bottom: 5px !important;
}

li.resume .resume-col1 .postuser {
    color: #222222 !important;
    width: 100% !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 1.3em !important;
}

li.resume .resume-col2 {
    float: left !important;
    width: 26% !important;
    text-align: center !important;
    margin-left: 2% !important;
    margin-right: 2% !important;
}

li.resume .resume-col2 .location,
li.resume .resume-col2 .date {
    color: #222222 !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    width: 100% !important;
    line-height: 1.3em !important;
    margin-bottom: 5px !important;
}

li.resume .resume-col2 .location span.title,
li.resume .resume-col2 .date span.title {
    display: none !important;
}


/*==================================================================== 
  #Pagination
=================================================================== */

.pagination,
#pagination {
    clear: both !important;
    margin-top: 25px !important;
    text-align: center !important;
}

.pagination a,
.pagination span,
#pagination a,
#pagination span {
    color: #999999 !important;
    font-size: 14px !important;
    padding: 8px 12px !important;
    margin-left: 0 !important;
    background: #F3F3F3 !important;
    border: 1px solid #E8E8E8 !important;
}

.pagination a:hover,
#pagination a:hover {
    color: #FFFFFF !important;
    background: #417BDE !important;
    text-decoration: none !important;
    border: 1px solid #417BDE !important;
}

.pagination span,
#pagination span {
    color: #417BDE !important;
    background: #FFFFFF !important;
    text-decoration: none !important;
}

#pagination a:first-child,
#pagination span:first-child {
    -webkit-border-top-left-radius: 5px !important;
    -webkit-border-bottom-left-radius: 5px !important;
    -moz-border-radius-topleft: 5px !important;
    -moz-border-radius-bottomleft: 5px !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

#pagination a:last-child,
#pagination span:last-child {
    -webkit-border-top-right-radius: 5px !important;
    -webkit-border-bottom-right-radius: 5px !important;
    -moz-border-radius-topright: 5px !important;
    -moz-border-radius-bottomright: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}


/*==================================================================== 
  #Comment List & Comment Form
=================================================================== */

.commentlist,
.commentlist .children {
    list-style: none
}

.commentlist .children {
    margin: 0 0 0 40px
}

.commentlist li.comment {
    margin-left: 0;
    overflow: hidden
}

.commentlist pre,
code {
    padding: 2px;
}

.comment-entry {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.comment-author {
    float: left;
    overflow: hidden;
    margin: 0 10px 10px 0;
}

.comment-content {
    overflow: hidden
}

.comment-author .avatar {
    float: left;
    margin-right: 10px
}

#respond input[type="text"] {
    width: 28.9%;
    padding: 10px
}


/*==================================================================== 
  #Footer
=================================================================== */


/* Custom Footer Skin Layout */

footer[role="contentinfo"] {
    background: #000000 !important;
    clear: both;
    font-size: 13px;
    line-height: 1.6em;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    color: #CCCCCC;
    text-shadow: 1px 1px #000000;
    text-align: center !important;
    margin-bottom: -15px !important;
}

footer[role="contentinfo"] a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

footer[role="contentinfo"] a:hover {
    color: #FFCC00;
    text-decoration: none;
}

#footer-container {
    background: url('images/custom/footer-shadowbg.png') #323232 top center no-repeat;
}

#footer-patternbg {
    background: url('images/custom/footer-patternbg.png') top center repeat;
    padding: 20px 25px 20px 25px;
}

#footer-contentbox {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto!important;
    flex-wrap: wrap;
}

#fbox-info {
    float: left;
    width: 24%;
}

#fbox-info .bottom-logo {
    width: 80%;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

#fbox-info .bottom-logo img {
    width: 100%;
}

#fbox-info .bottom-info {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #222222;
    line-height: 1.5em;
    padding: 5px 0px 5px 0px!important;
    margin: 5px 0px 5px 0px!important;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
}

.bottom-fblikebox {
    width: 260px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 5px !important;
}

#fbox-nav {
    float: right;
    width: 75%;
}

#fnav-container {
    display: flex;
    align-items: stretch;
    margin-bottom: 5px;
}

.bottom-nav {
    width: 20%;
    font-family: "Roboto", sans-serif;
    font-size: 11px!important;
    letter-spacing: 0 !important;
    padding-top: 20px;
    vertical-align: top;
    margin: 0px 15px 0px 15px;
}

.bottom-nav ul {
    margin: 0px;
    padding-left: 10px!important;
}

.bottom-nav ul li {
    line-height: 2.2em;
    padding-left: 10px!important;
}

.bottom-nav .widget ul.menu li {
    border-bottom: none !important;
    padding: 0 0 0 5px !important;
    margin: 0 !important;
}

.bottom-nav ul {
    margin: 0;
    padding-left: 0;
}

.bottom-nav ul li {
    line-height: 2.2em;
    padding-left: 5px;
}

.bottom-nav ul li a,
.bottom-nav ul li a:link,
.bottom-nav ul li a:visited {
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #222222;
    text-decoration: none;
}

.bottom-nav ul li a:hover {
    color: #FFCC00;
}

.fbox-title {
    font-family: 'Raleway', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #222222;
    border-bottom: 1px solid #222222;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

#app-container {
    background: url('images/custom/black-transparent.png') top left repeat !important;
    padding: 5px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#app-contentbox {
    margin: 0 auto !important;
}

#app-desc {
    float: left;
    font-size: 14px;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #222222;
    padding-top: 15px;
}

#app-buttons {
    width: 220px;
    padding: 5px !important;
    margin: 0 auto !important;
}

#app-buttons::after {
    content: "";
    display: table !important;
    clear: both !important;
}

#app-buttons .applestore {
    float: left;
    width: 48%;
    padding-top: 2px !important;
}

#app-buttons .googleplay {
    float: right;
    width: 48%;
    padding-top: 2px !important;
}

#app-buttons .applestore img,
#app-buttons .googleplay img {
    width: 100% !important;
}

#footer-userinfo {
    font-size: 11px !important;
    background: url('images/custom/black-transparent.png') top left repeat !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto !important;
    padding: 10px 15px !important;
    overflow: hidden;
    display: flex;
    align-items: stretch;
}

#footer-userinfo a i {
    width: auto;
    font-family: 'FontAwesome';
    font-size: 20px;
    margin: 0px 5px 0px 5px;
}

#footer-userinfo a i:hover {
    color: #407BDF!important;
}

#footer-userinfo .userinfo-default {
    width: auto!important;
    font-size: 13px!important;
    margin: 3px auto!important;
    color: #FFFFFF;
}

#footer-userinfo .userinfo-default>span {
    font-weight: 700!important;
}

#footer-userinfo .userinfo-default a,
#footer-userinfo .userinfo-default a:link,
#footer-userinfo .userinfo-default a:visited {
    color: #E8E8E8 !important;
    text-decoration: none !important;
}

#footer-userinfo .userinfo-default a:hover {
    color: #FFCC00!important;
}

#footer-userinfo .userinfo-left {
    float: left;
    display: block;
    width: 60% !important;
    font-size: 12px !important;
}

#footer-userinfo .userinfo-right {
    float: left;
    display: block;
    width: 40% !important;
    font-size: 12px !important;
}

#footer-userinfo .userinfo-default span,
#footer-userinfo .userinfo-left span,
#footer-userinfo .userinfo-right span,
#footer-userinfo a {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
    text-transform: none !important;
}

#footer-contentbox .site-info {
    width: 100%;
    text-align: center!important;
}

#footer-contentbox .fbutton {
    float: right;
    background: url('images/custom/sarawakjobs-button.png') 0 0 no-repeat !important;
    width: 218px;
    height: 43px;
    overflow: hidden !important;
}

#footer-contentbox .fbutton:hover {
    background: url('images/custom/sarawakjobs-button.png') 0 -43px no-repeat !important;
}


/*==================================================================== 
  #Resume Page
=================================================================== */

.resume_header {
    overflow: hidden
}

.resume_header img {
    float: right;
    height: auto;
    max-width: 100%;
    margin: 0 0 10px 20px
}

.resume_header .meta {
    clear: left
}

.resume_header .button {
    float: left;
    background-color: #CB544C;
}

.resume_header .button a {
    color: #fff
}

.resume_header dl {
    padding-left: 10px;
    border-left: 5px solid #eee;
}

.resume_header dt {
    float: left;
    clear: left;
    width: 100px;
    margin-right: 10px;
}

.resume_section_heading {
    margin-bottom: 5px
}

.resume_section ul {
    margin: 10px 0px 10px 0px!important;
}

.resume_section li {
    line-height: 1.4em !important;
    margin: 5px 0px 0px 20px !important;
}


/*==================================================================== 
  #Resume Form
=================================================================== */

input[type="file"] {
    background: #fff
}

form.main_form legend {
    float: left;
    width: 100%;
    display: block;
    font-size: 20px;
    line-height: 1.3em;
    padding-top: 5px;
    margin: 20px 0 5px;
    border-top: 1px solid #bbb5ad;
}

form.main_form p,
form.account_form p {
    clear: both;
    margin: 10px 0;
    padding: 0px 10px 0px 10px;
    overflow: hidden;
    display: flex;
    align-items: stretch;
}

form.main_form p:last-child,
form.account_form p:last-child {
    padding: 0px 10px 15px 10px;
}

form.main_form p label {
    width: 25%;
    padding: 10px 5px;
    font-size: 13px;
    margin-right: 15px;
}

form.main_form p label i {
    font-size: 8px!important;
    color: #ff0000!important;
    font-weight: 100!important;
}

form.main_form input.text,
form.main_form textarea,
form.submit_form textarea {
    width: 75%;
    padding: 10px 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    font-size: 13px;
}

form.main_form select {
    width: 75%;
    padding: 10px 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    font-size: 13px;
    -ms-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

form.main_form .optional textarea {
    width: 70%
}

form.main_form textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

form.main_form textarea#summary {
    width: 95%;
    clear: both;
}

.mceContentBody {
    background: #fff;
}

.mce-edit-area,
.mce-edit-area>iframe {
    max-height: 300px;
}

.wp-editor-container {
    border: 1px solid #E8E8E8!important;
    -moz-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    border-radius: 5px!important;
    overflow: hidden!important;
}


/* .mce-toolbar.mce-last {
    display: none!important;
} */

#map_wrap {
    border: 1px solid #E8E8E8!important;
    -moz-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    border-radius: 5px!important;
    overflow: hidden!important;
}

#geolocation-map {
    width: 100%!important;
    height: 350px;
}

#geolocation_box p {
    width: 100% !important;
    display: flex;
    align-items: stretch;
}

#geolocation_box p input[type="text"] {
    padding: 10px 6px !important;
    background: #F8F8F8 !important;
    border-left: 1px solid #CCCCCC !important;
    border-right: 1px solid #EEEEEE !important;
    border-top: 1px solid #CCCCCC !important;
    border-bottom: 1px solid #EEEEEE !important;
    -ms-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    line-height: 1.3em!important;
    max-height: 22px!important;
}

#geolocation_box p label {
    padding: 0px!important;
    margin: 0px 0px 0px 15px!important;
}

#geolocation-load {
    width: 100%;
    background: #E92229 !important;
    font-family: 'Raleway', sans-serif !important;
    padding: 10px 25px !important;
    font-size: 14px !important;
    text-transform: none !important;
    font-weight: 300 !important;
    color: #FFFFFF !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
}

#geolocation-load:hover {
    background: #B20000 !important;
    color: #FFFFFF !important;
    text-decoration: none!important;
}

.select-menu {
    width: 95%;
    margin-top: 100px;
    position: absolute;
    display: none;
}

.singleimage {
    display: block;
    margin-bottom: 20px;
}

.singleimage img {
    height: auto;
    float: none;
    display: block;
    max-width: 100%
}

#map_wrap img {
    max-width: none
}

.job-custom-form-fields {
    padding: 10px;
    background: #f5f5f5;
}

form.main_form .job-custom-form-fields input.text[type="checkbox"],
form.main_form .job-custom-form-fields input.text[type="radio"] {
    margin-left: 1px;
}

#lang-checkbox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

#lang-checkbox label {
    background: #F8F8F8!important;
    width: auto!important;
    padding: 4px 10px 4px 10px;
    margin: 5px 0px 5px 10px;
    font-size: 13px!important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E8E8E8!important;
}

#lang-checkbox label input {
    margin: 0px 5px 0px 0px!important;
}


/* wp-caption */

.wp-caption {
    margin-top: 0.4em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: rgb(255, 253, 248);
    margin-bottom: 1.625em;
    max-width: 96%;
    padding: 9px;
    border: 1px solid rgba(0, 0, 0, 0.03);
}

.wp-caption img {
    display: block;
    margin: 0 auto;
    max-width: 98%;
}

.wp-caption .wp-caption-text,
.gallery-caption {
    font-family: Georgia, serif;
    font-size: 12px;
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin-bottom: 0.6em;
    padding: 5px;
    position: relative;
}

.wp-caption .wp-caption-text:before {
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    margin-right: 5px;
    position: absolute;
    left: 10px;
    top: 7px;
}


/*==================================================================== 
  #Job List
=================================================================== */

.jobs dt {
    visibility: hidden;
    position: absolute;
    left: -9999em;
}


/*  reCAPTCHA   */

.register-form label {
    display: inline;
}

#websites input[type="text"] {
    background: none repeat scroll 0 0 #E8E7E4;
    padding: 10px 5px;
    border: medium none;
}

.alert.alert-success,
.success {
    background: #FFFFFF;
    list-style: none;
    display: flex;
    align-items: stretch;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(136,136,136,0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(136,136,136,0.25);
    box-shadow: 0px 0px 10px 0px rgba(136,136,136,0.25);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #E8E8E8;
    overflow: hidden!important;
}

#apply_form_result.success,
.success,
.errors {
    margin-bottom: 15px!important;
}

.alert.alert-success .iconbox,
.success .iconbox {
    background: #0CB64F!important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF!important;
    font-family: 'FontAwesome';
    font-size: 28px;
    font-weight: normal!important;
    text-align: center!important;
    padding: 10px 25px 10px 25px!important;
    -webkit-text-stroke: none!important;
}

.alert.alert-success .msgbox,
.success .msgbox {
    width: inherit!important;
    color: #0CB64F!important;
    font-size: 13px!important;
    line-height:  1.3em!important;
    padding: 15px 25px 15px 25px!important;
}

.alert.alert-success .msgbox {
    width: inherit!important;
    color: #FFFFFF!important;
    font-size: 14px!important;
    line-height:  1.3em!important;
    padding: 15px 25px 15px 25px!important;
}

.alert.alert-success .msgbox ul,
.alert.alert-errors .msgbox ul,
.success .msgbox ul,
.errors .msgbox ul {
    line-height: 1.3em!important;
    margin: 0px!important;
}

.alert.alert-success .msgbox ul li,
.alert.alert-errors .msgbox ul li,
.success .msgbox ul li,
.errors .msgbox ul li {
    line-height: 1.3em!important;
    margin: 0px!important;
    list-style: none!important;
}

.social_share {
    display: block;
}

div.errors {
    background: #FFFFFF;
    list-style: none;
    display: flex;
    align-items: stretch;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(136,136,136,0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(136,136,136,0.25);
    box-shadow: 0px 0px 10px 0px rgba(136,136,136,0.25);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #E8E8E8;
    overflow: hidden!important;

}

div.errors .iconbox {
    background: #E8202A!important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF!important;
    font-family: 'FontAwesome';
    font-size: 26px;
    font-weight: normal!important;
    text-align: center!important;
    vertical-align: middle!important;
    padding: 10px 25px 10px 25px!important;
    -webkit-text-stroke: none!important;

}

div.errors .msgbox {
    width: inherit!important;
    color: #E8202A!important;
    font-size: 13px!important;
    line-height:  1.3em!important;
    padding: 15px 25px 15px 25px!important;
}

.section_header .errors {
    margin-top: -10px !important;
}

.section_header .errors a {
    color: #990000 !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

.section_header .errors a:hover {
    color: #222222 !important;
    text-decoration: none !important;
}

.errors a,
.success a {
    text-decoration: underline !important;
}


/*==================================================================== 
  #Submit Job Form
=================================================================== */

.submit_form input[type="checkbox"]+label {
    display: inline
}


/* Jobs Steps
------------------------------------------------------------------- */

.steps {
    background: #ffffff;
    margin-bottom: 20px;
    border: 1px solid #eee!important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    display: flex;
    align-items: stretch;
}

.steps:before,
.steps:after {
    content: "";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.steps:after {
    clear: both
}

.steps li {
    margin: 0;
    font-size: 16px!important;
    float: left;
    color: #ddd;
    width: 25%;
    background: #fff;
    list-style: none;
    text-align: center;
    position: relative;
}

.steps span {
    display: block;
    padding: 10px 10px!important;
    border-left: 1px solid #ddd
}

.steps li:first-child span {
    border-left: 0
}

.steps li:first-child {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.steps li:last-child {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.steps .done {
    text-decoration: line-through;
}

.steps .current {
    color: #FFFFFF;
    background: #407BDF;
}

.steps .current:before,
.steps .current:after {
    left: 50%;
    content: "";
    z-index: 11;
    bottom: -20px;
    margin-left: -10px;
    position: absolute;
    border: 10px solid;
    border-color: #eee transparent transparent transparent;
    display: none;
}

.steps .current:after {
    z-index: 10;
    bottom: -21px;
    border-top-color: #ddd;
    display: none;
}


/* Jobs Preview
------------------------------------------------------------------- */

.submit_form .jobs {
    margin: 15px 0;
    padding: 15px 0;
    list-style: none;
    border-top: 1px dashed #bbb5ad;
    border-bottom: 1px dashed #bbb5ad;
}

.submit_form .jobs .job {
    margin: 0;
}

.job .type {
    float: right;
}

.job .type span {
    display: block;
    padding: 3px 10px;
}

.job .title strong {
    display: block;
    font-size: 20px;
}

.job dl {
    margin-bottom: 0
}

.submit_form blockquote {
    background: #eee;
    margin: 20px 10px;
    padding: 5px 10px;
    font-style: normal;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb
}

.submit_form blockquote p {
    font-size: 14px;
    margin: 0 0 18px
}

.submit_form blockquote h2 {
    font-size: 21px;
    margin-bottom: 0;
}

.submit_form blockquote h3 {
    font-size: 18px;
    margin-bottom: 5px;
}

div.jobdesc {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}


/* Select Jobs Pack
------------------------------------------------------------------- */

.submit_form .packs,
.purchase-pack .packs {
    list-style: none;
}

.submit_form .packs li {
    margin-left: 0;
    position: relative;
    margin-bottom: 20px;
    background: #F8F8F8;
    border: 1px solid #ddd;
    margin-left: 150px;
}

.submit_form .packs .cost,
.purchase-pack .packs .cost {
    left: 0;
    color: #fff;
    width: 65px;
    height: 34px;
    padding: 0 5px;
    line-height: 34px;
    text-align: center;
    position: absolute;
    background: #3d4e63;
}

.submit_form .packs h3,
.purchase-pack .packs h3 {
    font-size: 18px;
    background: #eee;
    margin-bottom: 10px;
    padding: 3px 15px 3px 85px;
    border-bottom: 1px solid #ddd;
}

.submit_form .packs p,
.purchase-pack .packs p {
    margin-top: 0;
    padding: 0 15px;
}

.submit_form .packs div,
.purchase-pack .packs div {
    top: 50%;
    left: -150px;
    width: 130px;
    text-align: right;
    margin-top: -10px;
    position: absolute;
}

.submit_form .packs label,
.purchase-pack .packs label {
    margin: 0;
}


/* Contact Form
------------------------------------------------------------------- */


/* Custom Top & Content Contact Layout */

.page-template-template-contact .section {
    margin-bottom: 0 !important;
}

#ctopheader-container {
    width: auto !important;
}

#ctopheader-container:after {
    content: "";
    display: table !important;
    clear: both !important;
}

#ctopheader-leftcol {
    float: left !important;
    width: 55% !important;
    font-family: 'Roboto', sans-serif !important;
    color: #222222;
}

#ctopheader-leftcol:after {
    content: "";
    display: table !important;
    clear: both !important;
}

#ctopheader-leftcol .topleftcol-title {
    font-size: 28px !important;
    letter-spacing: -1px !important;
    margin-top: 45px !important;
}

#ctopheader-leftcol .topleftcol-title>.title-blue {
    color: #34A7D6 !important;
}

#ctopheader-leftcol .topleftcol-desc {
    font-size: 16px !important;
    font-weight: 300 !important;
}

#ctopheader-rightcol {
    float: right !important;
    width: 45% !important;
}

#ctopheader-rightcol:after {
    content: "";
    display: table !important;
    clear: both !important;
}

#ctopheader-rightcol .toprightcol-icon {
    float: left !important;
    width: 40% !important;
}

#ctopheader-rightcol .toprightcol-icon img {
    width: 100% !important;
}

#ctopheader-rightcol .toprightcol-title {
    float: right !important;
    width: 55% !important;
    line-height: 1.2em !important;
    color: #5A80D3 !important;
    font-family: 'Raleway', sans-serif !important;
    font-size: 28px !important;
    text-transform: uppercase !important;
    margin-top: 25px !important;
}


/* Custom FAQs */

#faqs-container {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

.ac-container {
    width: 100%;
    margin: auto;
    text-align: left;
}

.ac-container label:before {
    font-family: 'FontAwesome';
    content: '\f067';
    font-size: 14px !important;
    margin-right: 10px !important;
}

.ac-container label {
    font-family: 'Raleway', sans-serif !important;
    font-size: 18px !important;
    position: relative;
    z-index: 20;
    display: block;
    height: auto !important;
    text-shadow: 1px 1px 1px #FFFFFF !important;
    color: #34A7D6 !important;
    cursor: pointer;
    background: #ffffff;
    padding: 10px 20px !important;
    background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(100%, #eaeaea));
    background: -webkit-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
    background: -o-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
    background: -ms-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
    background: linear-gradient(top, #ffffff 1%, #eaeaea 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0);
    box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3), 1px 0 0 0 rgba(255, 255, 255, 0.9) inset, 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.ac-container label.lpa {
    font-family: 'Raleway', sans-serif !important;
    font-size: 18px !important;
    position: relative;
    z-index: 20;
    display: block;
    height: auto !important;
    text-shadow: 1px 1px 1px #222222 !important;
    color: #FFFFFF !important;
    cursor: pointer;
    background: #21C757;
    padding: 10px 20px !important;
    background: -moz-linear-gradient(top, #21C757 1%, #0D5524 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #21C757), color-stop(100%, #0D5524));
    background: -webkit-linear-gradient(top, #21C757 1%, #0D5524 100%);
    background: -o-linear-gradient(top, #21C757 1%, #0D5524 100%);
    background: -ms-linear-gradient(top, #21C757 1%, #0D5524 100%);
    background: linear-gradient(top, #21C757 1%, #0D5524 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#21C757', endColorstr='#0D5524', GradientType=0);
    box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3), 1px 0 0 0 rgba(255, 255, 255, 0.9) inset, 0 2px 2px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.ac-container label:hover {
    background: #222222 !important;
    color: #FFFFFF !important;
    text-shadow: 1px 1px 1px #000000 !important;
}

.ac-container label.lpa:hover {
    background: #B20000 !important;
}

.ac-container input:checked+label:before {
    font-family: 'FontAwesome';
    content: '\f068';
    font-size: 14px !important;
    margin-right: 10px !important;
}

.ac-container input:checked+label,
.ac-container input:checked+label:hover {
    background: #222222 !important;
    color: #FFFFFF !important;
    text-shadow: 1px 1px 1px #000000 !important;
    box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3), 0 2px 2px rgba(0, 0, 0, 0.1);
}

.ac-container input:checked+label.lpa,
.ac-container input:checked+label.lpa:hover {
    background: #B20000 !important;
}

.ac-container label:after,
.ac-container input:checked+label:after,
.ac-container input:checked+label:hover:after {
    position: absolute;
    font-family: 'FontAwesome';
    content: '\f078';
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    right: 15px !important;
    margin-left: 10px !important;
}

.ac-container input {
    display: none;
}

.ac-container article {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300;
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    max-height: 0;
    position: relative;
    z-index: 10;
    -webkit-transition: max-height 0.3s ease-in-out, box-shadow 0.6s linear !important;
    -moz-transition: max-height 0.3s ease-in-out, box-shadow 0.6s linear !important;
    -o-transition: max-height 0.3s ease-in-out, box-shadow 0.6s linear !important;
    -ms-transition: max-height 0.3s ease-in-out, box-shadow 0.6s linear !important;
    transition: max-height 0.3s ease-in-out, box-shadow 0.6s linear !important;
}

.ac-container article a,
.ac-container article a:link,
.ac-container article a:visited {
    color: #34A7D6 !important;
    text-decoration: none !important;
}

.ac-container article a:hover {
    color: #0066FF !important;
}

.ac-container article h3 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 22px !important;
    font-weight: 300 !important;
}

.ac-container article h5 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    color: #222222 !important;
}

.ac-container input:checked~article {
    padding: 20px !important;
    max-height: 0 !important;
    -webkit-transition: max-height 0.5s ease-in-out, box-shadow 0.1s linear !important;
    -moz-transition: max-height 0.5s ease-in-out, box-shadow 0.1s linear !important;
    -o-transition: max-height 0.5s ease-in-out, box-shadow 0.1s linear !important;
    -ms-transition: max-height 0.5s ease-in-out, box-shadow 0.1s linear !important;
    transition: max-height 0.5s ease-in-out, box-shadow 0.1s linear !important;
    box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3);
}

.ac-container input:checked~article.answer {
    max-height: 5000px !important;
}


/* Custom Contact Form Layout */

/* style for contact page new design by Quang Nguyen 1-4-2022*/
.row-contact{
    margin: 0 auto;
    max-width:1500px;
    width:100%;
}
.section-contact{
    padding-top: 20px;
}
#cformheader-container .cformheader-title-new {
    font-size: 28px !important;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 200 !important;
    text-align: left !important;
    margin-bottom: 35px !important;
    line-height: 1.2em !important;
}
#reach-out {
    margin-top: 30px;
    width: 100%;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 0px 0px 0.1px #888888;
    text-align: center;
}
.cheader-title-new{
   padding-top: 30px;
   padding-bottom:5px;
   font-size: 2em;
   font-weight: bolder;
}
#button-links{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top:5px;
    padding-bottom:20px;
}
.link-items{
    margin: 4px;
}
.cheader-text-faq{
    font-size: 1.6em;
}


#cformheader-container {
    width: auto !important;
}

#cformheader-container .cformheader-title {
    font-size: 28px !important;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 200 !important;
    text-align: center !important;
    margin-bottom: 35px !important;
    line-height: 1.2em !important;
}

#cformheader-container:after {
    content: "";
    display: table !important;
    clear: both !important;
}

/* style for contact page new design by Quang Nguyen 1-4-2022*/
#cformheader-leftcol-new {
    float: left;
    width: 49% !important;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 0px 0px 0.1px #888888;
    color: #FF6600;
    padding-top:30px;
    padding-bottom:30px;
}
#cformheader-rightcol-new {
    float: right;
    width: 49% !important;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 0px 0px 0.1px #888888;
    color: #518EE7;
    padding-top:30px;
    padding-bottom:30px;
}
#faq-js-button{
    width: 80%;   
    color: #ffffff;
    background: #FF6600;;
    border-radius: 5px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;

}
#faq-jl-button{
    width: 80%;
    color: #ffffff;
    background: #518EE7;
    border-radius: 5px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}
.faq-user-box{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.iconandtext{
    display: flex;
    justify-content: flex-start;
    align-items: center; 
}
.fa-user-text{
    display:block;
    padding-left: 10px;
}
.faq-link-contact{
    color: #ffffff;
    text-decoration: none;
    font-size : 2em;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
}
.faq-user-title {
   font-weight: bold;
   font-size:2em;
   padding-left: 0px;
   padding-top: 8px;
}
.faq-user-header{
   font-size: 1.2em !important; 
   padding-top: 5px;
}


#cformheader-leftcol {
    float: left;
    width: 50% !important;
}

#cformheader-rightcol {
    float: right;
    width: 50% !important;
}

#cformheader-box {
    width: 80% !important;
    text-align: center !important;
    font-family: 'Roboto', sans-serif !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 50px !important;
    color: #222222;
}

/* Contact Form (08062021)
----------------------------------------------------------------- */
#cformheader-box:after,
#cformheader-box .cheader-icon:after,
#cformheader-box .cheader-icon .cheader-rightcol:after {
    content: "";
    display: table !important;
    clear: both !important;
}

#cformheader-box .cheader-icon {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
#cformheader-box .cheader-icon .cheader-leftcol {
    float: left!important;
    width: 120px !important;
    margin-right: 15px!important;
}
#cformheader-box .cheader-icon .cheader-rightcol {
    float: left!important;
    width: 76%!important;
    padding-top: 25px;
    padding-bottom: 15px;
}

#cformheader-box .cheader-icon .cheader-rightcol .faq-button {
    background-color: #518EE7!important;
    float: left!important;
    display: block!important;
    width: 46%!important;
    margin-left: 5px!important;
    margin-right: 5px!important;
    padding: 10px 15px!important;
    text-align: center!important;
    color: #FFFFFF!important;
    text-decoration: none!important;
    -moz-border-radius: 10px!important;
    -webkit-border-radius: 10px!important;
    -khtml-border-radius: 10px!important;
    border-radius: 10px!important;
}

#cformheader-box .cheader-icon .cheader-rightcol .faq-button:hover {
    background-color: #1D66D3!important;
}

#cformheader-box .cheader-icon .cheader-rightcol a,
#cformheader-box .cheader-icon .cheader-rightcol a:link,
#cformheader-box .cheader-icon .cheader-rightcol a:visited {
    font-size:  16px!important;
    font-weight:  600!important;
    text-align: center!important;
    color: #FFFFFF!important;
    text-decoration: none!important; 
}

#cformheader-box .cheader-icon1 {
    width: 94px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#cformheader-box .cheader-icon2 {
    display: none !important;
    width: 94px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#cformheader-box #cheader-descbox {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#cformheader-box #cheader-descbox .cheader-title {
    font-size: 24px !important;
    line-height: 1.2em !important;
    margin-bottom: 10px !important;
}

#cformheader-box #cheader-descbox .cheader-text {
    font-size: 16px !important;
    line-height: 1.2em !important;
    font-weight: 300 !important;
}

#cformheader-box #cheader-descbox .cheader-text .contact-info {
    margin-top: 5px !important;
    margin-bottom: 10px !important;
}

#cformheader-box #cheader-descbox .text-blue,
#cformheader-box #cheader-descbox .text-blue a {
    color: #34A7D6 !important;
    font-weight: 400 !important;
}

#cformheader-box #cheader-descbox #chatbutton {
    display: none !important;
}

#cformheader-box #cheader-descbox #chatbutton img {
    width: 100% !important;
}


/* Tab Selection */

.ctabs {
    height: 43px;
    margin-left: 15px !important;
    display: inline-block;
}

.ctabs a {
    background: #FCFCFC;
    display: inline-block;
    z-index: 1;
    cursor: pointer;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-family: 'Raleway', San-Serif;
    position: relative;
    display: inline-block;
    line-height: normal !important;
    color: #222222;
    text-transform: uppercase;
    text-decoration: none;
    padding: 14px 65px 10px;
    margin-right: 3px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-top-rightradius: 10px;
    -webkit-border-top-rightradius: 10px;
    -khtml-border-top-rightradius: 10px;
    border-top-right-radius: 10px;
    border-top: 1px solid #E8E8E8;
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
    border-bottom: 0;
}


/* Form Layout */

#cform-leftcol {
    float: left;
    width: 48% !important;
}

#cform-rightcol {
    float: right;
    width: 48% !important;
}

#cform-singlecol {
    width: 98% !important;
}

#cform-singlecol:after {
    content: "";
    display: table !important;
    clear: both !important;
}

#form-container .captchabox {
    float: left;
    padding-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px !important;
}

#form-container .captchabox img {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

#form-container .captchafield {
    float: left;
    padding-top: 6px;
    margin-bottom: 5px !important;
}

input[type="submit"],
input[type="reset"] {
    color: #fff;
    border: none;
    cursor: pointer;
    padding: 7px 20px;
    margin-right: 5px;
    background: #3A30A2;
    font-size: 13px !important;
    text-transform: none !important;
    font-weight: 300 !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

input[type="submit"]:hover,
input[type="reset"]:hover {
    background: #2C0454 !important;
    color: #FFCC00 !important;
}

#form-container p.text-input {
    margin-bottom: 12px !important;
}

#form-container .captchafield input[type="text"] {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

#form-container input[type="text"],
#form-container textarea {
    color: #999999;
    background: #F8F8F8 !important;
    font-size: 13px !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    outline: none !important;
    width: 100% !important;
}

#form-container input[type="text"],
#form-container textarea {
    padding: 8px !important;
}

#form-container textarea {
    min-height: 160px !important;
}

#form-container input:focus,
#form-container textarea:focus {
    background: #F2F2F2 !important;
    color: #333333 !important;
}

#form-container #message,
#quoteform-box #msgsuccess {
    margin: 0 !important;
    padding: 0 !important;
}

#form-container .error_message {
    display: block;
    line-height: 1.8em;
    background-color: #FBE3E4;
    border: 1px solid #FBC2C4;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 25px !important;
}

#form-container .error_message h1 {
    background: url('images/error.gif') 0 3px no-repeat;
    padding-left: 25px;
    padding-bottom: 5px;
    margin: 0 !important;
    color: #222222;
    font-size: 20px !important;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 1.1em !important;
}

#form-container ul.error_messages {
    margin: 0 0 0 15px;
    padding: 0;
}

#form-container ul.error_messages li {
    list-style: decimal !important;
    line-height: 1.7em !important;
    color: #333;
    font-size: 12px !important;
}

#form-container .loader {
    padding: 0 10px;
}

#form-container ul.error_messages li span.required {
    font-weight: bold !important;
    color: #FF0000 !important;
}

#form-container #success_page {
    background: #FFFFFF !important;
    padding: 15px;
    border: 1px solid #E6E6E6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

#form-container #success_page h1 {
    background: url('images/success.gif') left no-repeat;
    padding-left: 25px;
    padding-top: 5px;
    margin: 0 !important;
    color: #222222;
    font-size: 20px !important;
    font-weight: bold;
    letter-spacing: -0.5px;
}

#form-container #success_page p {
    padding-left: 25px;
    padding-bottom: 0 !important;
    color: #333333 !important;
    line-height: 1.4em !important;
}

#form-container acronym {
    border-bottom: 1px dotted #ccc;
}


/* Addon Components for Login & Submit Page */

#loginreg-container {
    width: 100% !important;
    margin: 25px auto !important;
}

#loginreg-container:after {
    content: "";
    display: table !important;
    clear: both !important;
}

.loginreg-leftcol {
    float: left !important;
    width: 63% !important;
}

p.field-radio>label {
    display: inline-block !important;
}

.loginreg-rightcol {
    float: right !important;
    width: 35% !important;
}

.loginreg-rightcol>.lrlist-title {
    font-family: 'Comfortaa', cursive !important;
    letter-spacing: -1px !important;
    font-size: 24px !important;
    margin: 50px 0 25px !important;
}

.loginreg-rightcol>.lrlist-containerbox {
    margin-bottom: 10px !important;
}

.lrlist-containerbox table {
    margin-bottom: 0 !important;
    border: none !important;
}

.lrlist-containerbox table tr td {
    border-bottom: 0 !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.lrlist-icon {
    vertical-align: top !important;
    text-align: center !important;
    width: 28px !important;
}

.lrlist-icon img {
    width: 24px !important;
    border: none !important;
}

.lrlist-text {
    color: #222222 !important;
    text-align: left !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    padding-left: 10px !important;
}

#bottomlist-container {
    margin-bottom: 50px !important;
}

#bottomlist-container:after {
    content: "";
    display: table !important;
    clear: both !important;
}

#bottomlist-container>.bottomlist-title {
    font-family: 'Comfortaa', cursive !important;
    font-size: 35px !important;
    color: #4B79C7 !important;
    letter-spacing: -1.5px !important;
    text-align: center !important;
    margin-bottom: 15px !important;
}

#bottomlist-container>.bottomlist-subtitle {
    font-family: 'Raleway', sans-serif !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    text-align: center !important;
    color: #222222 !important;
    margin-bottom: 25px !important;
}

.bottombox-container {
    width: 100% !important;
}

.bottombox-container:after {
    content: "";
    display: table !important;
    clear: both !important;
}

.bottombox-lists {
    float: left !important;
    display: block !important;
    width: 22% !important;
    margin: auto 1.5% !important;
}

.bottombox-lists .bottombox-title {
    font-family: 'Raleway', sans-serif !important;
    font-size: 20px !important;
    color: #222222 !important;
    margin-bottom: 10px !important;
    letter-spacing: -0.5px !important;
}

.bottombox-lists .bottombox-imgbox {
    width: 100% !important;
    margin-bottom: 25px !important;
}

.bottombox-lists .bottombox-imgbox img {
    width: 100% !important;
    text-align: center !important;
}

.bottombox-lists .bottombox-textdesc {
    font-size: 15px !important;
    line-height: 1.5em!important;
    font-weight: 300 !important;
    margin-bottom: 20px !important;
}

.bottombox-lists .findmore-button {
    background-color: #FFFFFF !important;
    border: 1px solid #999999 !important;
    width: 125px !important;
    color: #999999 !important;
    font-size: 14px !important;
    padding: 10px !important;
    text-align: center !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.bottombox-lists .findmore-button:hover {
    background-color: #222222 !important;
    border: 1px solid #222222 !important;
}

.bottombox-lists .findmore-button a,
.bottombox-lists .findmore-button a:link,
.bottombox-lists .findmore-button a:visited {
    color: #999999 !important;
    text-decoration: none !important;
}

.bottombox-lists .findmore-button a:hover {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

#pdfbutton {
    background: url('images/custom/pdfbutton2018-bg.png') top left repeat-x;
}

#pdfbutton .button-leftcol {
    background: url('images/custom/pdfbutton2018-left.png') top left no-repeat;
}

#pdfbutton .button-rightcol {
    background: url('images/custom/pdfbutton2018-right.png') top right no-repeat;
    text-align: center !important;
}

#loginapps-container {
    width: 220px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#loginapps-container::after {
    content: "";
    display: table !important;
    clear: both !important;
}

#loginapps-container .aicon-leftcol {
    float: left !important;
    width: 48% !important;
}

#loginapps-container .aicon-rightcol {
    float: right !important;
    width: 48% !important;
}

#fbadge-container {
    background: #FFFFFF !important;
    width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 25px !important;
}

#fbadge-container::after {
    content: "";
    display: table !important;
    clear: both !important;
}

#fbadge-container .fbadge-icon {
    float: left !important;
    width: 12% !important;
    margin-left: 0.2% !important;
    margin-right: 0.2% !important;
}

#fbadge-container .fbadge-icon img {
    width: 100% !important;
}

.forgetmenot {
    width: 100% !important;
}

.forget-leftcol {
    float: left !important;
    width: 49% !important;
}

.forget-rightcol {
    float: none !important;
    text-align: left !important;
    width: auto !important;
}

#loginform>.form-row {
    width: 100% !important;
}

#toppdfbutton-container {
    width: 100%!important;
}

#toppdfbutton-container::after {
    content: "";
    display: table!important;
    clear: both!important;
}

#toppdfbutton-container .button-largetext {
    font-size: 24px!important;
    font-weight: 600;
    text-align: center!important;
    line-height: 1em!important;
    letter-spacing: -1px;
    text-shadow: 1px 1px #222222;
    color: #FFFFFF!important;
    padding-bottom: 5px!important;
}

#toppdfbutton-container .button-smalltext {
    font-size: 13px!important;
    font-weight: 300;
    text-align: center!important;
    line-height: 1.4em!important;
    letter-spacing: 0px;
    text-shadow: 1px 1px #222222;
    color: #FFFFFF!important;
}

#toppdfbutton-container .orangebox {
    float: left;
    width: 49.5%;
    padding: 10px 0px 10px 0px;
    -webkit-transition: background .4s ease-out;
    -moz-transition: background .4s ease-out;
    -o-transition: background .4s ease-out;
    transition: background .4s ease-out;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #FF8000), color-stop(85%, #D90000));
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .4), inset -1px -1px 1px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .4), inset -1px -1px 1px rgba(0, 0, 0, .4);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .4), inset -1px -1px 1px rgba(0, 0, 0, .4);
}

#toppdfbutton-container .purplebox {
    float: right;
    width: 49.5%;
    padding: 10px 0px 10px 0px;
    -webkit-transition: background .4s ease-out;
    -moz-transition: background .4s ease-out;
    -o-transition: background .4s ease-out;
    transition: background .4s ease-out;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #8000FF), color-stop(85%, #330066));
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .4), inset -1px -1px 1px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .4), inset -1px -1px 1px rgba(0, 0, 0, .4);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .4), inset -1px -1px 1px rgba(0, 0, 0, .4);
}

#toppdfbutton-container .orangebox:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #FDB41C), color-stop(100%, #D90000));
    -webkit-transition: background .4s ease-out;
    -moz-transition: background .4s ease-out;
    -o-transition: background .4s ease-out;
    transition: background .4s ease-out;
}

#toppdfbutton-container .purplebox:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #007FFF), color-stop(100%, #330066));
    -webkit-transition: background .4s ease-out;
    -moz-transition: background .4s ease-out;
    -o-transition: background .4s ease-out;
    transition: background .4s ease-out;
}

/*--- Addon for Latest Jobs Page (Job Listing) ---*/

.jlists-container {
    width: 100% !important;
    display: flex;
    align-items: stretch;
}

.jpreview-container {
    width: 100% !important;
    display: flex;
    align-items: stretch;
    margin: -25px 0px 25px 0px!important;
    padding: 25px!important;
    border-bottom: 1px solid #DDDDDD!important;
}

.jpreview-container .title>h4 {
    font-size: 20px!important;
}

.jpreview-container .type>span {
    display: block!important;
    width: auto!important;
    float: right;
}

.jlists-container2 {
    width: 100% !important;
    background-color: #F0F5FB !important;
}

.jlists-container::after,
.jlists-container2::after,
.jpreview-container::after {
    content: "";
    display: table !important;
    clear: both !important;
}

.jlists-leftcol {
    width: 100px!important;
}

.jlists-rightcol {
    width: 100% !important;
    margin-left: 25px!important;
}

.jlists-rightcol h4 a {
    font-size: 16px !important;
    color: #222222 !important;
    font-weight: 600 !important;
    line-height: 1.2em;
}

.jlists-rightcol .jobs-meta>.jobs-author a,
.jlists-rightcol .jobs-meta>.jobs-author a:link,
.jlists-rightcol .jobs-meta>.jobs-author a:visited {
    color: #407BDF !important;
}

.jlists-rightcol .dateplace-container {
    display: block !important;
    margin-bottom: 5px !important;
}

.jlists-rightcol .dateplace-container>span.jobs-date {
    color: #222222 !important;
    font-weight: normal !important;
}

.jlists-rightcol .dateplace-container>span.jobs-place {
    color: #222222 !important;
    font-weight: 400 !important;
}

.jlists-rightcol .dateplace-container>span.jobs-date:before,
.jlists-rightcol .dateplace-container>span.jobs-place:before {
    font-family: 'FontAwesome';
    content: '\f111';
    font-size: 7px !important;
    line-height: 1.0em !important;
    color: #222222 !important;
    margin: 0 5px !important;
}

.jlists-rightcol .jobs-cat {
    display: block !important;
}

.jlists-rightcol .jobs-cat>span.tax-cat {
    display: inline-block !important;
    background-color: #F1F1F1 !important;
    border: 1px solid #CCCCCC !important;
    font-size: 12px !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #222222 !important;
    font-weight: 300 !important;
    padding: 3px 10px !important;
    margin: 3px 3px 3px 0 !important;
}

.jlists-rightcol .jobs-cat>span.tax-cat a,
.jlists-rightcol .jobs-cat>span.tax-cat a:link,
.jlists-rightcol .jobs-cat>span.tax-cat a:visited,
.jlists-rightcol .jobs-cat>span.tax-cat a:hover {
    color: #222222!important;
}

.jtaxs-container {
    width: 100% !important;
    display: flex;
    align-items: stretch;
}

.jtaxs-container:after {
    content: "";
    display: table !important;
    clear: both !important;
}

.jtaxs-leftcol {
    width: 70%;
}

.jtaxs-rightcol {
    width: 28%;
    margin-left: 25px;
}

.jtaxs-rightcol .type>span.button {
    float: right;
    margin-left: 5px;
    margin-right: 5px;
}

.jtaxs-leftcol2 {
    width: 78%;
}

.jtaxs-rightcol2 {
    width: 20%;
    margin-left: 25px;
}

.jtaxs-rightcol2 label.selectbox {
    width: 100%!important;
    background: #FFFFFF!important;
    border: 1px solid #407BDF!important;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 5px;
}

.jtaxs-rightcol2 label.selectbox:after {
    float: right!important;
    content: '\f0dd';
    font-family: 'FontAwesome';
    color: #407BDF;
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 1;
    width: 10%;
    height: 100%;
    pointer-events: none;
}

.jtaxs-rightcol2 label.selectbox select.changestatus {
    display: block;
    background: none!important;
    width: 100%!important;
    color: #407BDF!important;
    font-size: 14px !important;
    text-align: center!important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    border: none!important;
    padding: 5px 10px 5px 10px;
}

.expirydate-container {
    padding: 0px;
    font-size: 13px;
}

.expirydate-container>span.jpostdate:before,
.expirydate-container>span.jremaining:before {
    font-family: 'FontAwesome';
    content: '\f111';
    font-size: 7px !important;
    line-height: 0.5em !important;
    color: #222222 !important;
    margin: 0px 8px!important;
}

.expirydate-container .jpostdate,
.expirydate-container .jremaining {
    color: #222222;
}

.viewstatus-container {
    padding: 10px 0px 0px 0px;
    font-size: 14px;
}

.viewstatus-container .jview {
    display: inline-block!important;
    background-image: linear-gradient(#F7F7F7, #E8E8E8);
    border: 1px solid #E8E8E8;
    color: #222222;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
    margin-bottom: 5px!important;
}

.viewstatus-container .jstatus {
    display: inline-block!important;
    background-image: linear-gradient(#F7F7F7, #E8E8E8);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
    margin-bottom: 5px!important;
}

.viewstatus-container .jstatus.pending,
.viewstatus-container .jstatus.shortlisted {
    border: 1px solid #F2560B!important;
    color: #F2560B!important;
}

.viewstatus-container .jstatus.hired {
    border: 1px solid #0AB63E!important;
    color: #0AB63E!important;
}

.button-applicants,
.button-paynow,
.button-edit {
    font-size: 14px!important;
    text-align: center!important;
}

.button-applicants a,
.button-applicants a:link,
.button-applicants a:visited,
.button-paynow a,
.button-paynow a:link,
.button-paynow a:visited {
    display: block;
    width: 100%;
    background: #0DC143;
    padding: 5px 10px 5px 10px;
    margin-bottom: 5px;
    color: #FFFFFF;
    font-weight: 500;
    border: 1px solid #0DC143;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.button-applicants a:hover,
.button-paynow a:hover {
    background: #0BA639;
    text-decoration: none!important;
}

.button-edit a,
.button-edit a:link,
.button-edit a:visited {
    display: block;
    width: 100%;
    padding: 5px 10px 5px 10px;
    margin-bottom: 5px;
    color: #407BDF;
    font-weight: 500;
    border: 1px solid #407BDF!important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.button-edit a:hover {
    background: #407BDF;
    color: #FFFFFF;
    text-decoration: none!important;
}


/*--- Addon for Job Individual Page (Single Job Listing) ---*/

.single-job_listing .sidebar.col4 {
    width: 28.5%!important;
}

.single-job_listing .content.col8 {
    width: 70%!important;
}

#jobsbtn-container {
    margin-top: 25px !important;
}

div.btn-externaljob {
    display: block !important;
    background-color: #407BDF !important;
    width: auto !important;
    color: #FFFFFF !important;
    text-align: center !important;
    font-weight: 600 !important;
    padding: 15px !important;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -1px;
    text-transform: uppercase !important;
    transition: all 0.2s;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 25px !important;
}

div.btn-externaljob a,
div.btn-externaljob a:link,
div.btn-externaljob a:visited {
    color: #FFFFFF !important;
}

div.btn-externaljob:hover,
div.btn-externaljob a:hover {
    background-color: #153E82 !important;
    text-decoration: none !important;
}

#divShowHide {
    display: none;
    width: auto !important;
}

.divSingleBox {
    background: #FCFCFC !important;
    display: block;
    width: auto !important;
    padding: 25px;
    margin-bottom: 15px;
    border: 1px solid #E8E8E8;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.alt-style-default .sidebar.col4 {
    width: 28.5%;
    padding-top: 40px;
}

.alt-style-default .content.col8 {
    width: 70%!important;
}

/* START Job individual Page  Modified by Quang 2022-6-10*/
#whatsapplivechat-container {
    border-top: 1px solid #E4E4E4!important;
    padding-top: 20px!important;
    padding-bottom: 15px;
}
.livechat-res {
    display: none;
    
}
/* END Job individual Page  Modified by Quang 2022-6-10*/


#widget_jobsort {
    border: 1px solid #E8E8E8 !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px !important;
    margin-bottom: 25px !important;
}

#jobheader-container,
#authorheader-container {
    background: #FFFFFF;
    border: 1px solid #E8E8E8 !important;
    color: #222222 !important;
    font-weight: 300 !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px 25px !important;
    margin-bottom: 20px !important;
}

#authorheader-container .authorheader-content {
    width: 100%!important;
    display: flex;
    align-items: stretch;
}

#authorheader-container .authorheader-content .profile-avatar {
    width: 100px!important;
    height: 100px!important;
    margin: 15px 15px 25px 0px!important;
}

#authorheader-container .authorheader-content .profile-avatar img.avatar {
    width: 100% !important;
    border: 1px solid #E8E8E8 !important;
    padding: 1px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#authorheader-container .authorheader-content .profile-info {
    padding: 35px 0px 0px 0px!important;
    width: auto;
}

#authorheader-container .authorheader-content .profile-info h1 {
    color: #009AD8!important;
    text-transform: uppercase!important;
    line-height: 1.2em!important;
    margin-bottom: 10px!important;
}

#authorheader-container .authorheader-content .profile-info .website {
    font-size: 16px!important;
    line-height: 1.2em!important;
    color: #222222!important;
}

#authorheader-container .authorheader-content .profile-info .website a {
    color: #009AD8!important;
    line-height: 1.2em!important;
    text-decoration: none!important;
}

#authorheader-container .profile-content h3 {
    color: #222222!important;
}

#authorheader-container .profile-content p {
    font-size: 14px!important;
    line-height: 1.5em!important;
}

#jobheader-container::after {
    content: "";
    display: table !important;
    clear: both !important;
}

#jobheader-left {
    float: left !important;
    width: 15% !important;
    margin-right: 25px !important;
    display:inline-flex;
}

#jobheader-right {
    float: left !important;
    width: 80% !important;
}

.single-company-logo {
    margin-bottom: 0 !important;
}

.single-company-logo img {
    background: #FFFFFF!important;
    width: 100px !important;
    border: 1px solid #E8E8E8!important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

h4.title {
    font-size: 20px !important;
    color: #222222 !important;
    font-weight: 600 !important;
    margin-bottom: 5px !important;
}

.job-info>.author-container {
    margin-bottom: 5px !important;
}

.job-info>.author-container .job-author {
    color: #000000 !important;
}

.job-info>.author-container .job-author a,
.job-info>.author-container .job-author a:link,
.job-info>.author-container .job-author a:visited {
    color: #009AD8 !important;
    padding-top: 5px !important;
}

.job-info>.author-container .job-posted {
    color: #666666 !important;
    font-size: 13px !important;
    margin-bottom: 3px !important;
}

h4 {
    font-size: 16px !important;
    color: #222222 !important;
    font-weight: 600 !important;
    margin-bottom: 5px !important;
}

.job-info>.job-meta {
    margin-bottom: 3px !important;
}

.job-info>.job-meta span.job-add,
.job-info>.job-meta span.job-type,
.job-info>.job-meta span.job-salary,
.job-info>.job-meta span.job-expiry {
    font-weight: 300 !important;
    color: #666666 !important;
    font-size: 12px !important;
}

.job-info>.job-meta span.job-expiry>strong {
    color: #009AD8 !important;
    font-weight: 600 !important;
}

.job-info>.job-meta span.job-add:before {
    font-family: 'FontAwesome';
    content: '\f111';
    font-size: 7px !important;
    color: #222222 !important;
    margin: 0 5px !important;
}

.job-info>.job-meta span.job-type:before {
    font-family: 'FontAwesome';
    content: '\f111';
    font-size: 7px !important;
    color: #222222 !important;
    margin: 0 5px !important;
}

.job-info>.job-meta span.job-salary:before {
    font-family: 'FontAwesome';
    content: '\f111';
    font-size: 7px !important;
    color: #222222 !important;
    margin: 0 5px !important;
}

.job-info>.job-meta span.job-expiry:before {
    font-family: 'FontAwesome';
    content: '\f111';
    font-size: 7px !important;
    color: #222222 !important;
    margin: 0 5px !important;
}

.job-info>.job-catlist {
    margin-bottom: 0 !important;
}

.job-info>.job-catlist .tax-cat {
    display: inline-block !important;
    background-color: #F1F1F1 !important;
    border: 1px solid #CCCCCC !important;
    font-size: 13px !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    color: #222222 !important;
    font-weight: 300 !important;
    padding: 3px 10px !important;
    margin: 3px 3px 3px 0 !important;
}

.job-info>.job-catlist .tax-cat a,
.job-info>.job-catlist .tax-cat a:link,
.job-info>.job-catlist .tax-cat a:visited,
.job-info>.job-catlist .tax-cat a:hover {
    color: #222222 !important;
}

.sidebar-author-thumb {
    max-width: 100px !important;
    margin: 0 auto 15px !important;
}

.sidebar-author-thumb img,
.sidebar-profile-content img {
    width: 100% !important;
    border: 1px solid #E8E8E8 !important;
    padding: 1px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.profile-content img {
    display: block!important;
    max-width: 658px!important;
    border: 1px solid #E8E8E8 !important;
    padding: 1px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.sidebar-profile-content>h3 {
    font-size: 18px !important;
    color: #222222 !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important;
    text-align: center !important;
}

.sidebar-profile-content>h3 a,
.sidebar-profile-content>h3 a:link,
.sidebar-profile-content>h3 a:visited {
    color: #222222 !important;
    text-decoration: none !important;
}

.sidebar-profile-content>h3 a:hover {
    color: #009AD8 !important;
    text-decoration: none !important;
}


/*--- Talent Management System Page ---*/

.breadcrumb {
    padding: 0px;
    margin-bottom: 15px;
    list-style: none;
    border-radius: 5px;
}

.breadcrumb a {
    color: #428bca;
    text-decoration: none;
}

#tmsheader-container {
    width: 100%;
    margin: 0px 0px 25px 0px;
}

#tmsheader-container .tmsheader-box {
    width: 100%;
    display: flex;
    align-items: stretch;
}

#tmsheader-container .tmsheader-box .tmsheader-fullcol {
    width: 100%;
    text-align: center!important;
    padding: 15px 0px 15px 0px;
}

#tmsheader-container .tmsheader-box .tmsheader-leftcol {
    width: 80%;
    text-align: center!important;
    padding: 15px 0px 15px 0px;
}

#tmsheader-container .tmsheader-box .tmsheader-fullcol>.job-title,
#tmsheader-container .tmsheader-box .tmsheader-leftcol>.job-title {
    display: block;
    font-size: 24px;
    line-height: 1.2em!important;
    font-weight: 600!important;
    color: #222222;
    margin: 0px 0px 10px 0px;
}

#tmsheader-container .tmsheader-box .tmsheader-fullcol>.total-desc a,
#tmsheader-container .tmsheader-box .tmsheader-leftcol>.total-desc a {
    display: block;
    font-size: 16px;
    color: #222222;
    font-weight: 500;
}

#tmsheader-container .tmsheader-box .tmsheader-rightcol {
    width: 20%;
    text-align: center;
}

#tmsheader-container .tmsheader-box .tmsheader-rightcol>.adnotice-container {
    background: #E92229;
    width: auto;
    color: #FFFFFF;
    padding: 15px;
    margin: 0px 0px 0px 25px!important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#tmsheader-container .tmsheader-box .tmsheader-rightcol>.adnotice-container .ad-title {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600!important;
    padding: 0px 0px 5px 0px;
}

#tmsheader-container .tmsheader-box .tmsheader-rightcol>.adnotice-container .ad-desc {
    display: block;
    font-size: 13px;
}

.tms-topfilter-container {
    width: 100%;
    margin: 10px 0px 10px 0px!important;
}

.tms-topfilter-container ul {
    width: 100%;
    margin: 0px!important;
    padding: 0px!important;
    display: flex;
    align-items: stretch;
}

.tms-topfilter-container ul li {
    display: block;
    width: 25%!important;
    font-size: 16px;
    text-align: center;
    margin: 0px!important;
    padding: 0px!important;
    list-style: none!important;
}

.tms-topfilter-container ul li a,
.tms-topfilter-container ul li a:link,
.tms-topfilter-container ul li a:visited {
    display: block;
    width: 100%!important;
    padding: 5px 10px 10px 10px!important;
    margin: 0px!important;
    color: #AFAFAF;
    border-bottom: 3px solid #EAEAEA;
}

.tms-topfilter-container ul li a:hover,
.tms-topfilter-container ul li a:active,
.tms-topfilter-container ul li a:focus {
    text-decoration: none!important;
    color: #428bca;
    border-bottom: 3px solid #428bca;
}

.sidebar.usercolumn.col4 .filterMatches {
    background: #FFFFFF!important;
    overflow: hidden!important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.sidebar.usercolumn.col4 .filterMatches .box_filtro {
    font-size: 18px!important;
    margin: 0px!important;
    color: #FFFFFF!important;
    font-weight: 400!important;
    padding: 15px 25px 15px 25px!important;
    background: #5F5F5F!important;
}
.sidebar.usercolumn.col4 .filter-btn-container input#minage,
.sidebar.usercolumn.col4 .filter-btn-container input#maxage {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.sidebar.usercolumn.col4 .filterMatches .box_filtrar_t h3 {
    background: #d9d9d9!important;
    color: #222222!important;
    font-weight: 400!important;
    font-size: 15px!important;
    padding: 10px 25px 10px 25px!important;
    margin-bottom: 5px;
}

.filterMatches li label {
    font-size: 13px!important;
}

.filter-btn-container .btn {
    font-size: 16px!important;
    font-weight:  600!important;
    padding: 7px 25px 7px 25px!important;
    -webkit-border-radius: 10px!important;
    -moz-border-radius: 10px!important;
    border-radius: 10px!important;
}

.content.usercolumn.col8 .candidatetable {
    background: #FFFFFF!important;
    overflow: hidden!important;
    -webkit-border-radius: 10px!important;
    -moz-border-radius: 10px!important;
    border-radius: 10px!important;
    border: 0px!important;
    margin: 0px 0px 15px 0px!important;
}

.candidatetable thead tr th {
    background: #5F5F5F!important;
    color: #FFFFFF!important;
    font-size: 18px!important;
    font-weight: 400!important;
    text-align: center!important;
    padding: 15px 25px 15px 25px!important;
}

.candidatetable tbody tr td {
    font-size: 13px!important;
    padding: 25px!important;
}

.candidatetable tbody tr td .candidate-name {
    font-size: 14px!important;
    font-weight: 600!important;
}

.candidatetable tbody tr td .candidate-info {
    line-height: 1.4em!important;
    margin: 0px 0px 5px 0px!important;
}

.candidatetable tbody tr td a.addnotes,
.candidatetable tbody tr td a.addnotes:link,
.candidatetable tbody tr td a.addnotes:visited {
    background: #3F7BDD!important;
    color: #FFFFFF!important;
    padding: 7px 15px 7px 15px!important;
    -moz-border-radius: 10px!important;
    -webkit-border-radius: 10px!important;
    -khtml-border-radius: 10px!important;
    border-radius: 10px!important;
}

.candidatetable tbody tr td a.addnotes.edit,
.candidatetable tbody tr td a.addnotes.edit:link,
.candidatetable tbody tr td a.addnotes.edit:visited {
    background: #3A5075!important;
    color: #FFFFFF!important;
    padding: 7px 15px 7px 15px!important;
    -moz-border-radius: 10px!important;
    -webkit-border-radius: 10px!important;
    -khtml-border-radius: 10px!important;
    border-radius: 10px!important;
}

.candidatetable tbody tr td a.addnotes:hover,
.candidatetable tbody tr td a.addnotes.edit:hover {
    background: #0746ac!important;
    color: #FFFFFF!important;
    text-decoration: none!important;
}

.candidatetable tbody tr td .prosector {
    display: inherit!important;
    background: #F2F2F2!important;
    color: #444444!important;
    padding: 5px 15px 5px 15px!important;
    -moz-border-radius: 10px!important;
    -webkit-border-radius: 10px!important;
    -khtml-border-radius: 10px!important;
    border-radius: 10px!important;
    border: 1px solid #E8E8E8!important;
}

.candidatetable tbody tr td .coverletterbutton {
    background: #3F7BDD!important;
    color: #FFFFFF!important;
    padding: 7px 15px 7px 15px!important;
    -moz-border-radius: 10px!important;
    -webkit-border-radius: 10px!important;
    -khtml-border-radius: 10px!important;
    border-radius: 10px!important;
    border: 0px!important;
    margin: 5px 0px 0px 0px!important;
}

.candidatetable tbody tr td .setstatus {
    display: block;
    font-size: 13px!important;
    font-weight: 400!important;
    color: #333;
    background-color: #d3d3d3;
    border-color: #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    padding: 8px 20px 8px 20px!important;
    margin-bottom: 5px!important;
}

.candidatetable .candidate-img {
    width: 100px!important;
    height: 100px!important;
    padding: 1px!important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #E8E8E8!important;
    margin: 0px auto!important;
    overflow: hidden!important;
    line-height: 0px;
}

.candidatetable .candidate-img img {
    width: 100%!important;
    vertical-align: middle!important;
    overflow-y: hidden!important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#DataTables_Table_0_paginate {
    background: #F3F3F3 !important;
    font-size: 14px!important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #E8E8E8 !important;
    overflow: hidden!important;
    padding: 0px!important;
}

#DataTables_Table_0_paginate a {
    border-left: 1px solid #E8E8E8 !important;
}

#DataTables_Table_0_paginate a:first-child {
    border: none!important;
}

#DataTables_Table_0_paginate a.previous,
#DataTables_Table_0_paginate a.paginate_button,
#DataTables_Table_0_paginate a.next {
    color: #999999 !important;
    padding: 10px 12px !important;
    border: none!important;
}

#DataTables_Table_0_paginate a.previous:hover,
#DataTables_Table_0_paginate a.paginate_button:hover,
#DataTables_Table_0_paginate a.next:hover {
    background: #417BDE!important;
    color: #FFFFFF!important;
    border: none!important;
}

#DataTables_Table_0_paginate a.paginate_button {
    border: none!important;
    margin: none!important;
}

#DataTables_Table_0_paginate a.paginate_button.current {
    color: #417BDE !important;
    background: #FFFFFF !important;
    text-decoration: none !important;
    border: none!important;
}


/** Raw Applicant Management **/
table.dataTable tbody tr {
    background-color: transparent!important;
}

table.dataTable.no-footer {
    border-bottom: none!important;
}

div#DataTables_Table_0_filter {
    display: none!important;
}

table th {
    border-top: none!important;
}

td,
th {
    border-bottom: 1px solid #dddddd!important;
    padding: 5px!important;
    vertical-align: middle;
}

.box_filtrar,
.box_filtrar_ch,
.box_filtrar_sel,
.saveFilter {
    float: left;
    width: 100%;
}

.box_filtrar ul {
    padding: 10px;
    margin: 0;
    max-height: 160px;
    overflow-y: scroll;
    list-style: none;
}

.box_filtrar ul li {
    clear: both;
    line-height: 25px;
    word-wrap: break-word;
    margin-left: 0;
}

.box_filtrar .box_filtrar_ch input {
    cursor: pointer;
    display: table-cell;
    vertical-align: text-bottom;
    height: 16px;
    width: 16px;
    margin: 4px 5px 0 0;
}

.box_filtrar .box_filtrar_ch label {
    display: initial;
    padding-left: 0;
    font-size: 14px;
}

.filter-btn-container {
    text-align: center;
    float: left;
    margin: auto;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #cdcdcd;
}

.wl-primary-btn {
    color: #fff;
    border: none;
    cursor: pointer;
    padding: 3px 10px!important;
    margin-right: 5px;
    background: #3A30A2;
    font-size: 12px!important;
    text-transform: none!important;
    font-weight: 300!important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    margin: 10px auto;
}

.wl-primary-btn:hover {
    background: #2C0454!important;
    color: #FFCC00!important;
    text-decoration: none;
}

.setstatus:hover {
    color: #cb544c;
    text-decoration: none;
}

.setstatus.active {
    color: #cb544c;
    pointer-events: none;
}

.filterbystatus.active {
    color: #cb544c;
}

a.setstatus.newstatus.active {
    background: #E92229;
    color: #fff;
}

a.setstatus.hiredstatus.active {
    background: #12B44F;
    color: #fff;
}

a.setstatus.shortlistedstatus.active {
    background: #F36523;
    color: #fff;
}

a.setstatus.rejectedstatus.active {
    background: #555555;
    color: #fff;
}

.sidebar-profile-content>.author_details,
.sidebar-profile-content>.author_details p {
    line-height:  1.3em!important;
}
.sidebar-profile-content>.author_links {
    text-align: center !important;
}

.widget_colabs_jobsort form {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.widget_colabs_jobsort .widget-title {
    color: #666666;
    padding-top: 15px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 22px;
    text-transform: uppercase !important;
    font-family: 'Comfortaa', cursive !important;
}

.widget_colabs_jobsort select {
    display: block;
    margin-bottom: 12px;
    width: 100%;
    padding: 10px;
    color: #999999;
    font-size: 12px !important;
    background: #FFFFFF url('images/icon/select-icon.png') no-repeat right center !important;
    border-left: 1px solid #CCCCCC !important;
    border-right: 1px solid #EEEEEE !important;
    border-top: 1px solid #CCCCCC !important;
    border-bottom: 1px solid #EEEEEE !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.widget_colabs_jobsort form>input[type="submit"] {
    width: 1px !important;
    height: 1px !important;
    line-height: 1px !important;
    padding: 0 !important;
}

#customform-container {
    width: 98.5% !important;
    margin-bottom: 10px !important;
}
#customform-container textarea{ 
    width: 98.5% !important;
    margin-bottom: 10px !important; 
}

#customform-container::after {
    content: "";
    display: table !important;
    clear: both !important;
}

#customform-container>.form-leftcol {
    float: left !important;
    width: 48.2% !important;
}

#customform-container>.form-rightcol {
    float: right !important;
    width: 48.2% !important;
}

#customform-container input[type="text"],
#customform-container input[type="password"],
#customform-container textarea,
#customform-container input[type="file"],
#customform-container select {
    background: #ebebeb !important;
    display: block;
    max-width: 100% !important;
    width: 100% !important;
    padding: 10px;
    color: #999999;
    font-size: 12px !important;
    border-left: 1px solid #CCCCCC !important;
    border-right: 1px solid #EEEEEE !important;
    border-top: 1px solid #CCCCCC !important;
    border-bottom: 1px solid #EEEEEE !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#customform-container label {
    margin-top: 5px !important;
    margin-bottom: 0 !important;
}

#customform-container select {
    background: #FFFFFF url('images/icon/select-icon.png') no-repeat right center !important;
    padding: 3px 7px !important;
}

input[type="submit"],
input[type="reset"],
a.submit-button,
a.edit_resume,
a.delete_resume {
    background: #E92229 !important;
    font-family: 'Raleway', sans-serif !important;
    padding: 10px 35px !important;
    font-size: 16px !important;
    text-transform: none !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;    
}

input[type="submit"]:hover,
input[type="reset"]:hover,
a.submit-button:hover,
a.edit_resume:hover,
a.delete_resume:hover {
    background: #B20000 !important;
    color: #FFFFFF !important;
    text-decoration: none!important;
}

.single-job_listing .jobdesc {
    background: #FFFFFF!important;
    font-size: 14px !important;
    padding: 25px !important;
    border: 1px solid #E8E8E8!important;
    margin-bottom: 25px !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.single-job_listing .jobdesc h1,
.single-job_listing .jobdesc h2 {
    display: block!important;
    width: 100%!important;
    text-decoration: none!important;
    color: #222222!important;
    margin-bottom: 15px!important;
}

.single-job_listing .jobdesc h1 {
    font-size: 24px!important;
}
.single-job_listing .jobdesc h2 {
    font-size: 20px!important;
}


.single-job_listing .jobdesc p, 
.single-job_listing .jobdesc ul li {
    line-height: 1.5em !important;
}

.single-job_listing .howtoapply {
    border-bottom: 1px solid #E8E8E8 !important;
    padding: 10px 15px 10px 15px!important;
    /*margin-bottom: 10px !important;*/
}

.single-job_listing .job-disclaimer {
    color: #999999 !important;
    font-size: 11px !important;
    font-style: italic !important;
    padding: 10px 15px 10px 15px !important;
    border-bottom: 1px solid #E8E8E8 !important;
}

.single-job_listing .howtoapply p,
.single-job_listing .job-disclaimer p {
    line-height: 1.4em !important;
    margin-bottom: 10px !important;
}

.single-job_listing .footericon-container {
    margin: 0px !important;
}

.single-job_listing .job-footericon {
    max-width: 500px !important;
    margin: 15px auto 0px auto!important;
}

.single-job_listing .job-footericon::after {
    content: "";
    display: table !important;
    clear: both !important;
}

.single-job_listing .jobs-stat {
    display: block !important;
    float: left !important;
    background: url('images/custom/stat-icon.png') no-repeat left !important;
    padding-left: 30px !important;
    width: 50% !important;
    line-height: 26px !important;
}

.single-job_listing #wpusb-container-square-plus {
    display: block !important;
    float: left !important;
    width: 50% !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.wpusb-item .wpusb-btn i {
    font-size: 24px;
}


/*--- Addon for Job Author Page ---*/

body.author #profile .section-content {
    padding: 10px !important;
}

body.author .profile-avatar img.avatar {
    width: 100% !important;
    border: 1px solid #E8E8E8 !important;
    padding: 1px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


/* Apply Online - Whatsapp Button */

#whatsappbtn2-container {
    display: none!important;
}

#whatsappbtn-container {
    border-top: 1px solid #E4E4E4!important;
    margin-top: 15px!important;
    padding-top: 20px!important;
}

div.btn-whatsapp-middlebg {
    width: 100%!important;
    background: url('images/custom/whatsappjobs_middlebg.png') left repeat-x;
    height: 54px!important;
	border-radius: 50px!important;
}

div.btn-whatsapp-middlebg .btn-leftbg {
    width: 100%!important;
    
    height: 54px!important;
}

div.btn-whatsapp-middlebg .btn-rightbg {
    width: 100%!important;
    
    text-align: center!important;
    height: 54px!important;
}

div.btn-whatsapp-middlebg .btn-logobg {
    background: url('images/custom/whatsappjobs_logobg.png') right no-repeat;
    text-align: center!important;
    height: 54px!important;
	border-radius: 50px!important;
}


/* Apply Online - Upload Resume Button */

#onlineresumebtn2-container {
    display: none !important;
}

#onlineresumebtn-container {
    border-top: 1px solid #E4E4E4 !important;
    margin-top: 15px !important;
    padding-top: 15px !important;
}

div.btn-onlineresume-middlebg {
    width: 100% !important;
    background: url('images/custom/onlineresume_middlebg.png') left repeat-x;
    height: 54px !important;
}

div.btn-onlineresume-middlebg .btn-leftbg {
    width: 100% !important;
    background: url('images/custom/onlineresume_leftbg.png') left no-repeat;
    height: 54px !important;
}

div.btn-onlineresume-middlebg .btn-rightbg {
    width: 100% !important;
    background: url('images/custom/onlineresume_rightbg.png') right no-repeat;
    text-align: center !important;
    height: 54px !important;
}


/*--- Override Classes ---*/

.content,
.section,
.section-content {
    margin-bottom: 0 !important;
}

.section-content p.jobs {
    display: block!important;
    width: 100%!important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #E2E2E2!important;
    text-align: center!important;
    font-size: 14px!important;
    font-weight: 600!important;
    padding: 10px!important;
    margin: 0px!important;
}

.page-login div.sidebar.column.col4.fr {
    display: none !important;
}

form.main_form input#antispam_answer {
    width: 97.5%!important;
}

.wl-primary-btn{
    color: #fff;
    border: none;
    cursor: pointer;
    background: #3A30A2;
    font-size: 13px!important;
    text-transform: none!important;
    font-weight: 300!important;
    -moz-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    border-radius: 5px!important;
    display: inline-block!important;
        padding: 7px 20px!important;
    margin-right: 5px!important;
        margin-bottom: 10px!important;
}
.wl-primary-btn:hover{
   background: #2C0454!important;
   color: #FFCC00!important;
   text-decoration: none;
}

.upload_offline_resume_class:hover{
   background: #2C0454!important;
   color: #FFCC00!important;
   text-decoration: none;
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {  
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,  
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,  
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,  
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,  
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {  
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,  
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,  
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,  
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,  
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {  
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,  
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,  
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,  
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,  
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {  
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,  
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,  
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,  
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,  
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {  
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,  
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,  
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,  
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,  
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {  
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,  
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,  
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,  
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,  
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {  
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {  
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,  
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {  
  color: #999;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,  
input[type="reset"].btn-block,  
input[type="button"].btn-block {  
  width: 100%;
}

/* Addon Components for Adsense */

.ads-sidebar {
    width: 160px !important;
    height: 600px !important;
    overflow: hidden!important;
    text-align: center !important;
}

.ads-footer {
    width: 728px !important;
    height: 90px !important;
    text-align: center !important;
    overflow: hidden!important;
    margin: 25px auto 25px auto!important;
}


/* Override Bootstrap Modal */


/* Styling modal */

.modal {
    text-align: center;
}

.modal:before {
    content: ''!important;
    display: inline-block!important;
    height: 100%!important;
    vertical-align: middle!important;
}

.modal-dialog {
    display: inline-block!important;
    vertical-align: middle!important;
    max-width: 500px!important;
    width: 100%!important;
    margin-top: 0px!important;
}

.modal .modal-content {
    padding: 20px 35px 20px 35px;
    -webkit-animation-name: modal-animation;
    -webkit-animation-duration: 0.5s;
    animation-name: modal-animation;
    animation-duration: 0.5s;
}

.modal-header>h4.modal-title,
.modal-header>h5.modal-title {
    color: #407BDF!important;
    font-size: 22px!important;
}

.coverletter-container .modal-body,
.coverletter-container .modal-body p {
    line-height: 1.3em!important;
    text-align: justify!important;
}

.modal-body>p.note {
    color: #666666!important;
    font-size: 16px!important;
    line-height: 1.3em!important;
    margin-bottom: 10px!important;
}

.modal-body>p.note span.package-price {
    color: #407BDF!important;
    font-family: "Roboto", sans-serif;
    font-size: 22px!important;
    font-weight: 600!important;
}

.modal-body>p.subnote {
    color: #666666!important;
    font-family: "Roboto", sans-serif;
    font-size: 13px!important;
    line-height: 1.3em!important;
    margin-bottom: 25px!important;
}

.modal-body>textarea {
    -moz-border-radius: 10px!important;
    -webkit-border-radius: 10px!important;
    -khtml-border-radius: 10px!important;
    border-radius: 10px!important;

}

.exportToExcelwithoutfilter,
.exportToExcel {
    margin-top: -75px!important;
    position: relative!important; 
    z-index: 1!important;
}

.modal-body>a.btn,
.modal-body>button.btn,
.modal-footer>a.btn,
.modal-footer>button.btn {
    font-weight: 600!important;
    padding: 7px 25px!important;
    -moz-border-radius: 10px!important;
    -webkit-border-radius: 10px!important;
    -khtml-border-radius: 10px!important;
    border-radius: 10px!important;
}

@-webkit-keyframes modal-animation {
    from {
        top: -100px;
        opacity: 0;
    }
    to {
        top: 0px;
        opacity: 1;
    }
}

@keyframes modal-animation {
    from {
        top: -100px;
        opacity: 0;
    }
    to {
        top: 0px;
        opacity: 1;
    }
}


/*--- Dashboard (Joblisters & JobSeekers) ---*/


/* For JobLister Header */

.header2 {
    background: url('images/custom/sbhjobs-user-topheader.jpg') center no-repeat !important;
    min-height: 100px !important;
    margin-bottom: 25px !important;
}

.header2 #sj-logo {
    float: left;
    width: 350px;
    margin-top: 15px!important;
    margin-left: 15px!important;
}

.header2 .user-info {
    margin-top: 40px !important;
}

.header2 .user-info .user-name,
.header2 .user-info p {
    color: #FFFFFF;
}

.header2 .user-info p {
    color: #FFFFFF;
}

.header2 .user-info a,
.header2 .user-info a:link,
.header2 .user-info a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.header2 .user-info a:hover {
    color: #FF9900;
    text-decoration: none;
}

.header2 .jobsearch-container {
    display: none!important;
}


/* For JobSeeker Header */

.header3 {
    background: url('images/custom/sbhjobs-headerbg-10052021.jpg') center no-repeat !important;
    min-height: 125px !important;
    margin-bottom: 25px !important;
}

.header3 #sj-logo {
    float: left;
    width: 350px;
    margin-top: 15px!important;
    margin-left: 15px!important;
}

.header3 .user-info {
    margin-top: 35px !important;
}

.header3 .user-info .user-name,
.header3 .user-info p {
    color: #222222;
}

.header3 .user-info p {
    color: #222222;
}

.header3 .user-info a,
.header3 .user-info a:link,
.header3 .user-info a:visited {
    color: #222222;
    text-decoration: none;
}

.header3 .user-info a:hover {
    color: #990000;
    text-decoration: none;
}


/* Sidebar User Container */

.sidebar-user-container {
    background-color: #FFFFFF!important;
    border: 1px solid #E8E8E8;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.sidebar-containerbox {
    padding: 0px 25px 0px 25px;
    margin-bottom: 15px;
}

.sidebar-containerbox .sidebar-title {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #222222;
    font-weight: 600;
    text-transform: uppercase;
    padding: 25px 15px 15px 15px;
    border-bottom: 1px solid #E8E8E8;
}

.sidebar-containerbox .sidebar-icon {
    display: flex;
    align-items: stretch;
}

.sidebar-containerbox .sidebar-icon .icon-img {
    width: 35px;
    margin-right: 10px!important;
}

.sidebar-containerbox .sidebar-icon .icon-img img {
    width: 100%!important;
}

.sidebar-containerbox .sidebar-icon .icon-name {
    width: auto;
    padding: 8px 0px 8px 0px;
}

.sidebar-containerbox .sidebar-icon .icon-name a,
.sidebar-containerbox .sidebar-icon .icon-name a:link,
.sidebar-containerbox .sidebar-icon .icon-name a:visited {
    color: #888888;
    text-decoration: none!important;
}

.sidebar-containerbox .sidebar-icon .icon-name a:hover {
    color: #0066FF;
    text-decoration: none!important;
}

.sidebar-containerbox .sidebar-email,
.sidebar-containerbox .sidebar-phone {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    display: block;
    width: 100%;
    font-size: 15px;
    padding: 0px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    color: #888888;
    word-break: break-all;
}

.sidebar-containerbox .sidebar-email i,
.sidebar-containerbox .sidebar-phone i {
    font-size: 15px;
    padding-right: 15px;
    color: #222222;
}

.sidebar-containerbox .sidebar-phone i {
    font-size: 18px;
}

.sidebar-containerbox .sidebar-whatsapp {
    padding: 0px;
}

.sidebar-containerbox .sidebar-whatsapp img {
    width: 100%;
}


/* Sidebar User Info */

.sidebar-userinfo {
    padding: 15px 0px 25px 0px!important;
    margin: 15px 25px 15px 25px!important;
    border-bottom: 1px solid #E8E8E8!important;
}

.user-custom-avatar,
.user-attachment-icon,
.user-attached-icon {
    width: 100px!important;
    margin: 0px auto 15px auto!important;
}

.user-custom-avatar,
.user-attachment-icon {
    border: 1px solid #E8E8E8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding: 1px!important;
    line-height: 0px!important;
}

.user-custom-avatar img,
.user-attachment-icon img,
.user-attached-icon img {
    width: 100%!important;
    vertical-align: top!important;
    overflow-y: hidden!important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.delete-attachment-button {
    text-align: left;
    margin-left: 10px;
    margin-bottom: 10px;
}

.delete-attachment-button>.removeresume {
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    padding: 7px 20px;
    margin-right: 5px;
    background: #cb544c;
    font-size: 13px!important;
    text-transform: none!important;
    font-weight: 300!important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.delete-attachment-button>.removeresume:hover {
    background: #990000!important;
    color: #FFFFFF!important;
    text-decoration: none;
}

.user-attachment-icon.unattached-icon {
    display: none;
}

.sidebar-userinfo h3 {
    text-align: center!important;
    text-transform: uppercase;
    color: #222222!important;
    margin-bottom: 8px;
    line-height: 1.2em!important;
}

.sidebar-userinfo .user-current-role {
    font-size: 13px!important;
    text-transform: uppercase;
    text-align: center!important;
    font-weight: 400!important;
    color: #0066FF;
    font-family: "Roboto", sans-serif!important;
    margin-bottom: 3px;
}

.sidebar-userinfo .user-change-role {
    font-size: 12px;
    text-align: center!important;
    font-family: "Roboto", sans-serif!important;
}


/* Sidebar User Navigation */

#sidemenu {
    margin-bottom: 25px!important;
}

#sidemenu span {
    text-shadow: none!important;
}

@keyframes fadeIn {
    from {
        opacity: 0.25;
    }
}

#sidemenu span.marker-new {
    background: #ff0000;
    font-size: 9px!important;
    text-align: center!important;
    color: #FFFFFF;
    text-transform: uppercase;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-weight: bold;
    padding: 2px 8px 2px 8px;
    margin: 0px 0px 0px 10px;
    animation: fadeIn 0.7s infinite alternate;
}

#sidemenu span.marker-new:before,
#sidemenu span.marker-new:after {
    display: none!important;
}

#sidemenu,
#sidemenu ul,
#sidemenu ul li,
#sidemenu ul li a {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    font-size: 15px;
    letter-spacing: 0.5px;
    width: 100%!important;
    background: none!important;
}

#sidemenu {
    font-family: "Roboto", sans-serif;
    color: #888888!important;
    font-weight: 300!important;
}

#sidemenu ul ul {
    display: none;
}

.align-right {
    float: right;
}

#sidemenu>ul>li>a {
    padding: 12px 25px;
    cursor: pointer;
    z-index: 2;
    font-size: 15px;
    font-weight: 300!important;
    text-decoration: none;
    color: #888888!important;
}

#sidemenu>ul>li>a:hover,
#sidemenu>ul>li.active>a,
#sidemenu>ul>li.open>a {
    color: #5482E0!important;
    font-weight: 300!important;
    background-color: #F0F5FB!important;
}

#sidemenu>ul>li.open>a {
    border: none!important;
}

#sidemenu>ul>li:last-child>a,
#sidemenu>ul>li.last>a {
    border: none!important;
}

#sidemenu ul li.has-sub>a>span:after {
    font-family: 'FontAwesome'!important;
    content: '\f0d7'!important;
    float: right;
    font-size: 14px!important;
    font-weight: 100!important;
}

#sidemenu ul li.has-sub.open>a>span:after {
    font-family: 'FontAwesome'!important;
    content: '\f0d8'!important;
    float: right;
    font-size: 14px!important;
    font-weight: 100!important;
}

#sidemenu ul li li.has-sub>a>span:after {
    font-family: 'FontAwesome'!important;
    content: '\f0fe'!important;
    float: right;
    font-size: 10px!important;
    font-weight: 100!important;
}

#sidemenu ul li li.has-sub.open>a>span:after {
    font-family: 'FontAwesome'!important;
    content: '\f146'!important;
    float: right;
    font-size: 10px!important;
    font-weight: 100!important;
}

#sidemenu ul li li>a>span:before {
    font-family: 'FontAwesome'!important;
    content: '\f105'!important;
    float: left;
    font-size: 10px!important;
    font-weight: 100!important;
    margin-right: 10px!important;
}

#sidemenu ul li li li>a>span:before {
    font-family: 'FontAwesome'!important;
    content: '\f101'!important;
    float: left;
    font-size: 10px!important;
    font-weight: 100!important;
    margin-right: 10px!important;
}

#sidemenu ul li li li i,
#sidemenu ul li li li i a {
    float: left;
    font-size: 10px!important;
    font-weight: 100!important;
}

#sidemenu>ul>li>a:hover>span::after,
#sidemenu>ul>li.active>a>span::after,
#sidemenu>ul>li.open>a>span::after {
    color: #5482E0!important;
    font-weight: 300!important;
    border: none!important;
}

#sidemenu ul ul li a {
    cursor: pointer;
    padding: 10px 25px 10px 45px;
    z-index: 1;
    text-decoration: none;
    font-size: 13px;
    color: #888888;
    border: none;
}

#sidemenu ul li.open ul li a {
    border-bottom: 1px solid #F7F7F7;
}

#sidemenu ul ul li:hover>a,
#sidemenu ul ul li.open>a,
#sidemenu ul ul li.active>a {
    color: #5482E0!important;
    background-color: #F7F7F7!important;
}

#sidemenu ul ul ul li a {
    padding: 10px 25px 10px 65px;
}

#sidemenu>ul>li>ul>li:last-child>a,
#sidemenu>ul>li>ul>li.last>a {
    border-bottom: 1px solid #F7F7F7;
}

#sidemenu ul ul li.has-sub>a::after {
    display: block;
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    right: 20px;
    z-index: 10;
    top: 11.5px;
}


/* Page Container for Multiple User Roles - Administrator, Joblister & JobSeeker */

.sidebar.usercolumn.col4 {
    float: left!important;
    width: 23%!important;
    margin-top: 10px!important;
    margin-bottom: 35px!important;
}

.resumebar.usercolumn.col2 {
    background: #FFFFFF!important;
    float: right!important;
    width: 18%!important;
    margin-top: 10px!important;
    margin-bottom: 35px!important;
    border: 1px solid #E8E8E8;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 25px;
}

.resumebar.usercolumn.col2 ul {
    margin: 0px!important;
    padding: 0px!important;
}

.resumebar.usercolumn.col2 ul li {
    width: 100%;
    list-style: none!important;
    margin: 0px!important;
    border-bottom: 1px solid #E8E8E8!important;
}

.resumebar.usercolumn.col2 ul li:last-child {
    border-bottom: 0px!important;
}

.resumebar.usercolumn.col2 ul li a,
.resumebar.usercolumn.col2 ul li a:link,
.resumebar.usercolumn.col2 ul li a:visited {
    display: block;
    padding: 5px 0px;
    font-size: 13px;
    color: #888888;
    text-decoration: none!important;
}

.resumebar.usercolumn.col2 ul li a:hover {
    color: #0066FF;
    text-decoration: none!important;
}

.resumebar.usercolumn.col2 ul li a img {
    width: 15px;
    margin: 5px 5px 0px 0px!important;
}

.resumebar.usercolumn.col2 ul li a i {
    font-size: 16px!important;
    margin: 5px 5px 0px 0px!important;
}

.content.usercolumn.col8 {
    float: right!important;
    width: 76%!important;
    margin-top: 10px!important;
    margin-bottom: 25px!important;
}

.content.usercolumn.col6 {
    float: left!important;
    width: 57%!important;
    margin-top: 10px!important;
    margin-left: 15px;
    margin-bottom: 25px!important;
}

.content.usercolumn.col6 .delete_resume {
    display: none!important;
}

.employer-dashboard .section-header,
.user-dashboard .section-header {
    display: flex;
    align-items: stretch;
    padding-left: 25px;
}

.employer-dashboard .section-tab,
.user-dashboard .section-tab {
    font-size: 20px;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 500;
    letter-spacing: -0.5px;
    text-align: center !important;
}

.employer-dashboard .search-button,
.user-dashboard .search-button {
    font-size: 18px;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 500;
    letter-spacing: -0.5px;
    text-align: center!important;
}

.employer-dashboard .search-button i,
.user-dashboard .search-button i {
    margin-right: 5px!important;
}

.employer-dashboard .search-button a,
.employer-dashboard .search-button a:active,
.employer-dashboard .search-button a:visited,
.user-dashboard .search-button a,
.user-dashboard .search-button a:active,
.user-dashboard .search-button a:visited {
    color: #407BDF;
    float: right!important;
    padding: 12px 25px;
    min-width: 100px !important;
    position: relative;
    left: 120%!important;
}

.employer-dashboard .search-button a:hover,
.user-dashboard .search-button a:hover {
    color: #1D53AD!important;
    text-decoration: none!important;
}

.employer-dashboard .section-tab a,
.employer-dashboard .section-tab a:active,
.employer-dashboard .section-tab a:visited,
.user-dashboard .section-tab a,
.user-dashboard .section-tab a:active,
.user-dashboard .section-tab a:visited {
    color: #D0D0D0;
    float: left;
    bottom: -2px;
    padding: 12px 25px;
    min-width: 125px !important;
    position: relative;
    margin-left: 5px;
    background-color: #FFFFFF;
    -moz-border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -khtml-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -khtml-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    border-top: 1px solid #E8E8E8;
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
}

.employer-dashboard .section-tab a:hover,
.user-dashboard .section-tab a:hover {
    background-color: #FFFFFF;
    color: #9BBAEE;
    text-decoration: none;
}

.employer-dashboard .section-tab.active a,
.employer-dashboard .section-tab.active a:active,
.employer-dashboard .section-tab.active a:visited,
.user-dashboard .section-tab.active a,
.user-dashboard .section-tab.active a:active,
.user-dashboard .section-tab.active a:visited {
    background-color: #407BDF;
    border-top: 1px solid #407BDF;
    border-left: 1px solid #407BDF;
    border-right: 1px solid #407BDF;
    font-weight: 600;
    color: #fff;
}

.employer-dashboard .section-tab.active a:hover,
.user-dashboard .section-tab.active a:hover {
    background-color: #1D53AD;
    text-decoration: none;
}

.employer-dashboard .section-content,
.user-dashboard .section-content,
.section-content {
    background: none!important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden!important;
}

.public-container {
    background: #FFFFFF!important;
    padding: 25px!important;
    border: 1px solid #E8E8E8!important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.public-container p {
    font-size: 13px!important;
    line-height: 1.4em!important;
    margin-bottom: 10px!important;
}

.public-container ul {
    margin-top: 10px!important;
    margin-bottom: 10px!important;
}

.public-container ul li {
    font-size: 13px!important;
    line-height: 1.4em!important;
    margin-bottom: 5px!important;
}

.greet-msg {
    font-family: "Roboto", sans-serif;
    font-size: 32px!important;
    font-weight: 100!important;
    margin: 0px 0px 25px 0px!important;
    line-height: 1.3em!important;
    padding: 5px!important;
}

.dashboard-datalists {
    display: flex;
    align-items: stretch;
    margin: 0px!important;
    padding: 0px!important;
}

.dashboard-datalists .datalists-leftcol {
    width: 50%;
    margin: 0px 5px 0px 0px;
}

.dashboard-datalists .datalists-rightcol {
    width: 50%;
    margin: 0px 0px 0px 5px;
}

.dashboard-datalists ul {
    margin: 0px!important;
    padding: 0px!important;
    font-family: "Roboto", sans-serif;
    font-weight: 300!important;
}

.dashboard-datalists ul li {
    list-style: none!important;
    margin: 0px!important;
    padding: 7px 15px 7px 15px!important;
    border-bottom: 1px solid #F2F2F2!important;
}

.dashboard-datalists ul li>span.datalists-title {
    font-weight: 600!important;
    width: 135px;
    margin-right: 10px!important;
}

.dashboard-datalists ul li>span.datalists-desc {
    font-weight: 300!important;
    width: auto;
}

#jobsstats-container {
    display: flex;
    align-items: stretch;
    margin-top: 30px!important;
}

#jobsstats-container .statsbox {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    width: 25%!important;
    margin-left: 10px;
    margin-right: 10px;
    padding: 15px;
}

#jobsstats-container .statsbox.active {
    background-color: #00B22D!important
}

#jobsstats-container .statsbox.pending {
    background-color: #FF8000!important;
}

#jobsstats-container .statsbox.ended {
    background-color: #407BDF!important;
}

#jobsstats-container .statsbox.expired {
    background-color: #FF0000!important;
}

#jobsstats-container .statsbox .stats-title {
    font-size: 20px!important;
    text-align: center!important;
    color: #FFFFFF!important;
    font-weight: 600!important;
    padding: 5px!important;
    line-height: 1.2em!important;
}

#jobsstats-container .statsbox .stats-counter {
    font-size: 32px!important;
    font-family: "Roboto", sans-serif;
    text-align: center!important;
    color: #FFFFFF!important;
    font-weight: 300!important;
    padding: 10px!important;
    line-height: 1.2em!important;
}

#jobsstats-container .statsbox .stats-counter a,
#jobsstats-container .statsbox .stats-counter a:link,
#jobsstats-container .statsbox .stats-counter a:visited {
    color: #FFFFFF!important;
}

#jobsstats-container .statsbox .stats-counter a:hover {
    color: #F0F5FB!important;
    text-decoration: none!important;
}

.section-content .no-job-found {
    border: 1px solid #E8E8E8;
    padding: 15px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.myjobs_section,
.myresumes_section,
.mypackages_section,
.edit-profile_section,
.addjob_section,
.myprofile_section,
.myresume_section,
.dashboard_section {
    background: #FFFFFF;
    padding: 25px;
    font-size: 14px;
    border: 1px solid #E8E8E8;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.mypackages_section .packages,
.myresumes_section .resume {
    width: 100%!important;
    margin: 0px auto 0px auto!important;
}

.mypackages_section .packages img,
.myresumes_section .resume img {
    width: 100%!important;
    text-align: center!important;
}

.edit-profile_section,
.addjob_section,
.myresume_section,
.dashboard_section {
    margin: 0px 0px 15px 0px;
}

.edit-profile_section fieldset,
.addjob_section fieldset,
.myresume_section fieldset,
.dashboard_section fieldset {
    border: 0px;
    margin: 0px;
}

.edit-profile_section fieldset legend,
.addjob_section fieldset legend,
.myresume_section fieldset legend,
.dashboard_section fieldset legend {
    color: #222222;
    font-weight: 600!important;
    border-top: 0px;
    border-bottom: 1px solid #E8E8E8;
    margin: 0px 0 25px 0;
    padding: 0px 15px 15px 15px;
}
.myresume_section p.pterms {
    font-size: 13px!important;
    border-top: 1px solid #E8E8E8!important; 
    padding: 15px 0px 0px 0px!important; 
    margin: 0px!important; 
    display: block!important;
}

.addjob_section .job-info {
    padding: 0px!important;
}

.addjob_section .job-info .info-container {
    padding: 10px;
    margin: 10px 0px 10px 0px;
    border-bottom: 1px solid #E8E8E8!important;
}

.addjob_section .job-info .info-container p {
    line-height: 1.5em!important;
}

.addjob_section .job-info .info-container ul li {
    margin: 5px 0px 5px 35px!important;
}

.addjob_section .job-info .info-container ul li li {
    margin: 5px 0px 5px 20px!important;
}

.addjob_section .job-info .info-container:last-child {
    border-bottom: none!important;
    margin: 10px 0px 0px 0px;
}

.addjob_section .job-info .info-container h4 {
    color: #222222;
    font-size: 16px!important;
    font-weight: 600!important;
    padding: 0px 0px 15px 0px!important;
}

.addjob_section .paymentinfo-container {
    width: 100%;
    margin-bottom: 15px;
}

.paymentinfo-container p,
.paymentinfo-container p:last-child {
    display: inline-block!important;
    margin: 0px 10px 5px 10px!important;
    padding: 0px!important;
}

.addjob_section .paymentinfo-container .title,
.addjob_section .paymentinfo-container .package-price {
    color: #407BDF!important;
    font-weight: 600!important;
}

.addjob_section .paymentinfo-container .title {
    padding-right: 5px!important;
}

.addjob_section .paymentinfo-container .title:before {
    font-family: 'FontAwesome'!important;
    content: '\f069'!important;
    float: left;
    font-size: 8px!important;
    font-weight: 100!important;
    margin-right: 5px!important;
    color: #ff0000;
}

.addjob_section .paymentinfo-container .package-price {
    padding-left: 5px!important;
}

.addjob_section .payment-method-wrap p>select {
    width: 50%;
    height: 24px!important;
}

.addjob_section .payment-method-wrap .formbank {
    background: #F1F8FF!important;
    padding: 15px 15px 0px 15px!important;
    border: 1px solid #E8E8E8!important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin: 0px 10px 0px 10px!important;
}

.addjob_section .payment-method-wrap .formbank p {
    display: block!important;
}

.addjob_section .payment-method-wrap .formbank p {
    margin: 5px 0px 5px 0px!important;
}

form.main_form .row {
    display: flex;
    align-items: stretch;
    padding: 0px 10px;
}

form.main_form .row .form-leftcol {
    width: 25%;
    margin-right: 12px;
}

form.main_form .row .form-rightcol {
    width: 75%;
}

form.main_form .row .form2-leftcol {
    width: 12%;
    margin-right: 12px;
}

form.main_form .row .form2-rightcol {
    width: 88%;
}

form.main_form .row .form2-leftcol>.user-custom-avatar,
form.main_form .row .form2-leftcol>.user-attachment-icon,
form.main_form .row .form2-leftcol>.user-attached-icon {
    margin: 0px 0px 15px 0px!important;
}

form.main_form .row #pass-strength-result {
    padding: 12px 10px;
    text-align: center;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

.upload_button-container,
.upload_resume_button-container {
    background: #407BDF;
    width: 100%;
    padding: 10px 10px 6px 10px;
    border: 1px solid #407BDF!important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    display: flex;
    align-items: stretch;
    margin: 10px 10px 10px 0px!important;
}

.upload_button-container i,
.upload_resume_button-container i {
    margin-right: 5px!important;
}

.upload_button,
.upload_resume_button {
    width: 0.1px!important;
    height: 0.1px!important;
    opacity: 0!important;
    overflow: hidden!important;
    z-index: -1!important;
    align-items: center!important;
}

.upload_button+label,
.upload_resume_button+label {
    width: 100%!important;
    font-size: 15px;
    font-weight: 500;
    color: #FFFFFF;
    display: block!important;
    margin: 0 auto!important;
    text-align: center;
}

.upload_button-container:hover,
.upload_button:focus+label,
.upload_button+label:hover,
.upload_resume_button-container:hover,
.upload_resume_button:focus+label,
.upload_resume_button+label:hover {
    background: #1D53AD;
}

.upload_button-container,
.upload_button+label,
.upload_resume_button-container,
.upload_resume_button+label {
    cursor: pointer;
    /* "hand" cursor */
}

#dashboard h2,
.addjob_section h2 {
    color: #222222;
    font-weight: 600!important;
    border-top: 0px;
    font-size: 20px!important;
    border-bottom: 1px solid #E8E8E8;
    margin: 0px 0 25px 0;
    padding: 0px 15px 15px 15px;
}

.addjob_section ul.jobpacks {
    width: 100%;
    margin: 0px 0px 0px 0px!important;
    padding: 0px 0px 0px 0px!important;
}

.addjob_section ul.jobpacks li.jobpacks-list {
    width: 100%!important;
    display: flex;
    align-items: stretch;
    list-style: none!important;
    margin: 0px 15px 15px 0px!important;
    padding: 0px 0px 0px 0px!important;
}

li.jobpacks-list .packs-selector {
    width: auto;
    margin: 25px 25px 0px 0px!important;
}

li.jobpacks-list .packs-selector>input[type="radio"] {
    font-family: 'FontAwesome'!important;
    padding: 6px 5px 5px 5px!important;
    border: 1px solid #DDDDDD!important;
    -moz-border-radius: 50%!important;
    -webkit-border-radius: 50%!important;
    -khtml-border-radius: 50%!important;
    border-radius: 50%!important;
    -webkit-appearance: none;
    width: 25px;
    height: 25px;
    background: white;
    color: #5285E1!important;
    font-size: 100%;
}

li.jobpacks-list .packs-selector>input[type="radio"]:hover {
    background: #E8E8E8;
    border: 1px solid #888888!important;
}

li.jobpacks-list .packs-selector>input[type="radio"]:checked {
    background: #5285E1;
    color: #FFFFFF!important;
    border: 1px solid #5285E1!important;
}

li.jobpacks-list .packs-selector>input[type="radio"]:checked:after {
    content: "\f111";
    top: -3px;
    left: 0px;
    position: relative;
}

li.jobpacks-list .packs-description {
    width: 100%;
    display: flex;
    align-items: stretch;
    background: #F1F8FF!important;
    -moz-border-radius: 10px!important;
    -webkit-border-radius: 10px!important;
    -khtml-border-radius: 10px!important;
    border-radius: 10px!important;
    border: 1px solid #E8E8E8!important;
    margin: 0px 0px 0px 0px!important;
    overflow: hidden!important;
}

li.jobpacks-list .packs-description .packsdesc-leftcol {
    background: #5285E1!important;
    font-family: "Roboto", sans-serif;
    width: auto;
    text-align: center;
    font-weight: 500;
    font-size: 22px!important;
    color: #FFFFFF;
    padding: 25px!important;
    margin-right: 5px;
    border: 1px solid #5285E1!important;
}

li.jobpacks-list .packs-description .packsdesc-rightcol {
    width: 100%;
    padding: 10px!important;
}

li.jobpacks-list .packs-description .packsdesc-rightcol>h3 {
    font-size: 16px!important;
    font-weight: 600!important;
    color: #5285E1!important;
    padding: 0px 0px 5px 0px!important;
    margin: 0px 0px 0px 0px!important;
}

li.jobpacks-list .packs-description .packsdesc-rightcol>h3 span {
    font-size: 13px!important;
    font-weight: 300!important;
    color: #222222;
}

li.jobpacks-list .packs-description .packsdesc-rightcol h3 span.purchased {
    color: #fff;
    width: auto;
    padding: 10px;
    text-align: center;
    background: #222222;
    -moz-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    border-radius: 5px!important;
}

li.jobpacks-list .packs-description .packsdesc-rightcol>p {
    font-size: 13px!important;
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px!important;
}

.addjob_section .job-feature {
    background: #F8F8F8!important;
    width: 100%;
    display: flex;
    align-items: stretch;
    -moz-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    border-radius: 5px!important;
    border: 1px solid #E8E8E8!important;
    padding: 15px!important;
}

.addjob_section .job-feature>.feature-leftcol {
    width: auto!important;
    margin: 0px 15px 0px 0px!important;
}

.addjob_section .job-feature>.feature-leftcol>input[type="checkbox"] {
    font-family: 'FontAwesome'!important;
    padding: 5px!important;
    border: 1px solid #DDDDDD!important;
    -moz-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    border-radius: 5px!important;
    -webkit-appearance: none;
    width: 30px;
    height: 30px;
    background: white;
    color: #5285E1!important;
    font-size: 115%;
}

.addjob_section .job-feature>.feature-leftcol>input[type="checkbox"]:hover {
    background: #E8E8E8;
    border: 1px solid #888888!important;
}

.addjob_section .job-feature>.feature-leftcol>input[type="checkbox"]:checked {
    background: #5285E1;
    color: #FFFFFF!important;
    border: 1px solid #5285E1!important;
}

.addjob_section .job-feature>.feature-leftcol>input[type="checkbox"]:checked:after {
    content: "\f00c";
    top: -1px;
    left: 0px;
    position: relative;
}

.addjob_section .job-feature>.feature-rightcol {
    width: auto!important;
    padding-top: 5px;
    font-size: 13px;
}

.addjob_section .job-feature>.feature-rightcol>span {
    font-size: 16px!important;
    font-weight: 500!important;
    color: #5285E1!important;
}


/* JobSeeker Dashboard - Single Resume */

#single-resume-container {
    background: #FFFFFF!important;
    border: 1px solid #E8E8E8;
    -moz-border-radius: 10px!important;
    -webkit-border-radius: 10px!important;
    -khtml-border-radius: 10px!important;
    border-radius: 10px!important;
    margin-bottom: 15px!important;
    overflow: hidden!important;
}

.resume-topbutton-container {
    background-color: #435065!important;
    padding: 15px 30px 15px 30px;
}

.resume-topbutton-container .backbutton {
    background: none !important;
    color: #FFFFFF !important;
    cursor: pointer;
    font-family: 'Raleway', sans-serif;
    font-size: 12px !important;
    border: none !important;
    box-shadow: none !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

.resume-topbutton-container .backbutton:hover {
    color: #FFCC00!important;
    text-decoration: none!important;
}

.content-permission {
    background: #FFFFFF!important;
    border: 1px solid #E8E8E8;
    -moz-border-radius: 10px!important;
    -webkit-border-radius: 10px!important;
    -khtml-border-radius: 10px!important;
    border-radius: 10px!important;
    margin-bottom: 15px;
    padding: 30px;
}

.stats-container {
    background: #FDFDfD!important;
    text-align: left!important;
    border-top: 1px solid #E8E8E8!important;
    padding: 15px 30px 15px 30px;
}


/* Resume Hiring Box Status */

.jobstatus-container {
    background-color: #51617B!important;
    padding: 15px 5px!important;
}

ul.candidate-job-status {
    list-style: none;
    padding: 0px!important;
    margin: 0px!important;
    display: flex;
    align-items: stretch;
}

.candidate-job-status li {
    margin: 0px 5px!important;
    background: #222222;
    padding: 10px;
    text-align: center;
    width: 33.33%;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
    -moz-border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -khtml-border-radius: 5px!important;
    border-radius: 5px!important;
}

.candidate-job-status li.shortlisted.active {
    background: orange;
    color: #fff;
    pointer-events: none;
}

.candidate-job-status li.hired.active {
    background: green;
    color: #fff;
    pointer-events: none;
}

.candidate-job-status li.rejected.active {
    background: black;
    color: #fff;
    pointer-events: none;
}


/* Resume Header Container */

.resumeheader-container {
    background-color: #51617B!important;
    padding: 30px!important;
    width: 100% !important;
    display: flex;
    align-items: stretch;
}

.resumeheader-container .resumeheader-leftcol {
    width: 15%;
    margin-right: 15px;
}

.user-resume-avatar {
    width: 100px!important;
    margin: 0px;
    border: 1px solid #E8E8E8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding: 1px!important;
    line-height: 0px!important;
}

.user-resume-avatar img {
    width: 100%!important;
    vertical-align: top!important;
    overflow-y: hidden!important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.resumeheader-container .resumeheader-rightcol {
    width: 85%;
}

.resumeheader-rightcol>.resume-title h1 {
    color: #FFFFFF!important;
    text-transform: uppercase!important;
    line-height: 1.2em!important;
    margin: 10px 0px 15px 0px!important;
}

.resumeheader-rightcol>.resume-meta {
    color: #FFFFFF!important;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.resumeheader-rightcol>.resume-meta a,
.resumeheader-rightcol>.resume-meta a:link,
.resumeheader-rightcol>.resume-meta:visited {
    color: #FFCC00!important;
    text-decoration: none!important;
}

.resumeheader-rightcol>.resume-meta span {
    display: block!important;
    width: auto;
    margin: 0px 10px 5px 0px;
    font-size: 14px;
}

.resumeheader-rightcol>.resume-meta span.tel::before {
    font-family: 'FontAwesome'!important;
    content: '\f095'!important;
    font-size: 16px!important;
    font-weight: 100!important;
    margin-right: 5px!important;
    display: inline-block;
    width: 15px;
    text-align: center!important;
}

.resumeheader-rightcol>.resume-meta span.mobile::before {
    font-family: 'FontAwesome'!important;
    content: '\f10b'!important;
    font-size: 19px!important;
    font-weight: 100!important;
    margin-right: 5px!important;
    display: inline-block;
    width: 15px;
    text-align: center!important;
}

.resumeheader-rightcol>.resume-meta span.email::before {
    font-family: 'FontAwesome'!important;
    content: '\f003'!important;
    font-size: 16px!important;
    font-weight: 100!important;
    margin-right: 10px!important;
    display: inline-block;
    width: 15px;
    text-align: center!important;
}

.resumeheader-rightcol>.resume-meta span.metainfo::before {
    font-family: 'FontAwesome'!important;
    content: '\f111'!important;
    font-size: 11px!important;
    font-weight: 100!important;
    margin-right: 10px!important;
    display: inline-block;
    width: 15px;
    text-align: center!important;
}

.resumeprofession-container {
    background: #F0F5FB!important;
    padding: 30px!important;
    width: 100% !important;
}

.resumeprofession-box {
    display: flex;
    align-items: stretch;
    font-size: 14px;
}

.resumeprofession-box>.profession-leftcol {
    width: 50%!important;
    margin-right: 5px;
}

.resumeprofession-box>.profession-rightcol {
    width: 50%!important;
    margin-left: 5px;
}

.resumeprofession-box>.profession-leftcol p,
.resumeprofession-box>.profession-rightcol p {
    color: #666666!important;
    padding: 0px!important;
    margin: 0px 0px 10px 0px!important;
    line-height: 1.6em!important;
}

.resume-subtitle {
    width: 100%!important;
    font-size: 20px!important;
    color: #334B77!important;
    margin-bottom: 15px;
    font-weight: 600!important;
}

.resumecontent-container {
    background: #FFFFFF!important;
    padding: 30px!important;
    width: 100% !important;
    font-size: 13px!important;
}

ul.resumecontent_section {
    margin: 0px!important;
    padding: 0px!important;
}

ul.resumecontent_section>li {
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 25px 0px;
    border-bottom: 1px solid #E8E8E8!important;
    list-style: none!important;
}

ul.resumecontent_section>li:last-child {
    margin: 0px 0px 0px 0px!important;
    border-bottom: none!important;
}

ul.resumecontent_section>li p {
    line-height: 1.4em!important;
    margin: 5px 0px 10px 0px!important;
}

ul.resumecontent_section>li p:last-child {
    margin: 5px 0px 0px 0px!important;
}

ul.resumecontent_section>li>ul {
    margin: 10px 0px 10px 0px!important;
}

ul.resumecontent_section>li>ul li {
    line-height: 1.4em!important;
    margin: 5px 0px 0px 20px!important;
}


/* JobSeeker Dashboard - Applied Jobs */

#appliedlists {
    border-bottom: 1px solid #E8E8E8;
    padding: 20px!important;
}

#appliedlists:last-child {
    border-bottom: none!important;
}

.appliedlists-container {
    width: 100% !important;
    display: flex;
    align-items: stretch;
    padding: 20px 0px 20px 0px;
}

.appliedlists-leftcol {
    width: 75%;
}

.appliedlists-leftcol h4 a {
    font-size: 18px !important;
    color: #222222 !important;
    font-weight: 600 !important;
    line-height: 1.2em;
}

.appliedlists-leftcol .jobs-meta {
    width: 100%;
}

.appliedlists-leftcol .jobs-meta>.jobs-author a,
.appliedlists-leftcol .jobs-meta>.jobs-author a:link,
.appliedlists-leftcol .jobs-meta>.jobs-author a:visited {
    color: #407BDF !important;
}

.appliedlists-rightcol {
    width: 25%;
    margin-left: 25px;
}

.appliedlists-rightcol .jobs-date {
    width: 100%;
    font-size: 14px!important;
}

.clearfix,
.header {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after,
.header:before,
.header:after {
    display: table;
    content: "";
}

.clearfix:after,
.header:after {
    clear: both;
}

.submit_form .packs .job-pack-details li,
.purchase-pack .packs .job-pack-details li {
    position: static;
    border: 0 none;
    margin-left: 15px;
    margin-bottom: 0;
}

.job-pack-details {
    list-style: none outside none;
}

.purchase-pack .packs li {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #DDDDDD;
    margin-bottom: 20px;
    margin-left: 0;
    position: relative;
}

.purchase-pack .packs .job-pack-actions {
    margin: 0;
    padding: 5px;
    position: static;
    width: 98%;
}

.submit_form .packs .job-pack-actions {
    top: 80%;
}

.user-info {
    margin-right: 2.5%;
    margin-top: 15px;
}

.user-meta {
    float: right;
}

div#buddypress div.dir-search {
    margin: 0;
}

div#buddypress div.dir-search input[type="text"] {
    padding: 6px;
    box-shadow: none;
    margin-top: -1px;
}

div#buddypress div.dir-search input[type="submit"] {
    padding: 6px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

div#buddypress div.dir-search label {
    display: inline-block;
    margin-right: 10px;
}

div#buddypress div.activity-comments {
    margin: 10px 0 0 60px;
}

div#buddypress div.activity-comments div.acomment-avatar img {
    width: auto;
    height: auto;
}

div#buddypress div.activity-comments ul li>ul {
    margin-left: 50px;
}

div#buddypress table tr td,
div#buddypress table tr th {
    border-bottom: none;
}

div#buddypress input[type="submit"],
div#buddypress input[type="text"],
div#buddypress input[type="button"],
div#buddypress input[type="reset"],
div#buddypress button,
div#buddypress a.button,
div#buddypress ul.button-nav li a,
#buddypress div.generic-button a,
div#buddypress .comment-reply-link,
a.bp-title-button {
    padding: 6px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

div#buddypress input[type="file"] {
    padding: 2px 5px 4px;
}

div#buddypress .field-visibility-settings,
div#buddypress .field-visibility-settings-toggle,
div#buddypress .field-visibility-settings-notoggle {
    margin-top: 5px;
}

div#buddypress .activity-list li.mini .activity-avatar img.avatar,
div#buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic {
    height: auto;
    margin-left: 0;
    width: auto;
}

.submit_form .job-info {
    background-color: #FFFFFF;
    margin: 20px 0px 0px 0px;
    padding: 15px 30px 15px 15px;
}

.header:after {
    visibility: visible;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
}

.submit_form .payment_methods {
    margin-bottom: 20px;
    padding: 15px;
}

.company-logo>img {
    border: 5px solid #DFB5B4;
    display: block;
    padding: 5px;
}

.single .section-content .colabs-image {
    border: 5px solid #E1E1E1;
    vertical-align: middle !important;
}

.single-company-logo {
    margin-bottom: 20px;
}

.single-company-logo a {
    display: block;
}

.job-meta>span {
    color: #CB544C;
    font-weight: bold;
}

.job-meta a {
    color: #5E5E5E;
    font-weight: normal;
}

.jobs-meta {
    overflow: hidden;
    font-size: 11px !important;
    line-height: 1.6em !important;
}

ul.section_footer .stats span {
    background: url("images/icon/chart-bar.png") no-repeat scroll 0 center transparent;
    padding-left: 25px;
    color: #CB544C;
}

.user-info img.avatar {
    background: #FFFFFF !important;
    width: 50px;
    height: 50px;
    border: 0 !important;
    padding: 1px !important;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.user-info .user-meta a.user-name {
    font-size: 14px!important;
    margin-top: 15px!important;
}

.user-info .user-meta p {
    font-size: 12px !important;
}

.social li a:before {
    background: url("images/icon/social-icon.png") repeat scroll 0 0 transparent;
    content: "";
    display: inline-block;
    height: 32px;
    margin-right: 6px;
    vertical-align: middle;
    width: 34px;
}

.section-content ul.social {
    list-style: none;
}

.section-content ul.social li {
    margin: 0 0 5px;
}

.social li.twitter a:before {
    background-position: -68px center;
}

.social li.facebook a:before {
    background-position: -34px center;
}

.social li.linkedin a:before {
    background-position: -137px center;
}

.attribution.alignright img {
    vertical-align: middle;
}

.more_sponsored_results {
    background: none repeat scroll 0 0 #CB544C;
    color: #FFFFFF;
    display: block;
    padding: 5px 10px;
}

.resume-filter {
    width: auto;
}

.resume-filter select {
    background: url("images/icon/select-icon.png") no-repeat scroll right center #FFFFFF !important;
    width: 100% !important;
    margin-right: 30px;
    margin-bottom: 5px !important;
    padding: 12px;
    font-size: 11px !important;
    color: #999999;
}

.resume-filter select:focus {
    color: #222222;
}

form.main_form input.text[type="checkbox"],
form.main_form input.text[type="radio"] {
    margin: 0 10px 0 0;
    vertical-align: middle;
    width: auto;
}

form.submit_form textarea.text {
    width: 51.5%;
    font-size: 100%;
}

.custom-field-label {
    color: #CB544C;
    display: inline-block;
    font-weight: bold;
    overflow: hidden;
    vertical-align: top;
    width: 19%;
}

li.job-listing-custom-field {
    list-style: none outside none;
    margin-left: 0;
}

.uploaded.file-editor .file-extension {
    float: left;
    margin-top: 12px;
}

.file-extension.filepdf {
    background: url("images/file-pdf.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 32px;
    vertical-align: middle;
    width: 32px;
}

.file-extension a {
    display: block;
    margin-left: 44px;
    margin-top: 8px;
}

#submit_form .uploaded {
    border: 1px solid #EBEBEB;
    margin: 15px 0;
    padding: 10px 20px;
}

#submit_form .uploaded li {
    list-style: none outside none;
    margin: 0;
}

#submit_form .uploaded p label {
    width: 100%;
}

.uploaded.file-editor .file-delete {
    color: #FF0000;
    float: right;
}

#listing-files {
    margin-bottom: 30px;
}

img {
    height: auto;
    max-width: 100%;
}

.widget .sub-menu,
.widget .children {
    border-top: 1px dashed #A1A1A1;
    margin-bottom: 0;
    margin-left: 20px;
    margin-top: 15px;
    padding-top: 12px;
}

.widget .sub-menu li:last-child,
.widget .children li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.widget select {
    width: 100%;
}

.nav-next,
.next-image {
    float: right;
    text-align: right;
    width: 50%;
}

.nav-previous,
.previous-image {
    float: left;
    width: 50%;
}

#comments nav {
    clear: both;
    line-height: 2;
    overflow: hidden;
    margin-bottom: 20px;
}

.page-links {
    clear: both;
    line-height: 1.71429;
}

#comments .social_share {
    margin-bottom: 20px;
    overflow: hidden;
}

.wp-editor-tools {
    display: none !important;
}

#return-tms-responsive-btn {
    display:none;
}

/* ==================================================================== 
  # START Custom View / edit online resume button  (Modded by Quang Nguyen - 2022-09-12)
=================================================================== */

:focus { outline: 0; }
a.view-edit-resume-btn {
    position:relative;
    z-index:24;
}
a.view-edit-resume-btn:hover, a.view-edit-resume-btn:focus, a.view-edit-resume-btn:active {
    z-index:25;
    background-color:#ff0;
}
a.view-edit-resume-btn span {
    position: absolute;
    left: -9000px;
    width: 0;
    overflow: hidden;
}
a.view-edit-resume-btn:hover span, a.view-edit-resume-btn:focus span, a.view-edit-resume-btn:active span {
    display:block;
    position:absolute;
    top:-2.5em; left:8em; width:20em;
    border:1px solid #0cf;
    border-radius: 10px;
    background-color:#cff;
    color:#000;
    text-align: center;
}
/* ==================================================================== 
  # STOP Custom View / edit online resume button  (Modded by Quang Nguyen - 2022-09-12)
=================================================================== */




#appliedlists {
    padding:0px !important;
}





/* ==================================================================== 
  # START Fix styling for the tasks by Quang Nguyen 2022-10-28
=================================================================== */

/* START Tab Selection modify by Quang Nguyen 2022-6-22*/
.ctabs {
    height: 43px;
    margin-left: 15px !important;
    margin-right: 15px !important;
    display: inline-block;
    width: 96%;
    text-align: center;
}

body.page-login{
     /*background-color: #efefef;*/
     background-color: #f7f7f7;
}
.tab_formbox{
    background-color:#ffffff;
    border:0px solid #ffffff;
     display: block;
    width: auto !important;
    z-index: 2;
    padding: 25px;
    margin-bottom: 15px;    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    
}
.loginreg-leftcol{
    background-color:white;
    padding-top: 20px;
    border-radius: 5px;
}
.ctabs a {
    background: #ffffff;
    display: inline-block;
    z-index: 1;
    cursor: pointer;
    font-size: 25px !important;
    font-weight: 700 !important;
    font-family: 'Raleway', San-Serif;
    position: relative;
    display: inline-block;
    line-height: normal !important;
    color: #a9a9a9;
    text-transform: uppercase;
    text-decoration: none;
    padding: 14px 65px 10px;
    border-bottom: 2px solid #CCCCCC;
    border-top-right-radius: 10px;
    border-top: 0px solid #E8E8E8;
    border-left: 0px solid #E8E8E8;
    border-right: 0px solid #E8E8E8;
    width: 48%;
    text-align:center;
}
.ctabs a span{
    display: block;
    font-size: 14px !important;
    font-weight: normal;
    text-transform: none;
}
#user-type-label {
    margin: 0px 0px 20px 0px;
    text-align: center;
    color: #888888;
    font-size: 2.5rem;
    font-weight: bold;

}
.ctabs a.selected { 
    z-index: 1;
    width: auto !important;
    color: #009AD8;
    border-bottom: 2px solid #009AD8;
    width: 48%!important;
    background-color:#ffffff ;
}

.ctabs-sub label{
    display: grid;
    font-size: 12px !important;
    font-weight: normal;
    text-transform: none;
    width:50%;
}
#js-ctabs-label {
    float: left;
}

#js-ctabs-label input[type=radio] {
    display: none;
}
#jl-ctabs-label input[type=radio] {
    display: none;
}
#js-ctabs-label span{
    display: block;
    float: left;
    font-size:16px;
    font-weight:300;
    text-align:initial
}
#jl-ctabs-label span{
    float: right;
    font-size:16px;
    font-weight:300;
    text-align:initial;
}



/* STOP Tab Selection modify by Quang Nguyen 2022-6-22*/

/* ==================================================================== 
  # Start Register form quang nguyen 2022-9-4
=================================================================== */
.ctabs-usertype {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 10px 0 0 0px ;
}
.tab-user-label{
    padding-left: 10px;
    display:block;
}

.ctabs-usertype div { 
    z-index: 1;  
    /*color: #009AD8;*/
}
.ctabs-usertype .fa-briefcase{
    font-size: 5rem;
}
.ctabs-usertype .fa-user-circle{
    font-size: 5rem;
}
.new-reg {
    display:flex;
}
.regis-fa-newreg{
    font-size: 20px!important;
    background-color: #ababab;
    padding: 5px 20px 5px 20px;
    color: white;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#fa-reg-lock{
    padding: 10px 25px 5px 25px;
}
#fa-reg-user{
    padding: 10px 25px 5px 23px;
}
#fa-reg-phone{
    padding: 10px 23px 5px 23px;
}
#fa-reg-email{
    padding: 10px 20px 5px 23px;
}

#customform-container input[type="tel"],
#customform-container textarea{

    background: #ebebeb !important;
    display: block;
    max-width: 100% !important;
    width: 100% !important;
    padding: 10px 6px;
    color: #999999;
    font-size: 12px !important;
    border-left: 1px solid #CCCCCC !important;
    border-right: 1px solid #EEEEEE !important;
    border-top: 1px solid #CCCCCC !important;
    border-bottom: 1px solid #EEEEEE !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ctabs-usertype div.selected { 
    z-index: 1;
    width: auto !important;
    /*color: #009AD8;*/
    background:transparent;
    width: 50%!important;
}
#jl-regis {
    border-left: solid 0px lightgray;
    border-top-right-radius: 20px;
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
    border-right: solid 0.5px lightgray;
    display: flex;
    padding: 10px 5px 5px 5px;
    margin: 0;
    height:70px;
    text-align: center;
    width:50%;
    justify-content: center;
    border-top:solid 1px lightgray;
    background-color: #ffffff;
    cursor:pointer;
}
#js-regis {
    border-right: solid 0px lightgray;
    border-top-right-radius: 20px;
    border-top-left-radius:20px;
    border-bottom-right-radius:20px;
    border-left: solid 0.5px lightgray;
    display: flex;
    padding: 10px 5px 5px 5px;
    margin: 0;
    height:70px;
    text-align: center;
    width:50%;
    justify-content: center;
    border-top:solid 1px lightgray;
    background-color: #ffffff;
    cursor:pointer;
}
#js-regis:hover{
    background-color: #c9c9c9;
 
}
#js-regis:hover .logo-box{
    color:#f7931b!important;
    
}
#js-regis:hover #js-ctabs-label{
    color:#f7931b!important;
}
#jl-regis:hover{
    background-color: #c9c9c9;
    border-bottom-left-radius:20px;
    
}
#jl-regis:hover .logo-box{
    color:#009AD8!important;
    
}
#jl-regis:hover #jl-ctabs-label{
    color:#009AD8!important;
}
#register-form-showHide{
    padding-top:20px;
}
.registerform-container {
    border-bottom: solid 1px lightgray;
    border-left: solid 1px lightgray;
    border-right: solid 1px lightgray;
    padding:0px;
    border-radius: 20px;
}
.ctabs-usertype-container{
    padding-bottom:0px;
}
#customform-container {
	padding:0px 0px 0px 0px;
}
#customform-container-register {
    width: 98.5% !important;
    margin-bottom: 10px !important;
    display:table;
    padding:0px 10px 0 20px;
    
}
.reg-input-container{
    display:flex;
}
#customform-container-register::after {
    display: table!important;
    clear: both!important;
}
#customform-container-register>.form-leftcol {
    float: left ;
    width: 48.2% ;
    display:table-row;
}

#customform-container-register>.form-rightcol {
    float: right ;
    width: 48.2% ;
    display:table-row;
}
#customform-container-register input[type="text"], #customform-container-register input[type="password"], #customform-container-register textarea, #customform-container-register input[type="file"], #customform-container-register select {
    background: #ebebeb !important;
    display: block;
    max-width: 100% !important;
    width: 100% !important;
    padding: 10px;
    color: #999999;
    font-size: 12px !important;
    border-left: 1px solid #CCCCCC !important;
    border-right: 1px solid #EEEEEE !important;
    border-top: 1px solid #CCCCCC !important;
    border-bottom: 1px solid #EEEEEE !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    /*-webkit-border-radius: 5px;*/
    -moz-border-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.registerform-others{
    padding:0px 20px 20px 20px;
}

#job_lister_rad{
    filter: blur(100px);
    display: none;
}
#job_seeker_rad{
    filter: blur(100px);
    display: none;
}

.ctabs-usertype div.selected div label{
    color:#444444;
}
.ctabs-usertype .logo-box{
     color:#444444;
}
.ctabs-usertype div[id$="js-regis"].selected div label {
    color:#f7931b;
}
#register-form-showHide .regis-fa-newreg{
    background-color:#f7931b;
}

.ctabs-usertype div.selected .logo-box{
    /*color:#009AD8;*/
     color:#444444;
}
.ctabs-usertype div[id$="js-regis"].selected .logo-box{
    color:#f7931b;
}

.ctabs-usertype div[id$="js-regis"].selected .reg-input-container{
    color:#f7931b;
}

.ctabs-usertype div  label{
    padding-top:5px;
    color: #444444;
    width: 100%;
    height: 100%;
    display: flex;
    font-size: 20px;
    cursor: pointer;
    font-weight: 600;
    line-height: 20px;
    flex-direction: column;
    align-items: flex-start;
}
.ctabs-usertype div input[id$="ctabs-label"]:checked + label{
    background-color: #fff;
    color: #1c1c1c;
}

.ctabs-usertype div input[id$="ctabs-label"]:checked ~ .tab_content{
    display: inline-block;   
}

.section-content .no-job-found {
    color:#161a1d!important;
}

/* ==================================================================== 
  # Stop Register form quang nguyen 2022-9-4
=================================================================== */


/* ==================================================================== 
    # START Showing promo package and testimonial on when Active Jobs is empty - Quang Nguyen 2022-8-16
==================================================================== */
#jobplan-active-container { 
	/*padding-top: 15px; */
    /*padding-bottom: 15px; */
    font-family: 'Raleway'!important;
    /*height:500px;*/
}
#page-contentbox{
    height:450px;
}

#jobplan-title {
	font-size: 35px; font-weight: 200; 
	text-align: center; color: #222222; letter-spacing: -1px;
}
#jobplan-title .title-bold { font-weight: 500!important; }
#jobplan-title .jobdesc { font-size: 15px; color: #000000; padding-top: 10px; letter-spacing: 0px; font-weight: 300; }
#jobplan-cellbox { float: left!important; display: block!important; width: 33.3%; }
#jobplan-contentbox {
	width: 96%; height: 400px; text-align: center; margin-top: 10%; margin-left: auto; margin-right: auto;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 10px; 
	}
#jobplan-contentbox.jgreybox { background: #F0F4F5!important; color: #4da0fe!important; }
#jobplan-contentbox.jbluebox { background: #407bdf!important; color: #ffffff!important; }

#jobplan-contentbox .jbluetitle { 
	font-size: 25px; color: #4da0fe; font-weight: 400;
	padding: 30px; letter-spacing: -0.5px;
	}
#jobplan-contentbox .jwhitetitle { 
	font-size: 25px; color: #fffff; font-weight: 400;
	padding: 30px; letter-spacing: -0.5px;
}

#jtitlebox01 { 
	background: #FFFFFF; font-weight: 300;
	border-left: 2px solid #4da0fe!important; 
	border-right: 2px solid #4da0fe!important;
	padding: 15px;
	line-height: 1;
	color: #4da0fe!important;
}
#jtitlebox02 { 
	background: url('images/jplan-wtransparent.png') top left repeat; 
	font-weight: 200;
	padding: 15px;
	line-height: 1;
	background-color: rgba(255,255,255,0.2);
}

.jptitle01 { font-size: 38px; letter-spacing: -1px; }
.jptitle02 { font-size: 20px; text-decoration: line-through; padding-bottom: 2px; letter-spacing: -0.5px; }
.jptitle03 { font-size: 20px; letter-spacing: -0.5px; }

#jobplan-contentbox ul { margin-top: 35px; margin-bottom: 50px; margin-left: auto; margin-right: auto; padding: 0px; width: 155px; text-align: left!important; }
#jobplan-contentbox ul li { list-style: disc!important; font-size: 16px; line-height: 1.3em; font-weight: 300; letter-spacing: -0.5px; }
.jbutton-container{
    font-size: 13px; text-align: center; color:#4da0fe ; display:flex; justify-content: space-around;width:100%;
}
#bbutton01 { border: 2px solid #4da0fe; width:50%; border-radius:30px; height:40px; 	text-decoration: none; color: #4da0fe!important;
	padding-top: 10px; padding-bottom: 12px; 
    padding-left:2px;padding-right:2px;
    font-size: 16px;
    font-family: "Raleway";
    font-weight:400;
    }
#bbutton01:hover { text-decoration: none; background-color:#4da0fe; color:white!important;border: 2px solid white; }
#bbutton01 a, #bbutton01 a:link, #bbutton01 a:visited {
	text-decoration: none; color: #4da0fe!important;
	padding-top: 12px; padding-bottom: 12px; 
    padding-left:2px;padding-right:2px;
    font-size: 24px;
    line-height:35px;
}

#most-popular-btn {
    
     border: 2px solid #ffffff; width:50%; border-radius:30px;  height:40px;
}
#most-popular-btn{
    text-decoration: none; color: #ffffff!important;
	padding-top: 10px; 
	padding-bottom: 12px; 
    padding-left:2px;padding-right:2px;
       font-size: 16px;
    font-family: "Raleway";
    font-weight:400;
    
}
#most-popular-btn:hover{
    color:#4da0fe!important;
    background-color:#ffffff!important;
}
/*#bbutton01 a:hover { text-decoration: none; background-color:#4da0fe;}*/
/*#jbutton01 a, #jbutton01 a:link, #jbutton01 a:visited {*/
/*	border: 2px solid #4da0fe; text-decoration: none; color: #4da0fe!important;*/
/*	padding-top: 12px; padding-bottom: 12px; padding-left: 35px; padding-right: 35px;*/
/*	-moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px; */
/*}*/
/*#jbutton01 a:hover { background: #DDC25B; color: #FFFFFF!important; text-decoration: none; }*/


#jbutton02 { font-size: 13px; text-align: center; }
#jbutton02 a, #jbutton02 a:link, #jbutton02 a:visited {
	border: 2px solid #ffffff; text-decoration: none; color: #ffffff!important;
	padding-top: 12px; padding-bottom: 12px; padding-left: 35px; padding-right: 35px;
	-moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px; 
}
#jbutton02 a:hover { background: #333333; color: #FFFFFF!important; text-decoration: none; }


#testimonial-containers {
    border-radius: 5px;
    height: auto;
}
#testimonial-content-box {
	width: 96%;     
    margin-left: auto; 
    margin-right: auto;
    background-color:#407bdf;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px;
    border-radius: 30px; 
    height:auto;
    
    padding: 50px 30px 50px 30px;
}

#testimonial-cellbox { 
    float: left!important; 
    display: block!important; 
    width: 33.3%; 
    line-height: 30px;
}
#testimonial-containers.bluebox {
    background: #4793e7!important; 
    color: #333333!important;
}
#testimonial-content-box .company-name {
    color: #fff41f;
    font-family: "Roboto";
    font-size: 30px; 
    font-weight: 700;
    padding-left: 10px;
    letter-spacing: -0.5px;
    border-left: 2px solid #fff41f;
}
#testimonial-content-box .company-testimo{
    color: #ffffff;
    padding-top:30px;
    font-family:"Roboto";
    font-weight:200;
    font-size:20px;
    line-height:20px;
}

.testimonial-title {
    text-align: center;
    font-size: 2em;
    color:#161a1d  ;
    line-height: 25px;
    padding:20px 0px 20px 0px;
}
.testimonial-description {
    font-size: 0.5em;
    color:#161a1d ;
}
#more-testi {
    width:100%;
    display: flex;
    justify-content: center;
    padding-top: 20px;
    font-size:16px!important;
    font-weight:400;
    
}
#more-testi div{
    width: 45%;
    border: 2px solid #407bdf;
    text-decoration: none;
    
    
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 35px;
    padding-right: 35px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    border-radius: 10px;
    text-align: center;
}
#more-testi div a{
     color: #4da0fe!important;
    
}

/* ==================================================================== 
    # STOP Showing promo package and testimonial on when Active Jobs is empty - Quang Nguyen 2022-8-16
==================================================================== */



/*====================================================================
 # START styling posts on GUIDE, FAQ desktop - Quang Nguyen 2022-10-18
====================================================================*/
.mypackages_section .packages .post-table-image{
    width: 60%!important;
}
.post-example-image{
    width: 100%;
}
.post-header{
    color: #407bdf;
     font-size: 1.875em;
     padding-bottom:10px;
}
.post-sub-header{
     color: #407bdf;
     font-weight:700;
     font-size: 16px;
     padding: 0px 20px 0px 20px!important;
}
.post-container{
    padding: 20px;
}
#post-tms-sum-td {
    border-bottom: 0px !important;
}
.post-container .post-content div {
    padding:10px 20px 10px 20px;
}
.post-content-para {
    padding: 0px 20px 20px 20px !important;
    font-size:16px!important;
}
.post-content-para ul{
    margin-bottom:0px;
}
.post-content-para ol{
    margin-bottom:0px;
}
.post-sub-header ol{
    margin-bottom:0px;
}
.post-sub-header-bl {
       color: #424242!important;
     font-weight:700;
     font-size: 16px;
     padding: 0px 20px 0px 20px!important;
}
.post-sub-header-bl ol{
    margin-bottom:0px;
}
.post-content-after-sub{
    padding-left:0px!important;
    color: #191919 ;
    font-size: 16px;
}
#post-rate-sub{
    color:#fe2423;
}
.faq-content-para{
     padding: 0px 20px 20px 0px !important;
     font-size:16px!important;
}
.faq-content-para ol{
    margin-bottom:0px!important;
}
.faq-sub-header-bl{
    padding: 0px 0px 0px 20px!important;
    font-size:16px;
}
/*====================================================================
 # STOP styling posts on  GUIDE desktop - Quang Nguyen 2022-10-28
====================================================================*/

/*====================================================================
 # START styling posts on  FAQ desktop - Quang Nguyen 2022-10-28
====================================================================*/


#return-dashboard{
    text-align: center;
    
    padding: 20px 0px 20px 0px;
    display: flex;
    justify-content: space-around;
}
#return-holder {
    border-top: 1px solid #407BDF;
    border-left: 1px solid #407BDF;
    border-right: 1px solid #407BDF;
    border-bottom: 1px solid #407BDF;
     padding: 10px 20px 10px 20px;
    border-radius: 10px;
      width:80%;
      
}
#return-holder a{
    
    
    font-weight: 400;
    color: #407BDF;
   
    font-family: "Raleway" ;
    font-size: 16px;
}
#faq-page-title{
    color: #407BDF;
    padding-bottom: 20px;
    font-weight: bold;
}

.open h4 a{
    color:#407bdf!important;
}

.faq-wid a:hover {
    color: #1D53AD!important;
    text-decoration: none!important;
}

.faq-wid .section-tab a,
.faq-wid .section-tab a:active,
.faq-wid .section-tab a:visited {
    color: #D0D0D0;
    float: left;
    bottom: -2px;
    padding: 12px 25px;
    min-width: 125px !important;
    position: relative;
    margin-left: 5px;
    background-color: #FFFFFF;
    -moz-border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -khtml-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -khtml-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    border-top: 1px solid #E8E8E8;
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
}

.section-tab a:hover,
.faq-wid .section-tab a:hover {
    background-color: #FFFFFF;
    color: #9BBAEE;
    text-decoration: none;
}

.faq-wid .section-tab.active a,
.faq-wid .section-tab.active a:active,
.faq-wid .section-tab.active a:visited {
    background-color: #407BDF;
    border-top: 1px solid #407BDF;
    border-left: 1px solid #407BDF;
    border-right: 1px solid #407BDF;
    font-weight: 600;
    color: #fff;
}

.faq-wid .section-tab.active a:hover {
    background-color: #1D53AD;
    text-decoration: none;
}


.faq-wid .section-content,
.section-content {
    background: none!important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden!important;
}

.content.usercolumn.col8 {
    float: right!important;
    width: 76%!important;
    margin-top: 10px!important;
    margin-bottom: 25px!important;
}
#faq-page-title{
    color: #407BDF;
    padding-bottom: 20px;
    font-weight: 400;
    padding-left:30px;
    font-size:26.25px;
    font-family: "Raleway";
}

#sidemenu ul li li>a>span:before{
    font-family: 'FontAwesome'!important;
    content: '\f105'!important;
    float: left;
    font-size: 10px!important;
    font-weight: 100!important;
    margin-right: 10px!important;
}



.row-faq .sidebar{
    width:23%!important;
    padding-top:0px!important;
}
.row-faq #sidemenu ul li li>a>span:before{
    content: '' !important;
    
}
.loginreg-leftcol .ctabs{
    width:97%;
}
.fbox-title span{
    word-break: break-word;
}

/****** START styling for faq and guides Tables *****/
table.unstyledTable {
    text-align: left;
    width: 80%;
    margin:0px;
}
#tb-sub-title{
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    background-color: #5e91f7;
}
#tb-re-quote{
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    background-color: #5e91f7;
}
table.unstyledTable th span{
    line-height: 115%;
}
table.unstyledTable td span{
    line-height: 115%;
}
table.unstyledTable td div{
    padding-left:0px;
}
table.unstyledTable td{
    border:1px solid black!important;
    border-bottom:1px solid black;
}
table.unstyledTable th{
    border:1px solid black!important;
}
table.unstyledTable tr{
    border:1px solid black!important;
}

/* JOB AD PACKAGES FAQ content table styling*/
table.tg-account tr{border:2px solid black;}
table.tg-account td{border:2px solid black;}

table.tg{    text-align: left!important;}
table.tg th{border:2px solid black!important;}
table.tg tr{border:2px solid black!important;}
table.tg td{border:2px solid black!important;}

/* Top Employer's FAQ content table styling*/
.tg-top-employer-faq  {border-collapse:initial;border-spacing:0;border:1px solid;}
.tg-top-employer-faq td{border-color:black;border:1px solid;font-family:Raleway;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg-top-employer-faq th{border-color:black;border:1px solid;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg-top-employer-faq .tg-0lax{text-align:left;vertical-align:top}
/****** STOP styling for faq and guides Tables *****/


/*====================================================================
 # STOP styling posts on  FAQ desktop - Quang Nguyen 2022-10-18
====================================================================*/

.ctabs{
    width:97%;
}


.login-regis-container{
    background-color:white;
    border-radius: 10px;
}

#testimonial-content-box{
    height:300px;
}
.sidebar-user-container{
    padding-top:15px;
}

/*.content.usercolumn.col8 {*/
/*    width:75%!important;*/
/*}*/
/*.alt-style-default .sidebar.col4{*/
/*    padding-top:0px!important;*/
/*}*/


.tms-sumary-table{
    width:60%;
}
.guide-sidebar-guest{
    margin-top:-42px!important;
}

.page-template-default .section{
    padding-top:13px;
}


.page-template-template-submit-php .sidebar{
    padding-top:0px!important;
}

.author .sidebar{
    padding-top:0px!important;
}
.page-template-latestjobs .sidebar{
    padding-top:42px!important;
}

/* ==================================================================== 
  # STOP Fix styling for the tasks by Quang Nguyen 2022-10-28
=================================================================== */




/* ==================================================================== 
  #Custom Responsive (Modded by Mervin - 06042021)
=================================================================== */

@media only screen and (max-width: 1500px) {
    /* Global Top Navigation */
    nav {
        font-size: 15px;
    }
    nav li {
        margin-left: 13px;
        margin-right: 13px;
    }
    /* JobLister Tabs */
    .employer-dashboard .search-button a,
    .employer-dashboard .search-button a:active,
    .employer-dashboard .search-button a:visited,
    .user-dashboard .search-button a,
    .user-dashboard .search-button a:active,
    .user-dashboard .search-button a:visited {
        left: 0%!important;
    }
    
    /* Contact Form (08062021)
   	----------------------------------------------------------------- */
    #cformheader-box .cheader-icon {
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #cformheader-box .cheader-icon .cheader-leftcol {
        float: none!important;
        margin: 0px auto!important;
    }
    #cformheader-box .cheader-icon .cheader-rightcol {
        float: none!important;
        width: 100%!important;
        padding-top: 10px;
    }
}

@media only screen and (max-width: 1300px) {
    /* Global Top Navigation */
    nav {
        font-size: 14px;
    }
    nav li {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media only screen and (max-width: 1200px) {
    /* Dashboard Header */
    .section-header .search-button {
        display: none!important;
    }
    .header2 {
        background: url('images/custom/user-topheader.jpg') center no-repeat !important;
        -webkit-background-size: cover!important;
        -moz-background-size: cover!important;
        -o-background-size: cover!important;
        background-size: cover!important;
        min-height: 150px!important;
    }
    /* .header2 .jobsearch-container {
        display: inherit!important;
    } */
    /* Page Container */
    .sidebar.usercolumn.col4 {
        float: left!important;
        width: 23%!important;
        margin-top: 10px!important;
        margin-bottom: 35px!important;
    }
    .content.usercolumn.col8 {
        float: right!important;
        width: 76%!important;
        margin-top: 10px!important;
        margin-bottom: 25px!important;
    }
    .content.usercolumn.col6 {
        float: right!important;
        width: 69%!important;
        margin-top: 10px!important;
        margin-left: 0px;
        margin-bottom: 25px!important;
    }
    .content.usercolumn.col6 .delete_resume {
        display: inline-block!important;
        margin-left: 10px;
    }
    .resumebar.usercolumn.col2 {
        display: none!important;
    }
    /* Global Footer */
    #fbox-info {
        width: 44%!important;
        margin: 0px auto!important;
    }
    #fbox-nav {
        width: 55%!important;
        margin: 0px auto!important;
    }
    #fnav-container {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    .bottom-nav {
        width: 45%;
        margin: 0px 2.5% 0px 2.5%;
    }
    .bottom-nav:last-child {
        display: none!important;
    }
    .jtaxs-container .jtaxs-leftcol2,
    .jpreview-container .jtaxs-leftcol2 {
        width: 100%;
    }
    .jtaxs-container .jtaxs-rightcol2,
    .jpreview-container .jtaxs-rightcol2 {
        width: 100%;
        margin-left: 0px;
    }
    .jtaxs-container .jtaxs-leftcol2 {
        margin-bottom: 10px!important;
    }
    .jpreview-container .type>span {
        float: left;
        margin-bottom: 5px;
    }
    #return-tms-responsive{
        display:block!important;
    }
    #return-tms-responsive-btn {
        width: 100%;
        display:block;
    }    

    
}

@media only screen and (max-width: 1095px) {
    .header {
        border-top: 0 !important;
    }
    #navigation-container {
        background: #2C0454;
        position: relative!important;
        width: auto!important;
    }
    #navbox {
        width: auto!important;
    }
    nav {
        position: relative!important;
        float: none!important;
        display: table;
        margin: 0 auto!important;
    }
    #sj-logo {
        margin-top: 45px !important;
    }
    .latest-jobs .sorting input[type="submit"] {
        clear: left;
        float: none;
        width: 98% !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
}

@media only screen and (max-width: 1025px) {
    .wpusb-item.wpusb-total-share,
    .wpusb-item.wpusb-total-share .wpusb-pipe {
        display: none!important;
    }
}

@media only screen and (max-width: 1000px) {
    /* Page Container */
    .sidebar.usercolumn.col4 {
        display: none!important;
    }
    .sidebar.usercolumn.col4.visitor-guide{
          display: none!important;
          flex-direction: column;
          width:100%!important;
    }
    .row-guide{
        display: flex!important;
        flex-direction: column-reverse!important;
    }
    .content.usercolumn.col8 {
        float: none!important;
        width: 100%!important;
    }
    .content.usercolumn.col6 {
        float: none!important;
        width: 100%!important;
        margin: 0px auto!important;
    }
    /* Global Login / Registration Page */
    #loginreg-container,
    .loginreg-leftcol {
        float: none!important;
        width: 100% !important;
    }
    #bottomlist-container,
    .loginreg-rightcol {
        display: none!important;
    }
    /*** START faq content in mobile - quang nguyen 2022-11-15
    
    ****/
    .post-container .post-content div {
        padding:10px 0px 10px 0px!important;
    }
    .post-content-para {
        padding: 0px 0px 20px 0px !important;
        word-break: break-word;
    }

    .post-sub-header-bl {
           color: #424242!important;
         font-weight:700;
         font-size:1.125em;
         padding: 0px 0px 0px 0px!important;
    }
  
    #post-rate-sub{
        color:#fe2423;
    }
    .faq-content-para{
         padding: 0px 0px 20px 0px !important;
         word-break: break-word;
    }
  
    /*** STOP faq content in mobile - quang nguyen 2022-11-15
    
    ****/
    .tms-sumary-table{
        width:100%!important;
    }
    
    .resumebar.usercolumn.col2 {
        display: block!important;
        width:100%!important;
    }
}

@media only screen and (max-width: 965px) {
    .row-contact{
        width:100%!important;
    }
    .section-title-new{
        padding: 12px 10px !important;
    }
    .cformheader-title-new{
        display:none!important;
    }
    #cformheader-container{
        display: flex!important;
        flex-direction: column!important;
        align-items:center!important;
    }
    #cformheader-leftcol-new {
        width:100%!important;
        padding-top: 20px!important;
        padding-bottom: 20px!important;
        
    }
    #cformheader-rightcol-new{
        width:100%!important; 
        margin-top: 30px!important;
    }
   body.page-template-template-contact-new .section-content-new {
        padding: 20px!important;
   }
   .faq-user-title{ 
        font-size: 1.2em!important;
   }
   .faq-user-header{
       font-size: 1em!important
   }
    .faq-link-contact{
      font-size: 1.2em!important;
   }
   .cheader-title-new{
     font-size: 1.2em!important
   }
   .cheader-text-faq{
      font-size: 1em!important;
   }


    /* Contact Form */
    #ctopheader-leftcol .topleftcol-title {
        font-size: 26px !important;
        letter-spacing: -1px !important;
        margin-top: 35px !important;
    }
    #ctopheader-rightcol .toprightcol-title {
        font-size: 24px !important;
        margin-top: 25px !important;
    }
}

@media only screen and (max-width: 898px) {
    #sj-logo {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media only screen and (max-width: 850px) {
    /* Contact Form */
    #ctopheader-leftcol {
        float: none !important;
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #ctopheader-leftcol .topleftcol-title {
        margin-top: 10px !important;
        text-align: center !important;
    }
    #ctopheader-leftcol .topleftcol-desc {
        text-align: center !important;
    }
    #ctopheader-rightcol {
        float: none !important;
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #ctopheader-rightcol .toprightcol-icon {
        float: none !important;
        width: 20% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #ctopheader-rightcol .toprightcol-title {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        font-size: 30px !important;
        margin-top: 10px !important;
    }
    #toppdfbutton-container .orangebox {
        float: none!important;
        width: auto!important;
        padding: 10px!important;
        margin-bottom: 10px!important;
    }
    #toppdfbutton-container .purplebox {
        float: none!important;
        width: auto!important;
        padding: 10px!important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1050px) {
    .widget_colabs_facebook {
        display: none;
    }
    /* Top Navigation */
    .navigation {
        background: none !important;
    }
    .navigation .logo {
        margin-left: 25px;
    }
    .header .navigation,
    .user-info {
        font-size: 12px;
    }
    /* Job search form */
    .submit-job a {
        background-size: auto;
    }
    .job-post .col2 {
        width: 16%
    }
    .job-post .col4 {
        width: 29%
    }
    .widget_colabs_jobsort form {
        margin: 5px 4px 0
    }
    #menu-header-menu {
        display: none;
    }
    .menu-select-primary #menu-header-menu {
        display: block;
        padding: 5px 15px;
    }
    .main {
        width: auto !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .header {
        overflow: hidden
    }
    .header:after {
        display: none !important
    }
}


/*==================================================================== 
  #Responsive For Mobile(Portrait)
=================================================================== */

@media only screen and (max-width: 780px) {
    /* Dashboard Header */
    .section-header .section-tab {
        display: none!important;
    }
    .section-header .section-tab.active {
        display: block!important;
    }
    /* Latest Job Listing */
    .alt-style-default .sidebar.col4 {
        float: none!important;
        width: 100%!important;
    }
    .alt-style-default .content.col8 {
        float: none!important;
        width: 100%!important;
    }
    .alt-style-default #widget_jobsort {
        margin-top: 0px!important;
    }
    /* Job Individual Page */
    .single-job_listing .job-search,
    .single-job_listing .sidebar #widget_jobsort {
        display: none !important;
    }
    
    /* START Job individual Page  Modified by Quang 2022-6-10*/
    #livechat-button-desktop {
        display: none !important;
    }
    #whatsappbtn-container-livechat div img{
        width:100%!important;
    }
    .livechat-res {
        display: block!important;
        margin-bottom: 15px;
        text-align: center;
    }
    /* END Job individual Page  Modified by Quang 2022-6-10*/
    
    /* User Dashboard - JobSeekers & JobLister */
    form.main_form .row,
    form.main_form p,
    form.account_form p,
    .appliedlists-container,
    .resumeheader-container,
    .resumeprofession-box {
        width: 100%!important;
        display: flex;
        flex-wrap: wrap;
        padding: 0px!important;
    }
    form.main_form .row .form-leftcol {
        width: 100%!important;
        margin-right: 0px;
    }
    form.main_form .row .form-rightcol {
        width: 100%!important;
    }
    form.main_form .row .form2-leftcol {
        width: 100%!important;
        margin-right: 0px;
    }
    form.main_form .row .form2-rightcol {
        width: 100%!important;
    }
    form.main_form .row .form2-rightcol p em.description {
        font-size: 11px!important;
    }
    form.main_form .row .form2-leftcol .user-custom-avatar {
        margin: 0px auto 15px auto!important;
    }
    form.main_form .row .form2-leftcol .user-attached-icon {
        margin: 0px auto 15px auto!important;
    }
    form.main_form .row .form2-leftcol .delete-attachment-button {
        text-align: center!important;
    }
    form.main_form p label {
        width: 100%!important;
        padding-top: 0px!important;
        padding-bottom: 0px!important;
    }
    form.main_form input[type="submit"] {
        width: inherit!important;
        max-width: 97.5%!important;
        padding: 12px 25px!important;
        margin: 0px!important;
    }
    form.main_form p.dualbuttons_section {
        display: flex;
        align-items: stretch;
    }
    form.main_form p.dualbuttons_section input[type="submit"] {
        width: 48%!important;
        margin: 0px 1%!important;
    }
    .appliedlists-container .appliedlists-leftcol,
    .appliedlists-container .appliedlists-rightcol {
        width: 100%!important;
    }
    .appliedlists-container .appliedlists-rightcol {
        margin-left: 0px!important;
        margin-top: 5px!important;
    }
    /* Resume Page */
    .resumeheader-container {
        padding: 35px!important;
    }
    .resumeheader-container .resumeheader-leftcol {
        width: 100%!important;
        margin: 0px auto 25px auto!important;
    }
    .resumeheader-container .resumeheader-rightcol {
        width: 100%!important;
        margin: 0px auto!important;
    }
    .resumeprofession-box .profession-leftcol {
        width: 100%!important;
        margin: 0px auto!important;
    }
    .resumeprofession-box .profession-rightcol {
        width: 100%!important;
        margin: 0px auto!important;
    }
    /* .content.usercolumn.col6 p>a.edit_resume {
        width: 100%!important;
    } */
    /* Submit Job Page */
    .employer-dashboard .steps li {
        font-size: 13px!important;
    }
    #geolocation_box p label {
        margin: 10px 0px 0px 0px !important
    }
    /* Comment Form
  	----------------------------------------------------------------- */
    #respond input[type="text"] {
        width: 100%;
        margin-bottom: 10px
    }
    /* Form Styling
  	----------------------------------------------------------------- */
    input[type="text"],
    input[type="password"],
    select,
    textarea {
        width: 100%!important;
    }
    .register-form {
        border-right: none !important;
        padding-bottom: 25px !important;
        margin-bottom: 25px !important;
        border-bottom: 5px solid #E8E8E8 !important;
    }
    /* Global Footer */
    #fbox-info {
        float: none !important;
        width: 100%!important;
        max-width: 400px;
        margin: 0px auto!important;
    }
    #fbox-nav {
        float: none !important;
        width: 100%!important;
        padding: 0px 0px 15px 0px!important;
        margin: 0px auto 15px auto!important;
        border-bottom: 1px solid #222222!important;
    }
    #fnav-container {
        margin-bottom: 10px;
    }
    .bottom-nav {
        width: 21%;
        margin: 0px 2% 0px 2%;
    }
    #footer-patternbg {
        padding-top: 6%;
        padding-bottom: 6%;
    }
    #fbox-info .bottom-logo {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 767px) {
    .section-content {
        padding: 0px;
        margin: 0px;
    }
    .header {
        overflow: hidden;
        padding-top: 10px;
    }
    body .header .navigation {
        margin-top: 50px;
    }
    body .widget_colabs_jobsort .widget-title {
        background: none
    }
    /* Hide uneeded element 
  	------------------------------------------------------------------*/
    .navigation {
        background: none !important;
    }
    .navigation .logo {
        margin-left: 10px;
    }
    .nav-left,
    .nav-right,
    .user-info {
        display: none;
    }
    .widget_colabs_facebook {
        display: none;
    }
    .widget_colabs_adwidget {
        display: none;
    }
    .widget_colabs_follow {
        display: none;
    }
    /* Job search form 
  	----------------------------------------------------------------- */
    .job-searchform {
        text-align: center
    }
    .submit-job,
    .job-searchform {
        width: 100% !important;
    }
    .submit-job {
        margin-bottom: 20px
    }
    .submit-job a {
        background-position: 10%
    }
    .job-searchform::after {
        width: 0
    }
    .job-searchform input[type="text"] {
        margin-bottom: 7px !important;
    }
    .job-searchform input[type="text"]:last-child {
        margin-bottom: 0 !important;
    }
    .job-searchform select {
        width: 100% !important;
        margin-bottom: 0 !important;
    }
    .job-searchform input[type="submit"] {
        display: inline-block;
    }
    .job-searchform input[type="text"] {
        width: 100% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .job-searchform input[type="submit"] {
        width: 100% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 5px;
    }
    /* Main
  	----------------------------------------------------------------- */
    .main {
        width: auto !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .container {
        padding-left: 15px;
        padding-right: 15px
    }
    /* Jobs Post
  	----------------------------------------------------------------- */
    .jobs-post {
        margin-bottom: 0px;
    }
    .jobs-post .col6 {
        width: 100%;
        margin-bottom: 10px
    }
    .jobs-post .col4 {
        width: 45%;
        margin-left: 0
    }
    .jobs-post .col2 {
        width: 100%;
        clear: both;
        margin: 0;
        text-align: right;
    }
    /* Widget
  	----------------------------------------------------------------- */
    .widget.widget_colabs_jobsort {
        margin-bottom: 35px;
        padding: 5px 0;
    }
    .widget_colabs_jobsort .widget-title {
        background: none;
        color: #666666;
    }
    .widget_colabs_jobsort::after {
        height: 0;
    }
    .widget_colabs_jobsort form {
        padding: 5px 20px 0;
        margin-top: 0
    }
    /* Resume Listing
  	----------------------------------------------------------------- */
    li.resume .resume-col1,
    li.resume .resume-col2 {
        float: none !important;
        width: 96% !important;
        text-align: left !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    li.resume .resume-col1 .title {
        margin-bottom: 0 !important;
    }
    li.resume .resume-col1 .postuser {
        margin-bottom: 5px !important;
    }
    li.resume .resume-col2 .location {
        font-size: 13px !important;
        text-align: center !important;
        margin-bottom: 0 !important;
    }
    li.resume .resume-col2 .location br {
        display: none !important;
    }
    li.resume .resume-col2 .date {
        font-size: 13px !important;
        text-align: center !important;
        margin-bottom: 0 !important;
    }
    li.resume .resume-col2 .location span.title,
    li.resume .resume-col2 .date span.title {
        display: inline !important;
        font-weight: 600 !important;
    }
    /* Tooltip Elements
   	----------------------------------------------------------------- */
    .field-tip .tip-content,
    .field-tip:hover .tip-content {
        left: 0 !important;
    }
    
    /* Contact Form (08062021)
   	----------------------------------------------------------------- */
    #ctopheader-rightcol .toprightcol-icon {
        width: 30% !important;
    }
    #frmcontact p.text-input input[type="text"],
    #frmcontact p.contact-message textarea {
        width: 100% !important;
    }
    #cform-singlecol {
        width: auto !important;
        margin-right: 15px !important;
    }
    #cform-leftcol,
    #cform-rightcol {
        float: none !important;
        width: 100% !important;
    }
    #cformheader-leftcol,
    #cformheader-rightcol {
        float: none !important;
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #cformheader-box {
        width: 85% !important;
        margin-bottom: 50px !important;
    }
    #cformheader-box .cheader-icon {
        float: left !important;
        margin-right: 15px !important;
    }
    #cformheader-box .cheader-icon1 {
        display: none !important;
    }
    #cformheader-box .cheader-icon2 {
        float: none!important;
        display: inherit!important;
        margin: 0px auto !important;
    }
    #cformheader-box #cheader-descbox .cheader-title {
        font-size: 20px !important;
        text-align: center!important;
    }
    #cformheader-box #cheader-descbox .cheader-text {
        font-size: 14px !important;
        text-align: center!important;
    }
    #cformheader-box #cheader-descbox .contact-info {
        display: none !important;
    }
    #cformheader-box #cheader-descbox #chatbutton {
        float: none!important;
        display: inherit!important;
        width: 200px !important;
        margin: 10px auto 0px auto!important;
    }
    
    /* Custom for Google Adsense
   	----------------------------------------------------------------- */
    .ads-sidebar,
    .ads-footer {
        width: 320px !important;
        height: 50px !important;
        overflow: hidden!important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .ads-sidebar {
        margin-bottom: 25px!important;
    }

    /* JobLister Page */
    .exportToExcelwithoutfilter,
    .exportToExcel {
    margin-top: 0px!important;
    position: relative!important; 
    z-index: 1!important;
    }

    #authorheader-container .profile-content p img {
        width: 100%!important;
    }
}


/*==================================================================== 
  #Mobile (Portrait)
=================================================================== */

@media only screen and (max-width: 600px) {
    /* Latest Jobs Listing - Added 07042021 */
    .jlists-rightcol .jobs-meta>.jobs-author,
    .jlists-rightcol .dateplace-container>span.jobs-date,
    .jlists-rightcol .dateplace-container>span.jobs-place {
        display: block!important;
        font-size: 12px!important;
    }
    /* Single Job Listing */
    #jobheader-left {
        float: none!important;
        width: 100% !important;
        margin: 0px auto 15px auto!important;
    }
    #jobheader-left .single-company-logo {
        margin: 0px auto!important;
    }
    #jobheader-left .single-company-logo a {
        text-align: center!important;
    }
    #jobheader-right {
        float: none!important;
        width: 100% !important;
        margin: 0px auto!important;
    }
    #jobheader-right h4 {
        text-align: center!important;
    }


    /* JobListers & JobSeekers Dashboard */
    #jobsstats-container,
    .dashboard-datalists {
        display: flex;
        flex-wrap: wrap;
    }
    .dashboard-datalists .datalists-leftcol,
    .dashboard-datalists .datalists-rightcol {
        width: 100%!important;
        margin: 0px!important;
    }
    #jobsstats-container .statsbox {
        background-color: #407BDF!important;
        width: 45%!important;
        margin: 2.5%!important;
        padding: 15px;
    }
    #jobsstats-container .statsbox .stats-title {
        font-size: 18px!important;
        padding: 5px!important;
    }
    #jobsstats-container .statsbox .stats-counter {
        font-size: 25px!important;
        padding: 5px!important;
    }
    /* Global Footer */
    #fbox-info .bottom-logo {
        width: 75%;
        padding-top: 15px;
    }
    #app-buttons {
        width: 80% !important;
    }
    /* Global Login / Registration Page */
    .tab_formbox #customform-container {
        margin-bottom: 0px!important;
    }
    .tab_formbox #customform-container>.form-leftcol,
    .tab_formbox #customform-container>.form-rightcol {
        float: none!important;
        width: 100%!important;
        margin-bottom: 10px!important;
    }
    .tab_formbox label.terms {
        margin-bottom: 25px!important;
    }
    .tab_formbox p.field-radio>label {
        display: block!important;
        width: 100%!important;
    }
    .tab_formbox p.form-row,
    .tab_formbox p.submit {
        width: 100%!important;
        padding: 0px!important;
        margin: 0px auto!important;
    }
    .tab_formbox p.form-row>input[type="submit"],
    .tab_formbox p.submit>input[type="submit"] {
        width: 100%!important;
        margin: 0px!important;
    }
    .mypackages_section p>a.submit-button,
    .main_form p>a.submit-button {
        display: block!important;
        width: 100%!important;
        text-align: center!important;
        margin: 0px!important;
    }
    /* Tabs for JQuery */
    .ctabs a {
        padding: 14px 45px 10px!important;
    }
    .modal-dialog {
        max-width: 400px!important;
    }
    /* Application Form Job */
    #customform-container>.form-leftcol,
    #customform-container>.form-rightcol {
        float: none!important;
        width: 100% !important;
    }
    #customform-container .wl-primary-btn {
        width: 100%!important;
        font-size: 14px!important;
        width: 600!important;
        text-align: center!important;
        margin: 0px 0px 10px 0px!important;
    }
    
    /* Contact Form (08062021)
   	----------------------------------------------------------------- */
    #cformheader-box .cheader-icon .cheader-rightcol {
        padding-top: 5px;
    }

    #cformheader-box .cheader-icon .cheader-rightcol .faq-button {
        width: 100%!important;
        margin-top: 5px!important;
        margin-bottom: 5px!important;
    }
    #customform-container-register{
        margin-bottom:0px!important;
    }
    #customform-container-register>.form-leftcol {
        width:100%;
    }
    #customform-container-register>.form-rightcol {
        width:100%;
    }
}

@media only screen and (max-width:500px) {
    /* START css apply form added by Quang Nguyen 2022-6-20 */ 
    #create-resume-apply span a { 
        padding: 5px 48px 5px 48px!important; 
    } 
    .view-edit-resume-btn { 
        padding: 5px 5px 5px 5px!important; 
    } 
    /* START css apply form added by Quang Nguyen 2022-6-20 */ 
      /* ==================================================================== 
      # START Custom View / edit online resume button  (Modded by Quang Nguyen - 2022-09-12)
    =================================================================== */
     
    a.view-edit-resume-btn:hover, a.view-edit-resume-btn:focus, a.view-edit-resume-btn:active {
    z-index:25;
    background-color:#ff0;
    }
    a.view-edit-resume-btn span {
        position: absolute;
        left: -9000px;
        width: 0;
        overflow: hidden;
    }
    a.view-edit-resume-btn:hover span, a.view-edit-resume-btn:focus span, a.view-edit-resume-btn:active span {
        display:block;
        position:absolute;
        top:-2.5em; left:0em; width:12em;
        border:1px solid #0cf;
        border-radius: 10px;
        background-color:#cff;
        color:#000;
        text-align: center;
    }
    
    /* ==================================================================== 
      # STOP Custom View / edit online resume button  (Modded by Quang Nguyen - 2022-09-12)
    =================================================================== */
    /* Latest Jobs Listing - Added 07042021 */
    .jlists-container .jlists-leftcol,
    .jpreview-container .jlists-leftcol {
        width: 75px!important;
        vertical-align: middle!important;
    }
    .jlists-container .jlists-leftcol .jobs-img,
    .jpreview-container .jlists-leftcol .jobs-img {
        width: 75px!important;
        height: 75px!important;
        vertical-align: middle!important;
    }
    .jlists-container .jlists-rightcol,
    .jpreview-container .jlists-rightcol {
        width: 100% !important;
    }
    /* Top Search Engine */
    .job-searchform input[type="text"] {
        width: 95% !important;
    }
    /* Contact Form */
    #ctopheader-leftcol .topleftcol-title {
        font-size: 22px !important;
        margin-top: 5px !important;
    }
    #ctopheader-leftcol .topleftcol-desc {
        text-align: center !important;
    }
    #ctopheader-rightcol .toprightcol-icon {
        float: none !important;
        width: 45% !important;
        margin-top: 10px !important;
    }
    #ctopheader-rightcol .toprightcol-title {
        font-size: 24px !important;
        margin-top: 5px !important;
    }
    #faqs-container .ac-container label {
        font-weight: 300 !important;
        font-size: 15px !important;
    }
    #faqs-container .ac-container label:after {
        display: none !important;
    }
    #faqs-container .ac-container article article h3 {
        font-size: 18px !important;
    }
    #cformheader-box {
        width: 100% !important;
    }
    #cformheader-leftcol,
    #cformheader-rightcol {
        width: 100% !important;
    }
    #cformheader-box .cheader-icon1,
    #cformheader-box .cheader-icon2 {
        margin-top: 10px !important;
        margin-bottom: 20px !important;
    }
    #cformheader-box .cheader-title {
        font-size: 18px !important;
    }
    #cformheader-box .cheader-text {
        font-size: 13px !important;
    }
    #cformheader-box #cheader-descbox #chatbutton {
        width: 150px !important;
    }
    /* Footer */
    .bottom-nav {
        width: 45% !important;
    }
    #app-desc {
        display: none !important;
    }
    #app-buttons {
        width: 65% !important;
    }

    /* Online Resume Button - Individual Job Page */
    #onlineresumebtn-container {
        display: none !important;
    }
    #onlineresumebtn2-container {
        width: 100% !important;
        display: block !important;
        text-align: center !important;
        border-top: 1px solid #E4E4E4 !important;
        margin: 15px 0 !important;
        padding-top: 15px !important;
    }
    #onlineresumebtn2-container .onlineresumebtn-box {
        max-width: 380px !important;
        width: auto !important;
        margin: 0 auto !important;
    }
    #onlineresumebtn2-container .onlineresumebtn-box img {
        width: 100% !important;
    }
    #authorheader-container .authorheader-content .profile-info {
        padding: 25px 0px 0px 0px!important;
    }
    #authorheader-container .authorheader-content .profile-info h1 {
        font-size: 18px!important;
    }
    #authorheader-container .authorheader-content .profile-info .website {
        font-size: 14px!important;
    }
    li.jobpacks-list .packs-description .packsdesc-leftcol {
        font-size: 18px!important;
        padding: 15px!important;
    }

    /* Single Page (Job Listing) */
    .single-job_listing .jobs-stat {
        float: none!important;
        width: 200px!important;
        line-height: 26px !important;
        margin: 15px auto 10px auto!important;
    }
    
    .single-job_listing #wpusb-container-square-plus {
        display: flex!important;
        align-items: center!important;
        justify-content: center;
        float: none!important;
        width: 200px!important;
        margin: 0px auto 10px auto !important;
    }

    /* Resume Section */
    a.edit_resume, 
    a.delete_resume {
        display: block!important;
        width: 100%!important;
        text-align: center!important;
        margin-left: auto!important;
        margin-right: auto!important;
    }
    a.edit_resume {
        margin-bottom: 10px!important;
    }

    /* Author Page */
    #authorheader-container .authorheader-content {
        display: flex;
        flex-wrap: wrap;
    }
    #authorheader-container .authorheader-content .profile-avatar {
        margin: 0px auto 15px auto!important;
    }
    #authorheader-container .authorheader-content .profile-info {
        width: 100%!important;
        margin-bottom: 25px!important;
        padding: 0px!important;
        text-align: center!important;
    }
    #authorheader-container .authorheader-content .profile-info h1 {
        margin-bottom: 5px!important;
    }
}

@media screen and (max-width: 450px) {
    .modal-dialog {
        max-width: 335px!important;
    }
}

@media screen and (max-width: 400px) {
    /* Tabs for JQuery */
    .ctabs a {
        padding: 10px 0px 10px 0px !important;
    }

    /* Whatsapp Button - Individual Job Page */
    #whatsappbtn-container {
        display: none!important;
    }
    #whatsappbtn2-container {
        width: 100%!important;
        display: block!important;
        text-align: center!important;
        border-top: 1px solid #E4E4E4!important;
        margin: 15px 0px 15px 0px!important;
        padding-top: 15px!important;
    }
    #whatsappbtn2-container .whatsappbtn-box {
        max-width: 380px!important;
        width: auto!important;
        margin: 0px auto 0px auto!important;
    }
    #whatsappbtn2-container .whatsappbtn-box img {
        width: 100%!important;
    }
     /* ==================================================================== 
      # START Custom View / edit online resume button  (Modded by Quang Nguyen - 2022-09-12)
    =================================================================== */
     
    a.view-edit-resume-btn:hover, a.view-edit-resume-btn:focus, a.view-edit-resume-btn:active {
    z-index:25;
    background-color:#ff0;
    }
    a.view-edit-resume-btn span {
        position: absolute;
        left: -9000px;
        width: 0;
        overflow: hidden;
    }
    a.view-edit-resume-btn:hover span, a.view-edit-resume-btn:focus span, a.view-edit-resume-btn:active span {
        display:block;
        position:absolute;
        top:-2.5em; left:0em; width:12em;
        border:1px solid #0cf;
        border-radius: 10px;
        background-color:#cff;
        color:#000;
        text-align: center;
    }
    
    /* ==================================================================== 
      # STOP Custom View / edit online resume button  (Modded by Quang Nguyen - 2022-09-12)
    =================================================================== */

}


/* Maximum width of 350 pixels. */

@media screen and (max-width: 350px) {
    /* Footer */
    #fbox-nav {
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .bottom-nav {
        width: 100% !important;
        margin: 0 auto !important;
    }
     /* START css apply form added by Quang Nguyen 2022-6-20 */ 
    #create-resume-apply span a { 
       
        padding: 5px 5px 5px 5px!important; 
        
    } 
    #create-resume-apply span { 
        white-space: nowrap; 
    } 
    .view-edit-resume-btn { 
        padding: 5px 5px 5px 5px!important; 
    } 
    .view-edit-resume-btn-wrap span { 
        white-space: nowrap; 
    } 
    /* STOP css apply form added by Quang Nguyen 2022-6-20 */
     /* ==================================================================== 
      # START Custom View / edit online resume button  (Modded by Quang Nguyen - 2022-09-12)
    =================================================================== */
     
    a.view-edit-resume-btn:hover, a.view-edit-resume-btn:focus, a.view-edit-resume-btn:active {
        z-index:25;
        background-color:#ff0;
    }
    a.view-edit-resume-btn span {
        position: absolute;
        left: -9000px;
        width: 0;
        overflow: hidden;
    }
    a.view-edit-resume-btn:hover span, a.view-edit-resume-btn:focus span, a.view-edit-resume-btn:active span {
        display:block;
        position:absolute;
        top:-2.5em; left:0em; width:12em;
        border:1px solid #0cf;
        border-radius: 10px;
        background-color:#cff;
        color:#000;
        text-align: center;
    }
    
    /* ==================================================================== 
        # STOP Custom View / edit online resume button  (Modded by Quang Nguyen - 2022-09-12)
    =================================================================== */

}

@media only screen and (min-width: 240px) and (max-width:479px) {
    form.main_form input.text,
    form.main_form textarea,
    form.main_form select {
        width: 95%;
    }
    form.main_form p label {
        float: left;
        margin: 0
    }
}


/*==================================================================== 
  #Responsive For Mobile(Landscape)
=================================================================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* Job search form */
    .submit-job a {
        background-position: 30%
    }
    form.main_form input.text,
    form.main_form textarea,
    form.main_form select {
        width: 95%;
    }
    form.main_form p label {
        float: left;
        margin: 0
    }
}


/* #Mobile Menu
=================================================================== */

.btn-navbar {
    display: none;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.4);
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.2));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.2));
    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.2));
    margin: 7px 5px !important;
    padding: 7px 10px !important;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.075), 0 0 5px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.075), 0 0 5px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(255, 255, 255, 0.075), 0 0 5px rgba(255, 255, 255, 0.1);
}

.btn-navbar .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    background: #f5f5f5;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    border-radius: 1px;
}

.btn-navbar .icon-bar+.icon-bar {
    margin-top: 3px;
}

.nav-collapse.collapse {
    height: auto;
    overflow: visible;
}

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    overflow: visible \9;
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    transition: height 0.35s ease;
}


/*==================================================================== 
  #Responsive Navigation Menu
=================================================================== */

@media only screen and (max-width: 720px) {
    #sj-logo {
        display: none !important;
    }
}

@media only screen and (max-width: 1200px) {
    #sj-logo {
        margin-left: 15px !important;
    }
    nav {
        background: #000000;
        display: block;
        width: auto !important;
        height: auto;
        position: relative !important;
        border-bottom: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }
    nav ul {
        display: none;
        height: auto;
    }
    nav li {
        width: 100% !important;
        position: relative;
    }
    nav li a {
        border-bottom: 1px solid #222222;
        padding-left: 25px;
        width: 100% !important;
    }
    nav a {
        text-align: left;
        width: auto !important;
        margin: 0 auto !important;
    }
    nav li a:hover {
        background-color: #222222;
    }
    /* --25th Nov-- */
    nav li.dropdown a img {
        display: none !important;
    }
    nav li ul {
        display: block !important;
        position: static !important;
    }
    nav li:hover ul {
        display: block;
        width: 100%;
    }
    nav li ul li {
        background: #000000!important;
        width: 100%;
    }
    nav li ul li a {
        padding-left: 45px !important;
        font-weight: 300 !important;
        font-size: 12px !important;
        text-shadow: 1px 1px #000000 !important;
    }
    nav li ul li a:before {
        content: "" !important;
    }
    nav #pull {
        display: block;
        position: relative;
    }

    /*  Top Search Engine Container - Added 07042021 */
    .jobsearch-container {
        padding: 0px!important;
    }
    /* Latest Jobs Listing - Added 07042021 */
    .page-template-latestjobs .sidebar.col4 {
        width: 32.5%!important;
    }
    /*.page-template-latestjobs .content.col8 {*/
    /*    width: 66%!important;*/
    /*}*/
    .jtaxs-container {
        width: 100% !important;
        display: flex;
        flex-wrap: wrap;
    }
    .jtaxs-leftcol {
        width: 100%;
        margin: 0px;
    }
    .jtaxs-rightcol {
        width: 100%;
        margin: 0px;
    }
    .job .type {
        float: none!important;
    }
    .jtaxs-rightcol .type>span.button {
        float: left!important;
        margin: 3px 3px 3px 0px!important;
    }
       #bbutton01{
        width:80%;
    }
     #most-popular-btn{
         width:80%;
         
     }
     .row-faq .sidebar{
    width:30%;
    }
}


/* Set Mobile menu style for tablet and below
------------------------------------------------------------------- */

@media (max-width: 977px) {
    .container:after,
    .container:before {
        content: '';
        display: table;
    }
    .container:after {
        clear: both;
    }
    .container {
        zoom: 1;
    }
    .menu-select {
        text-align: center;
    }
    .nav-collapse {
        clear: both;
    }
    .nav-collapse ul,
    .navigation ul li {
        float: none !important;
        display: block !important;
    }
    .nav-collapse.collapse>div {
        margin-bottom: 20px;
    }
    .nav-collapse,
    .nav-collapse.collapse {
        height: 0;
        overflow: hidden;
    }
    .btn-navbar {
        display: inline-block;
    }
    /* Header
  	----------------------------------------------------------------- */
    .logo {
        width: 100%;
        left: 0;
    }
    .logo img {
        display: inline-block;
        width: auto;
        max-height: 170px
    }
    .header-nav {
        margin-bottom: 20px;
        padding-left: 0;
        margin-bottom: 0;
    }
    .header .navigation {
        width: 91%;
        margin-left: 2%;
        position: relative;
        margin-bottom: 50px;
        margin-top: 45px;
        height: 30px
    }
    .nav-join {
        text-align: center;
        display: none
    }
    .nav-join li {
        float: none;
        display: inline-block;
        margin-bottom: 10px
    }
    .user-info .avatar {
        margin-left: 0
    }
    .select-menu {
        width: 100%;
        display: block
    }
    .nav-left,
    .nav-right {
        display: none
    }
    .mobile-menu {
        clear: both;
        margin-bottom: 50px;
        text-align: center;
    }
    /* Widget
	----------------------------------------------------------------- */
    /*.widget_colabs_jobsort .widget-title {
        background: none !important;
    } */
    /* Sub Menu
  	----------------------------------------------------------------- */
    .nav-collapse {
        text-align: left;
    }
    .nav-join li {
        float: none;
        display: block;
        margin: 0;
    }
    .nav-join li a {
        display: block;
        padding: 8px 4px;
        text-shadow: 0 1px rgba(0, 0, 0, 0.5);
        color: #FFFFFF;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
    }
    .nav-join li a:hover {
        background: #091a37;
        color: #FFCC00;
    }
    .nav-join {
        background: url('images/custom/nav-blacktransparent25.png') repeat;
        border-top: 1px solid rgba(0, 0, 0, 0.2);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .nav-collapse ul ul {
        height: auto !important;
        display: block !important;
        visibility: visible !important;
        position: static;
        border: none;
        margin-left: 20px;
        width: auto;
        float: none;
        width: auto !important;
        opacity: 1 !important;
        position: static !important;
        background: none !important;
    }
    .nav-collapse ul ul li {
        border: none;
        width: auto;
    }
}

@media (min-width: 980px) {
    /* Top Navigation */
    .nav-collapse.collapse {
        height: auto !important
    }
}

#reset-success-msgbox{
    color:black!important;
}

/* START google recaptcha styling */
@media only screen and (max-width : 480px) {
    
	.g-recaptcha{
    transform:scale(0.8,0.8);
    margin-top: -2%;
    margin-left: -10%;
  }
}
/* END google recaptcha styling */

/*START sweetalert2 styling */
.swal2-popup {
  font-size: 1.4rem !important;
}
/* END  sweetalert2 styling */


/* START Responsive fix 
*/
@media only screen and (max-width: 1500px) {
    #testimonial-content-box {
        height: 300px;
        
    }
     #more-testi div{
        width: 70%;
    }
   
     #testimonial-content-box .company-name{
        font-size:23px;
    }
}
@media only screen and (max-width: 1200px) {
    #testimonial-content-box {
        height: 400px;
        
    }
    #fnav-container{
        flex-wrap:wrap;
    }
  

}
@media only screen and (max-width: 1095px) {
     #testimonial-content-box {
        height: 450px;
        
    }
    .row-faq .faq-wid{
        width:100%;
    }
    
    
}

@media only screen and (max-width: 1000px) {
     #testimonial-content-box {
        height: 320px;
        
    }
    .mypackages_section .packages  .post-table-image{
        width:100%!important;
    }
    .row-faq{
        display:flex;
        flex-direction: column-reverse;
    }
    .row-faq .sidebar{
        width:100%!important;
    }
    /*.sidebar.usercolumn.col4{*/
    /*    display:block!important;*/
    /*    width:100%!important;*/
    /*}*/
    /*.row{*/
    /*    display:flex;*/
    /*    flex-direction: column-reverse;*/
    /*}*/
    .guide-sidebar-guest{
        width:100%!important;
    }
    .row-faq{
        margin-top:0px!important;
    }
}
@media only screen and (max-width: 898px) {
     #testimonial-content-box {
        height: 450px;
        
    }
   
    #sj-logo {
        margin-left: auto !important;
        margin-right: auto !important;
    }
     .employer-dashboard .section-header, .user-dashboard .section-header{
         padding-left:0px;
     
     }
}
@media only screen and (max-width: 780px) {

    .sidebar{
        width:100%;
    }
     #testimonial-content-box {
        height: auto;
        
    }
    #page-contentbox{
        height:1280px;
    }
    /* #testimonial-content-box .company-name{*/
    /*    font-size:18px;*/
    /*}*/
    .company-testimo{
        font-size:18px;
    }
    #testimonial-cellbox{
        width:100%;
        margin:10px 0px 10px 0px;
    }
    #jobplan-cellbox{
        width:100%;
    }
    #jobplan-contentbox {
    	margin-top: 3%;
	}
	#most-popular-btn{
	    width:50%;
	}
    #bbutton01{
        width:50%;
    }
}
@media only screen and (max-width: 600px) {
    
    /* START Tab Selection modify by Quang Nguyen 2022-6-22*/
    .ctabs {
        height: 43px;
        margin-left: 15px !important;
        margin-right: 15px !important;
        display: inline-block;
        width: 96%;
        text-align: center;
    }
    
    body.page-login{
         background-color: #efefef;
    }
    .tab_formbox{
        background-color:#ffffff;
        border:0px solid #ffffff;
         display: block;
        width: auto !important;
        z-index: 2;
        padding: 25px;
        margin-bottom: 15px;    
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
        
    }
    .loginreg-leftcol{
        background-color:white;
        padding-top: 20px;
        border-radius: 5px;
    }
    .ctabs a {
        background: #ffffff;
        display: inline-block;
        z-index: 1;
        cursor: pointer;
        font-size: 25px !important;
        font-weight: 700 !important;
        font-family: 'Raleway', San-Serif;
        position: relative;
        display: inline-block;
        line-height: normal !important;
        /*color: #222222;*/
        text-transform: uppercase;
        text-decoration: none;
        padding: 14px 65px 10px;
        border-bottom: 2px solid #CCCCCC;
        border-top-right-radius: 10px;
        border-top: 0px solid #E8E8E8;
        border-left: 0px solid #E8E8E8;
        border-right: 0px solid #E8E8E8;
        width: 48%;
        padding:14px 10px 14px 10px!important;
        
    }
    .ctabs a span{
        display: block;
        font-size: 14px !important;
        font-weight: normal;
        text-transform: none;
    }
    #user-type-label {
        margin: 0px 0px 20px 0px;
        text-align: center;
        color: #888888;
        font-size: 2.5rem;
        font-weight: bold;
        line-height:25px;
    }
    .ctabs a.selected { 
        z-index: 1;
        width: auto !important;
        color: #009AD8;
        border-bottom: 2px solid #009AD8;
        width: 48%!important;
        background-color:#ffffff ;
    }
    
    .ctabs-sub label{
        display: grid;
        font-size: 12px !important;
        font-weight: normal;
        text-transform: none;
        width:50%;
    }
    #js-ctabs-label {
        float: left;
        color:#444444;
    }
    
    #js-ctabs-label input[type=radio] {
        display: none;
    }
    #jl-ctabs-label input[type=radio] {
        display: none;
    }
    #js-ctabs-label span{
        display: block;
        float: left;
        font-size:10px;
        font-weight:300;
           line-height:10px;
    }
    #jl-ctabs-label span{
        float: right;
        font-size:10px;
        font-weight:300;
        line-height:10px;
    }
    
    /* STOP Tab Selection modify by Quang Nguyen 2022-6-22*/
    
    /* ==================================================================== 
      # Start Register form mobile quang nguyen 2022-9-4
    =================================================================== */
    .ctabs-usertype {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin: 10px 0 0 0px ;
    }
    .tab-user-label{
        padding-left: 10px;
        display:block;
    }
    
    .ctabs-usertype div { 
        z-index: 1;  
        
    }
    .ctabs-usertype .fa-briefcase{
        font-size: 5rem;
    }
    .ctabs-usertype .fa-user-circle{
        font-size: 5rem;
    }
    .new-reg {
        display:flex;
    }
    .regis-fa-newreg{
        font-size: 10px!important;
        background-color: #ababab;
        padding: 5px 20px 5px 20px;
        color: white;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    #fa-reg-lock{
        padding: 13px 25px 5px 25px;
        font-size:20px!important;
    }
    #fa-reg-user{
        padding: 10px 25px 5px 23px;
        font-size:20px!important;
    }
    #fa-reg-phone{
        padding: 10px 23px 5px 23px;
        font-size:20px!important;
    }
    #fa-reg-email{
        padding: 10px 20px 5px 23px;
        font-size:20px!important;
    }
    #register-form-showHide{
        padding-top:20px;
    }
    #customform-container input[type="tel"],
    #customform-container textarea{
    
        background: #ebebeb !important;
        display: block;
        max-width: 100% !important;
        width: 100% !important;
        padding: 10px 6px;
        color: #999999;
        font-size: 12px !important;
        border-left: 1px solid #CCCCCC !important;
        border-right: 1px solid #EEEEEE !important;
        border-top: 1px solid #CCCCCC !important;
        border-bottom: 1px solid #EEEEEE !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .ctabs-usertype div.selected { 
        z-index: 1;
        width: auto !important;
        /*color: #009AD8;*/
        /*background:transparent!important;*/
        width: 50%!important;
    }
    #jl-regis {
        
        border-top-right-radius: 20px;
        border-top-left-radius:20px;
        border-bottom-left-radius:20px;
        display: flex;
        padding: 10px 5px 10px 5px;
        margin: 0;
        height:70px;
        text-align: center;
        width:50%;
        justify-content: center;
        border-top:solid 1px lightgray;
        background-color: #ffffff;
    }
    #js-regis {
        
        border-top-right-radius: 20px;
        border-top-left-radius:20px;
        display: flex;
        padding: 10px 5px 10px 5px;
        margin: 0;
        height:70px;
        text-align: center;
        width:50%;
        justify-content: center;
        border-top:solid 1px lightgray;
         background-color: #ffffff;
    }
  
    #job_lister_rad{
        filter: blur(100px);
        display: none;
    }
    #job_seeker_rad{
        filter: blur(100px);
        display: none;
    }
    
  
   .ctabs-usertype #js-regis .logo-box{
         color:#444444;
    }
    .ctabs-usertype div.selected .logo-box{
        /*color:#009AD8;*/
    }
    #jl-regis:hover .jl-ctabs-label{
        color:#009AD8;
    }
    
    .ctabs-usertype div  label{
        padding-top:5px;
        color: #a9a9a9;
        width: 100%;
        height: 100%;
        display: flex;
        font-size: 16px;
        cursor: pointer;
        font-weight: 600;
        line-height: 20px;
        flex-direction: column;
        align-items: flex-start;
    }
    .ctabs-usertype div input[id$="ctabs-label"]:checked + label{
        background-color: #fff;
        color: #1c1c1c;
    }
    
    .ctabs-usertype div input[id$="ctabs-label"]:checked ~ .tab_content{
        display: inline-block;   
    }
    /* ==================================================================== 
      # Stop Register form mobile quang nguyen 2022-9-4
    =================================================================== */
    .post-container{
        padding: 0px;
    }
    .post-header {
        line-height:30px;
    }
    #testimonial-content-box{
        padding: 30px;
    }
     #testimonial-content-box{
         height:auto;
     }
     
     /* Job active page */
   
    #page-contentbox {
        height: 1240px;
    }

    /* Job active page */
    .row-faq{
        display:flex;
        flex-direction: column-reverse;
    }
    .row-faq .sidebar {
        width:100%!important;
    }
    .row-faq .content.usercolumn.col8{
        width:100%!important;
    }
     #customform-container-login>.form-leftcol{
      float: none!important;
        width: 100%!important;
        margin-bottom: 10px!important;
    }
     #customform-container-login>.form-rightcol {
      float: none!important;
        width: 100%!important;
        
    }
   
   
}


@media only screen and (max-width:500px) {
   
    .logo-box {
        padding-top:20px;
    }
    .ctabs-usertype .fa-user-circle{
        font-size: 40px;
    }
    .ctabs-usertype .fa-briefcase{
        font-size: 40px;
    }
    .tab-user-label{
        padding-left:1px;
    }
    #faq-page-title{
        line-height:30px;
    }
    
     #more-testi{
         width:100%;
     }
    .ctabs-usertype div{
        padding-top:5px;
        padding-left:5px;
    }
    .ctabs a{
        /*font-size: 15px;*/
        padding:0px;
    }
    
}

@media screen and (max-width: 400px) {
   
     #more-testi{
         width:100%;
     }
     .employer-dashboard form.main_form p.dualbuttons_section input[type="submit"]{
        width:100%!important;
        margin-top:5px!important;
    }
    .loginreg-leftcol .ctabs{
        width:90%;
    }
    .ctabs-usertype .logo-box{
        padding-top:20px;
    }
    .ctabs a{
        /*font-size:14px!important;*/
        padding:1px;
        
    }
    .ctabs a span{
        font-size:10px;
    }
    
    
    .ctabs-usertype .fa-briefcase{
        font-size:30px;
    }
    .ctabs-usertype .fa-user-circle{
        font-size:30px;
    }
    #js-ctabs-label{
        font-size:12px;
    }
    #js-ctabs-label span{
        font-size:10px;
    }
    #jl-ctabs-label{
        font-size: 12px;
    }
    #jl-ctabs-label span{
        font-size:10px;
    }
    #js-regis {
        height:80px;
    }
    #jl-regis {
        height:80px;
    }
}
@media screen and (max-width: 380px) {
    .g-recaptcha{
       transform:scale(0.6,0.6);
       margin-top: -2%;
       margin-left: -20%;
 }
}

@media screen and (max-width: 350px) {
      #js-regis {
        height:100px;
    }
    #jl-regis {
        height:100px;
    }
}

/* Landscape*/
@media only screen and (min-width: 768px) and (max-width: 1050px) {
    .faq-wid {
        float:right;
        width:73%;
    }
}

/* STOP Responsive fix */