body        {min-width: 1024px;}
body,form   {padding:0px;margin:0px;}
#nv-logo    {width:120px;vertical-align: middle;margin:0px 20px 0px 10px}
#nv-menu    {padding: 20px 0px 10px 170px;background-color:#FAFAFA;border-bottom:1px solid #EBEBEB;}
#nv-k,#nv-l {width:260px;padding:8px 10px 8px 36px;font-size:16px;border-radius:2px;box-shadow:0 3px 1px -2px #ccc;border:1px solid #DADADA;margin: 0px 5px 0px 0px;box-sizing: content-box;}
#nv-k-holder,#nv-l-holder{display:inline-block;position:relative;padding-bottom: 10px;margin-bottom: -10px;}
#nv-s       {padding:9px 30px 9px 30px;font-size:16px;border:none;background-color:#29ADE4;color:white;cursor:pointer;box-shadow:0 3px 1px -2px #ccc;outline:none;}
#nv-s:active{position:relative;right:-1px;top:1px;}
#nv-clear, #nv-clear-l {position: absolute;display: none;}
#nv-content {margin:0px 0px 0px 170px;min-height: 100%;width: 971px;}
#nv-jobs    {margin: 0px;min-height: 500px;position: relative;width: 617px;display: inline-table;/* float: left; */}
#nv-count   {color:#808080;font-size:13px;margin:14px 0px 14px 0px;min-height: 18px;}
#nv-padding {margin: 0px;position: absolute;bottom: -20px;width: 100%;}
#menu-container {min-width: 1024px;}
div#top-bar-right {z-index: 1;}
#nv-icon-search{width:20px;height:20px;position:absolute;left:8px;top:10px;opacity:.3;}

/* filter city,country,etc - tooltiptext= orange bar */
#icon-location{position:absolute;top:1px; left: 1px; height: 37px; width:37px; z-index: 2;}
.oc-landing {display: inline-flex;height: auto;position: relative;right: 199px;top: 20px;width: 520px;background: white;padding: 20px;overflow: visible;box-shadow: 1px 1px 7px gray;height: 541px;}
.oc-landing:after, .oc-landing:before {bottom: 100%;left: 35%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.oc-landing:before {border-color: rgba(194, 225, 245, 0);border-bottom-color: rgb(225, 225, 225);border-width: 19px;}
.oc-landing::after {    border-bottom-color: #ffffff;border-width: 17px;margin-left: 2px;}
.close-flag-list {position: absolute;right: 19px;top: 13px;}
.close-flag-list img {width: 10px;height: auto; cursor: pointer;}
ul.continent-group {border: none;margin-top: 0px;overflow: visible;max-height: inherit;padding-right: 40px;width: initial;text-align: center;float: left;height: auto;}
ul.continent-group a { margin-top: 0px;  width: 128px;    font-size: 12px;    text-align: left;    height: initial;    white-space: nowrap;    line-height: initial;}
ul.continent-group div {height: 24px;}
ul.continent-group a {background-position: 3px 3px;text-overflow: ellipsis;overflow: hidden;}
ul.continent-group-list {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;list-style: none;/* overflow: visible; */}
ul.continent-group-list li {white-space: nowrap;/* overflow: visible; */overflow: hidden;text-overflow: ellipsis;width: 80%;}
li.continent-name {font-weight: 500;padding: 5px 0px;text-align: left;padding-left: 2px;font-size: 14px;white-space: nowrap;}
li.continent-name:hover {background: none;}
.pick-country li a {padding-left: 37px; }
.pick-country { position: absolute; padding: 1px 0px 0px; border: none; z-index: 500; top: 36px; left: 14px;}
ul#c-africa {position: absolute;top: 328px;right: 370px;background: none;}

.tooltiptext{width: 294px; background-color: #e07d4f;color: #fff;font-weight: 500;text-align: center;border-radius: 2px;padding: 5px 7px;margin-top:8px;position:relative;left:316px;}
.tooltiptext::after {content: "";position: absolute;bottom:28px;right:50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent #e07d4f transparent;}
.tooltiptext #marcx{font-weight: bold;float: right;padding-right: 5px;font-size: 11px;cursor: pointer;position: absolute;top: 1px;right: 1px;}
#option-holder{padding-top:5px;}

/* as*/


#nv-icon-search{width:20px;height:20px;position:absolute;left:10px;top:10px;opacity:.3;}

/* adsense blocks */
#adsense-box-top    {margin: 0px 10px 20px 0px;position: relative;margin-bottom: 26px;background-color: white;min-height: 0px;width: 560px !important;}      /* box-shadow: 0px 0px 5px #ccc;padding: 20px; */
#adsense-box-bottom {margin: 0px 10px 20px 0px;position: relative;margin-bottom: 26px;background-color: white;width: 560px !important;}      /* box-shadow: 0px 0px 5px #ccc;padding: 20px; */

/* jobs box */

.nv-jobs .job             {/* padding:0px 0px 26px 0px; */position:relative;min-height:110px;width: 560px;margin-bottom: 26px;/* cursor: pointer; */transition: all .3s ease-in-out;}
.nv-jobs .job .j-title    {padding-right: 58px;}
.nv-jobs .job .j-title h2 {text-overflow: ellipsis;white-space: nowrap;    overflow: hidden;}
.nv-jobs .job .j-info     {text-overflow: ellipsis;white-space: nowrap;    overflow: hidden;}

.nv-jobs .job h2          {margin:0px 0px 0px 0px;}
.nv-jobs .j-title *       {font-size: 18px;font-weight:400;font-family: Arial,"Open-Sans";}
.nv-jobs .j-title b       {font-weight:700}
.nv-jobs .job a           {text-decoration: none;color:#1a0dab}
.nv-jobs .job a:hover     {text-decoration: underline}
.nv-jobs .job a:visited   {color:purple;}

.nv-jobs .job .j-logo    {position:absolute;left:-0px;width:52px;top:0px;box-shadow:0px 0px 6px #ccc;padding:3px;border-radius:2px;}
.nv-jobs .job .j-snippet {font-size:13px;color:#545454;line-height: 18px;margin-left:70px;max-height: 57px;overflow: hidden;}
.nv-jobs .job .j-info    {padding:0px 0px 6px 0px;color: #006621;}
.nv-jobs .job .j-info div{display:inline-block;padding:0px 5px 0px 0px;}


#collapse-info-message{
    box-shadow: 0px 0px 5px #ccc;
    width: 100%;
    position: relative;
    left: -20px;
    margin-bottom: 28px;
    background-color: white;
    padding: 20px;
    width: 560px;
}
#collapse-info-message-content{
    transition: all 0.3s ease-out !important;
    padding-top: 11px;
}
.collapse-message-container{
    overflow: hidden;
}
.hide-message-content{
    display: none;
    opacity: 0;
}
.expand-message-container{
}
.show-message-content{
    visibility: visible;
    opacity: 1;
}

.job-snippet-logo-container {position:relative;}

/* jobs box card */
.job-card-multi {box-shadow:0px 0px 5px #ccc;padding:20px;width:100%;position:relative;left:-20px;margin-bottom:26px;background-color: white;width: 560px;}
.job-card-multi .job{padding-bottom:10px !important}
.j-other-job    {padding:6px 0px 6px 0px;border-top:1px solid #EAEAEA;text-overflow: ellipsis;white-space: nowrap;    overflow: hidden;}
.job-card-multi > .j-other-job:nth-child(2) {border-top:none;} /* whaaaaa. that was an hour of my time down the drain.... bug... feature ?  why child(2) when you want to select the 1st ???*/
.job-card-multi .job{margin-bottom:0px !important;padding-bottom: 0px !important;}
span.gojob {color: #1a0dab;}
.j-other-job-link {max-width:80%;text-overflow: ellipsis;    white-space: nowrap;display: inline-block;vertical-align: top;;    overflow: hidden; font-size: 18px !important;    font-weight: 400;    font-family: Arial,"Open-Sans";text-decoration:none;color:#1a0dab;}
.j-other-job-link:visited {color:purple;}
.j-other-job-link:hover{text-decoration:underline;}
.j-other-location  {color:#006621}
.j-other-locations {border-bottom: 1px dotted #006621;}
.j-other-locations:hover{cursor:pointer;}
.j-other-locations-container {padding:5px 10px 20px 20px;display:none;}
.j-other-locations-link {color:#006621 !important;}
.j-other-locations-link:hover {}
.j-other-locations-link-holder{color:#006621;white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
.job-card-show-more{cursor:pointer;border-top:1px solid #EAEAEA;position:relative;background-color:#F9F9F9;padding: 15px 20px 15px 20px;width:100%;text-align:center;left:-20px;bottom:-20px;}

/*Bottom*/

#box-alert-bottom-promo {position: relative; padding: 13px 10px; background: #29ADE4; color: #fff; font-weight: bold; margin: 2em 0 2em 0;}
#box-alert-bottom-promo::after {content: ""; position: absolute; top: 100%; bottom: auto; left: 3%; border-width: 16px 10px 16px 10px; border-style: solid; border-color: #29ADE4 transparent transparent transparent; display: block;}
#box-alert-bottom{background-color: #fff;}
#box-alert-bottom.blue-border-2{border: 2px solid #29ADE4 !important;}
#box-alert-bottom .aos-jc{text-align: left; position: relative; background: #f2f2f2; padding: 0px 0px 10px 0px;}
#box-alert-bottom .aos-dbg2 {width: 60px; height: 60px; border-radius: 3px; border: 1px solid white; float: left; margin: 5px 5px 10px 5px; display: inline;}
#box-alert-bottom .aos-emlw{width: 30px;margin: 17px 15px 5px 15px;}
#box-alert-bottom .aos-jt {width: 453px; overflow: hidden; padding: 5px 0px 0px 5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#box-alert-bottom .aos-je {left: 65px; top: 40px; width: 445px; height: 30px; overflow: hidden; padding-left: 5px; padding-top: 7px;}
#box-alert-bottom .aos-eml0 {padding: 4px;  width: 200px;}
#box-alert-bottom .aos-cal {color: white; font-size: 12px; padding: 5px 10px 5px 10px; border-radius: 1px}
.this-class-color-bg{background-color: #29ADE5}
.bb { background-color: #29ADE4;  text-decoration: none;}
.aos-jt { color: #595959;}


.nv-jobs .job .j-sponsored    {background-color: #ccc;position: absolute;right: 35px;top: 2px;padding:0px !important;width:16px;transition: all .3s ease-in-out;height:16px;border-radius: 20px;}
.nv-jobs .job .j-sponsored img{position:relative;width: 12px;left:2px;top:0px;}

/*.j-is_sponsored{padding:0px 2px 0px 2px !important;border:1px solid green;border-radius:4px;font-size:11px}*/

/* pagination */
.pagination {padding: 30px 0px 20px 0px;text-align: center;width: 560px;}
.pagination span:hover{/* background-color:#EBE9E9; */cursor:pointer;}
.pagination a{text-decoration: none;}
.page:hover{background-color:#eee;}
.page:active{position:relative;left:1px;top:14px !important;}
.pagination .page-first    {width:30px;padding:8px 0px 8px 0px;display: inline-block;text-align:center;margin-right:10px;}
.pagination .page     {display: inline-block;text-align:center;width: 30px;height: 30px;background-size: 27px;background-repeat: no-repeat;border-radius:30px;padding:4px 4px !important;background-position: center;position: relative;top: 13px;}
.pagination .page-previous {/* width:30px; *//* padding:8px 0px 8px 0px; *//* display: inline-block; *//* text-align:center; */}
.pagination .page-number   {width: 25px;padding:8px 0px 8px 0px;display: inline-block;text-align:center;color: #525252;line-height: 10px;margin: 0px 3px;}
.pagination .page-selected {background-color:#29ADE4;color: white;border-radius: 50px;height: 9px;padding:10px 2px;}
.page-next  {margin-left: 0px;}

/* register email alert here */

.clpop-up {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    background: rgba(212,212,212,.64);
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
}

.clpop-up>div {
    width: 100%;
    max-width: 400px;
    position: relative;
    margin: 14% auto;
    background-color: #fff;
    box-shadow: 0 0 12px 4px #B4B4B4;
    border: 1px solid #bbb;
}
#login-up {
    width: 100%;
}
.border-strip {
    background: url(/V4/img/pop_alert_strip.png) no-repeat;
    width: 100%;
    height: 6px;
}
.close-pop-mr {
    float: right;
    margin-top: 2px;
    margin-right: 6px;
    cursor: pointer;
    width: 12px;
}
.tpu {
    text-align: center;
    color: #3AB0F2;
    font-family: "Open Sans";
    font-weight: 300;
    font-size: 20px;
    padding: 15px;
}
.clc-up {
    padding: 0px 20px;
    font-size: 12px;
}
.register-t {
    width: 90%;
    margin-left: 4%;
}
.clc-up td, .clc-up b {
    font-size: 12px;
    text-align: justify;
}
.error-text {
    color: #ACACAC;
    padding-bottom: 10px;
}
.inp-pop {
    width: 100%;
    height: 22px;
    border-radius: 0px;
}
div.div-sub-up {
    padding: 30px 0px;
    text-align: right;
}
.bb-up {
    background-color: #29ADE4;
    text-decoration: none;
    padding: 5px 15px;
    color: white;
    font-size: 12px;
    cursor: pointer;
}
.ant {
    text-decoration: none;
    color: black;
    font-size: 11px;
    margin-right: 10px;
}
/* advanced filters css */
#nv-filters   {padding:5px 0px 0px 0px;}
.item-label   {font-size:13px;}
.af-darrow    { font-size: 9px; padding-left: 3px; position: relative; top: 0px; }
.af-listCheck { width:22px;display:inline-block;padding-left:3px;text-align:center;}
.filter-item  {display:inline-block;color: #aaa;cursor:pointer;margin-right:18px; #filter-clearspan: top:0px;}
.mod-drop-check{font-weight:bold}
.hasVal{color: #000 !important;font-weight: bold;}
.anyVal:hover,.isHover{color: #777!important;}
.list-items li{padding: 7px 20px 7px 1px;background: white;cursor: pointer;}
.list-items li:hover {            background-color: #f5f5f5;        }
.list-items li.active {            cursor: pointer;            color: #000;        }
.list-items li.disabled {            cursor: default;            color: #aaa;        }
.list-items li input[type=text]{            padding: 2px 4px;            width: 150px;        }
.modal-open {            position: fixed;            left: 50%;            margin-left: -37%;            overflow-y:scroll;        }
#filter-clear {color: black;display: none;top: 0px;font-weight: bold;}
#filter-clear span {font-size: 13px;padding-left: 4px;top: 0px;}
.list-items{
    list-style:none;
    background: white;
    box-shadow: 1px 2px 5px rgba(0,0,0,0.1);
    border: 1px solid #ccc;
    padding-left:0px;
    position:absolute;
    display:none;
    overflow-y: auto;
    overflow-x:hidden;
    max-height:358px;
    z-index: 1000;
    font-size:13px !important;
}

/* flag */
a.current-ct {padding: 0px;font-size: 12px; height: 33px; line-height: 28px; position: absolute; top: 3px;background-size: auto}
.triangle, .showmore {  top: 3px; position: absolute; left: 25px;}

/* Salary module*/

#average-salary-box {width: 107%;height: auto;margin-top: 10px;border-radius: 0;box-shadow: 0px 0px 5px #ccc;background: #fff;display: none;margin-left: -20px;}

.highlight {
    font-weight: bold;
}

#average-salary-graph {
    width: 100%;
    padding: 0px 0px 10px;
    margin-top: -25px;
}
.bar-salary-holder:first-of-type {
    font-weight: 600;
}
.bar-salary-holder {
    width: 100%;
    display: inline-flex;
}
.bar-salary-holder span {
    margin-left: 20px;
}
.salary-bar {
    height: 20px;
    background-color: #11708E;
    margin: 5px 0px 20px;
}
.median-bar {
    height: 20px;
    background-color: #00B1F4;
    margin: 5px 0px 20px;
}
.minimum-bar {
    height: 20px;
    background-color: #73D9FF;
    margin: 5px 0px 0px;
}
.salary-grafic {
    position: absolute;
    left: 0px;
    margin-top: -300px;
    margin-left: 800px;
}

.salary-average-grafic {
    position: relative;
    top: 40px;
    left: 51px;
}

.salary-min-grafic {
    position: relative;
    top: 205px;
}

.salary-max-grafic {
    position: relative;
    left: 330px;
    top: 220px;
}

.salary-grafic img {
    height: 190px;
    width: auto;
}
.content-salary {
    display: flex;
    padding-bottom: 20px;
}

.salary-snippet {
    width: 90%;
    padding-left: 5px;
    margin-top: -20px;
}
.header-salary {
    padding: 20px 15px 10px;
}

.avg-salary-title {
    font-size: 22px;
    font-weight: 100;
}

.salary-title {
    font-weight: 600;
    font-size: 17px;
    padding-bottom: 20px;
}
.viewmore-salary {
    padding: 0px 10px;
    margin-top: -10px;
}
.viewmore-salary a {
    text-decoration: none;
    color: #2D21C3;
}
.salary-bars {
    width: 90% !important;
}
/* related jobs module*/

.related-jobs-list {
    column-count: 3;
    column-span: none;
    column-gap: 40px;
    max-width: 700px;
}

div#footer-new {
    background-color: #404040;
    height: 100%;
    background-color: #F2F2F2;
    padding: 10px 0px 10px 0px;
    border-top: 1px solid #E4E4E4;
}

.r-job {
    color: #dedede;
    /* display: inline; */
    width: 100%;
    font-size: 12px;
    clear: both;
    margin-bottom: 2px;
}

.related-jobs-title {
    color: #29ADE4;
    font-size: 24px;
    padding-top:20px;
    padding-bottom:10px;
}
.r-title {
    max-width: 225px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: inherit;
    margin-right: 5px;
}

span.r-total {
    float: left;
    font-size: inherit;
}

.related-jobs {
    padding: 0px 0px 24px 170px;
    margin-bottom: -41px;
}
.cc {
    /* padding: 10px 10px 0px; */
}
.cc a {
    color: inherit;
}
.r-title a {
    color: #dedede;
    text-decoration: none;
}
.r-title a:hover {
    text-decoration: underline;
}

/*quick page view*/



div#qk-job-meta {
    overflow-x: auto;
    padding: 20px 24px 0px 24px;
    box-shadow: 0 5px 6px -6px #000;
    min-height: 100px;
}

div#qk-job-meta {}

img.qk-job-logo {
    box-shadow: 0px 2px 6px rgba(0,0,0,0.17);
    float: left;
    padding: 3px;
    border-radius: 2px;
    width: 70px;
    margin-right: 20px;
    /* margin-left: 18px; */
    /* margin-top: -10px; */
}

div#qk-job-title {
    font-size: 22px;
    color: #484848;
    font-weight: 600;
}

div#qk-job-info {
    color: #006621;
    /* margin-left: 114px; */
}

div#nv-quick-view {position: fixed;transition: opacity 150ms ease-in-out;width: calc(100% - 810px);top: 190px;overflow: hidden;z-index: 1;height: 69%;left: 760px;border-top: 11px solid #29ade4;box-shadow: -5px 0px 6px -6px #000;box-sizing: content-box;padding: 10px;}

div#nv-job-html {
    position: relative;
    /* height: auto; */
}

.job-desc-title {
    padding: 10px 20px;
    font-size: 19px;
    color: #484848;
    font-weight: 600;
}

.view-job-description {
    padding: 10px 20px;
    overflow-x: scroll;
    height: 500px;
}
.view-job-description p {
    padding: 8px 0px 8px 0px;
}
.view-job-description * {
    font-size: 13px;
    font-family: Arial;
    line-height: 140%;
}


.error-message{
    box-shadow: 0px 0px 5px #ccc;
    padding: 20px;
    width: 100%;
    position: relative;
    left: -20px;
    margin-bottom: 26px;
    background-color: white;
    color:red;
    width: 560px;
}


.info-message{
    box-shadow: 0px 0px 5px #ccc;
    padding: 20px;
    width: 100%;
    position: relative;
    left: -20px;
    margin-bottom: 26px;
    background-color: white;

}


.adsense-container{

    margin: 0px 10px 20px 0px;
    box-shadow: 0px 0px 5px #ccc;
    padding: 20px;
    width: 100%;
    position: relative;
    left: -20px;
    margin-bottom: 26px;
    background-color: white;
}


.autocomplete-suggestion {
    cursor: pointer;
}



.related-job-anchor{ color: inherit; text-decoration:inherit}
.related-job-container{box-shadow: 0px 0px 5px #ccc;padding: 20px;position: relative;left: -20px;margin-bottom: 26px;width:100%;margin-top:26px;width: 560px;}
.related-job-header{font-family:Arial;font-size:20px;    font-weight: 400;color:#808080;padding-bottom:10px;}
.related-job-entry{border-top:1px solid #ddd;padding:5px 0px 5px 0px;}
.related-job-entry:hover{background-color:#f3f3f3;cursor:pointer;}
.related-job-title{display:inline-block;font-family:Arial;font-size:18px;width:70%}
.related-job-volume{display:inline-block;font-family:Arial;font-size:14px;opacity:.5;width:23%;text-align:right;padding-right:10px;position:relative;top:-2px;}
.related-job-arrow{display:inline-block;opacity:.7; width:14px;height:14px;background:url('/V5/img/arrow-down-black.png');background-size:16px;background-repeat: no-repeat;        background-position: center;}


.did-you-mean  {padding-top:10px;}
.did-you-mean, .did-you-mean *{font-size:18px;font-family:arial}
.did-you-mean a{font-style:italic;}
/*review snippet*/


.ratings, .ratings .rating {
    height: 11px;
    line-height: 11px;
    width: 60px;
    background-image: url(/services/companies-api/img/test_starts.png);
    background-size: 12px 22px;
}
.rating {
    background-position: 0px 11px;
}

.ratings, .rating, .ratingNumber {
    display: -moz-inline-box;
    display: inline-block;
}

.review-holder {
    margin-right: -10px;
    margin-left: 5px;
}

span.review-count {
    border-bottom: 1px dotted #006621;
    cursor: pointer;
}
/*review cards*/


.ratings-card, .ratings-card .rating-card {
    height: 16px;
    line-height: 21px;
    width: 91px;
    background-image: url(/services/companies-api/img/test_starts.png);
    background-size: 18px 32px;
}
.rating-card {
    background-position: 0px 16px;
}
.ratings-card, .rating-card, .ratingNumber {
    display: -moz-inline-box;
    display: inline-block;
}


.stat-bg {
    background-color: #dcdcdc;
    height: 10px;
    width: 70px;
}

.stat-rate {
    height: 10px;
    background-color: #FDA02A;
    position: relative;
    /* top: 6px; */
}

* {
    font-family: "Open Sans";
    padding: 0px;
    margin: 0px;
    font-size: 13px;
}
.card-review-holder * {
    color: #545454;
}


.card-module.card-review-header img {
    width: 50px;
    float: left;
    object-fit: contain;
    padding: 3px;
    box-shadow: 0px 0px 6px #ccc;
    background: white;
}

.card-review-info {
    /* float: left; */
    /* margin-left: 120px; */
}

.card-module.card-review-rate {
    clear: both;
    border-top: 1px solid #EAEAEA;
    padding-top: 20px;
    min-height: 30px;
}

.card-review-info div {
    margin-bottom: 5px;
    break-inside: avoid-column;
}

.card-review-page a {
    text-decoration: none;
    color: #1a0dab;
    font-size: 13px;
}

.card-review-empname {
    font-size: 18px;
    color: #545454;
    font-weight: 700;
    margin-left: 65px;
}

.card-review-empname {}

.card-review-holder {
    /* box-shadow: 0px 0px 5px #ccc; */
    width: 600px;
    position: relative;
    left: -20px;
    margin-top: 17px;
    margin-bottom: 26px;
    background-color: #FAFAFA;
    display: none;
    transition: all .6s cubic-bezier(0, 0, 0.79, 0.8);
    overflow: hidden;
    padding: 0px 0px;
}

.card-module {
    padding: 20px;
    /* border-bottom: 1px solid #EAEAEA; */
    padding-top: 0px;
}

.card-module.card-review-header {
    border-bottom: initial;
    padding-top: 20px;
    padding-bottom: 0px;
}

span.card-review-size {
    color: #545454;
}

span.card-review-Revenue {
    color: #545454;
    margin-left: 40px;
}

.card-review-starts {
    color: #545454;
    font-size: 18px;
    font-weight: 700;
    /* float: left; */
}

.card-review-stats {
    /* float: left; */
    position: relative;
    top: 4px;
}

.card-review-detail-stats {
    clear: both;
    column-count: 2;
    /* margin-top: 34px; */
    margin-bottom: 10px;
}

.card-review-stat {
     /* To show paragraph starts. */
     page-break-inside: avoid; /* For Firefox. */
     -webkit-column-break-inside: avoid; /* For Chrome & friends. */
     break-inside: avoid; /* For standard browsers like IE. :-) */
     display: flex;
     width: 360px;
     margin-bottom: 4px;
}

span.status-name {
    width: 142px;
}

.card-review-stat .stat-bg{
    position: relative;
    top: 5px;
}
span.stat-value {
    margin-left: 7px;
    font-weight: 700;
}
.card-review-starts span {
    font-size: 18px;
    color: #FDA02A;
    margin-right: 10px;
}
.card-interview-diff {
    display: flex;
    margin: 7px 0px;
}

.card-interview-diff .stat-bg {
    margin: 5px 10px 0px 37px;
}


.card-interview-title {
    font-size: 13px;
    font-weight: 700;
}

.card-interview-exp {
    display: flex;
}

.card-interview-square {
    height: 10px;
    width: 10px;
    margin-left: 23px;
    margin-right: 8px;
    position: relative;
    top: 4px;
}

.card-interview-square.positive {
    background: #006621;
}

.card-interview-square.neutral {
    background: #FDA02A;
}

.card-interview-square.negative {
    background: #c70000;
}

.card-square-title span {
    font-weight: 700;
}

.card-review-salaries-row {
    display: flex;
}

.card-review-salaries-row div {
    flex-grow: 1;
    margin-bottom: 4px;
    text-align: left;
}

.salarie-colum.data-one {
    width: 128px;
}

.salarie-colum.data-two {
    width: 20px;
}

.salarie-colum.data-three {
    width: 20px;
}

.salarie-colum.data-four {
    width: 20px;
}

.salarie-colum.data-one {
    text-align: left;
}

.power-gd {text-align: right;font-size: 10px;}

.power-gd img {
    width: 70px;
    position: relative;
    top: 5px;
}

span.card-review-Revenue b {
    margin-right: 5px;
}
.card-review-salaries-row div b {
    font-size: 13px;
}
.card-interview-exp-rates {
    display: flex;
}
.card-review-close {
    float: right;
    cursor:pointer;
    position: relative;
    top: 26px;
    left: -21px;
}

.card-review-close img {
    height: 20px;
}
.card-interview-diff b {
    margin-right: 7px;
}

.card-interview-diff b {
    margin-right: 7px;
}

.card-module.power-by {
    border-bottom: initial;
    padding: 0px 20px;
}

.card-module.card-review-salaries {
    border-bottom: initial;
}

.card-module:nth-last-child(2) {
    /* border-bottom:initial; */
    /* border-top: 1px solid #EAEAEA; */
    padding-bottom: 0px;
}

.card-review-page {
    margin-left: 120px;
}

.card-review-overall {
    margin-left: 10px;
    display: inline-flex;
}

.review-showmore {
    color: #402FBD;
    cursor: pointer;
}

.review-detail-title {
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
    border-top: 1px solid #EAEAEA;
    padding-top: 10px;
}

.review-detail-hadline {
    font-weight: 700;
    margin: 10px 0px;
}

.card-review-detail-pros {
    margin: 10px 0px;
}
.review-showmore:hover {
    text-decoration: underline;
}

.spinner {
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 10px;
  height: 10px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  opacity: 0.7;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

@media screen and (max-width: 480px){
#ch {
    background-image: url(/V5/img/flags_64/ch.png) !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat !important;
}
}



/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  float: right;
  top: -16px;
  left: -14px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #545454;
  -webkit-transition: .4s;
  height: 13px;
  transition: .4s;
  width: 37px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: -1px;
  bottom: -1px;
  background-color: #ffffff;
  -webkit-transition: .4s;
  transition: .4s;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.6);
}

input:checked + .slider {
  background-color: #ade9ff;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

div#nv-notif {
    background-color: #00B1F2;
    color:  white;
    box-shadow: 0px 0px 5px #ccc;
    padding: 13px 20px;
    width: 100%;
    position: relative;
    left: -20px;
    margin-bottom: 26px;
    height: 20px;
    cursor: pointer;
}

div#nv-notif img {
    width: 22px;
    height: 22px;
    position: absolute;
}
div#nv-notif spAN {
    margin-left: 30px;
}

div#nv-notif:hover{
    box-shadow: 0px 0px 15px #aaa;
}

.noti-text {
    margin-left: 30px;
}

a.qa-link {
    font-size: 14px;
    color: #cccccc !important;
}

.cookie-alert-box{
    display: block;
    box-shadow: 0px 0px 5px #ccc;
    padding: 20px;
    width: 100%;
    position: relative;
    left: -20px;
    margin-bottom: 26px;
    background-color: white;
    width: 560px;
}
.cookie-alert-box a{
   text-decoration: none;
   color: black;
   font-weight: bold;
   border-bottom: 1px dotted black;
   cursor: pointer;
   font-weight: bold;
   margin-left: 3px;
}

@media only screen and (max-width: 500px) {
.cookie-alert-box{
    display: block;
    background: white;
    /* padding: 0px; */
    height: auto;
    /* border-bottom: 1px solid #EDEDED; */
    width: auto;
    /* min-height: 100px; */
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px;
    margin: 10px 8px;
    border-radius: 2px;
    position: initial;
}
}

.list-channel {display: inline-flex;width: 600px;height: 300px;flex-wrap: wrap;margin: auto;}

.channel-cell {
    width: 72px;
    height: 62px;
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    margin-right: 0px;
    margin: 10px 20px;
    cursor: pointer;
}

.channel-cell.active {
    font-weight: 700;
}
.channel-cell img {
    width: 30px;
    position: relative;
    left: 16px;
}


#nv-channel {
    box-shadow: 0px 0px 5px rgba(0,0,0,.3);
    padding: 20px;
    position: relative;
    left: -20px;
    /* margin-top: 26px; */
    background-color: white;
    width: 100%;
    margin-bottom: 26px;
    display: none;
    width: 560px;
}


.jobs-load-error-msg{
    color: red;
    box-shadow: 0px 0px 5px #ccc;
    padding: 20px;
    position: relative;
    left: -20px;
    margin-bottom: 26px;
    background-color: white;
    width: 560px;
}
.jobs-load-error-msg > a{
    text-decoration: none;
    font-weight: bold;
    color:red;
    border-bottom:1px dotted red;
    cursor: pointer;
}

/*
.job-channel-item       { 
    display:inline-block;
    cursor:pointer;
    position:relative;
    padding:3px;
    width:175px;
    height:36px;
    border-radius:3px;
    box-shadow:0px 0px 3px rgba(0,0,0,.3);
    margin:0px 3px 3px 0px;
    background: linear-gradient(to left, #A5B6A5, #648880, #293f50);  
    }*/


 .job-channel-item       { 
    display:inline-block;
    cursor:pointer;
    position:relative;
    padding:3px;
    width:173px;
    height:36px;
    border-radius:3px;
    /*box-shadow:0px 0px 3px rgba(0,0,0,.3);*/
    margin:0px 3px 3px 0px;
   
    /*background: linear-gradient(to left, #A5B6A5, #648880, #293f50);  */
    }   
    
/*    
.job-channel-item:hover {box-shadow:0px 0px 8px rgba(0,0,0,.5)}
.job-channel-image{width:25px;position:absolute;top:8px;left:4px;opacity:0.6;}

*/
.job-channel-item:hover {background-color:#F1F1F1 ;}
.job-channel-image{width:25px;position:absolute;top:8px;left:4px;opacity:0.6;}
/*
.job-channel-label{font-size:12px;color:white;font-weight:bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.job-channel-description{color:white;opacity:.8;font-size:9px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}        
*/
.job-channel-label{font-size:12px;color:;font-weight:bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.job-channel-description{color:black;opacity:.8;font-size:9px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}   



.job-channels-header{
    font-size: 20px !important;
    font-weight: 400!important;
    background: rgb(255, 255, 255);
    color: #808080;
    font-family: Arial;
    cursor: default !important;
    margin-bottom: 10px;      

    }
    
.active-channel.job-channel-item {
        background: #29ade4;
    /*background: linear-gradient(to left, #A5B6A5, #648880, #293f50);*/
}

.active-channel.job-channel-item *{
    color:white;
}
img.close-channel.close-pop-mr {
    background: white;
    border-radius: 90px;
    padding: 2px;
    position: absolute;
    width: 16px;
    z-index:1;
    top: 0px;
    right: -3px;
}
.active-channel.job-channel-item .job-channel-label {
    width: 120px;
}
.close-channel {
    position: absolute;
    top: -6px;
    right: -5px;
    background: white;
    color: #29ade4 !important;
    border-radius: 90px;
    height: 20px;
    width: 20px;
    font-size: 16px;
    line-height: 18px;
    text-indent: 3.8px;
    font-weight: bold;
}



.box-viewmore {
    background-color: #F9F9F9;
    text-align: center;
    border-top: 1px solid #EAEAEA;
    padding: 15px 20px 10px 20px;
    position: relative;
    left: -20px;
    top: 20px;
    width: 100%;
}
.box-viewmore::before {
    background: url(/V5/img/arrow-down-black.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 50%;
    width: 32px;
    height: 32px;
    border: 1px solid #EAEAEA;
    border-radius: 20px;
    top: -16px;
    background-color: #fff;
    margin-left: -16px;
    text-align: center;
    font-size: 20px;
    content: '';
}

.box-viewmore {
    width: initial;
    left: initial;
    top: 10px;
}

.box-channel {
    overflow: hidden;
    transition: all .3s cubic-bezier(0, 0, 0.79, 0.8);
}
.text-holder-channel {
    padding-left: 30px;
    padding-top:3px;
}
*{font-family: "Open Sans";padding:0px;margin:0px;font-size:13px;}


.job-card-holder{
    box-shadow: 0px 0px 5px #ccc;
    width: 107%;
    position: relative;
    left: -20px;
    margin-bottom: 26px;
    background-color: white;
    /* padding: 20px; */
    margin-top: 34px;
    width: 600px;
}

input#k-card {
    width: 95%;
    padding: 8px 10px 8px 10px;
    font-size: 16px;
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px #ccc;
    border: 1px solid #DADADA;
    margin: 0px 5px 0px 0px;
}

.dropdown-card select {
    display: inline-block;
    color: #525252;
    cursor: pointer;
    margin-right: 0px;
    width: 100%;
    \: 8px 0px 8px 0px;
    font-size: 13px;
    border-radius: 2px;
    \: 0 3px 1px -2px #ccc;
    border: initial;
    margin: 10px 10px 0px 0px;
    background: #F9FAF9;
    padding: 5px 0px;
}

div#region-country-holder {
    display: inline-flex;
    width: 100%;
}

div#total-jobs-card {
    float: left;
    margin-top: 29px;
    color: #808080;
    font-size: 16px;
}
input#card-page {
    border: initial;
    width: 30px;
    text-align: center;
}

.info-job-card {
    display: flex;
    padding: 5px 0px;
    border-top: 1px solid #EAEAEA;
}

.title-job-card {
    width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    font-family: Arial,"Open-Sans";
}

.location-job-card {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #006621;
    font-size: 13px;
    padding-left: 8px;
    width: 30%;
    position: relative;
    top: 4px;
}

div#header-job-card {
    /* display: inline-flex; */
    /* width: 100%; */
    /* display: none; */
}

div.header-card {
    font-size: 18px;
    width: 50%;
    display: none;
}

div#location-card-header {
    text-align: center;
    width: 50%;
}

div#body-card-jobs {
    margin: 27px 0px 20px;
}

div#pagination-holder-card {
    width: 93.1%;
    padding: 0px 20px 20px;
    text-align: center;
}
div#input-pagination-card {
    /* width: 220px; */
    /* margin: auto; */
    display: inline-block;
}

.title-job-card a {
    color: #1a0dab;
    text-decoration: none;
    font-size: 18px;
}

.title-job-card a:hover{
    text-decoration:underline;
}
.title-job-card a:visited{
        color: purple;
}
span.pag-input {
    cursor: pointer;
    padding: 5px;
}

span.pag-input:hover {
  /* text-decoration: underline; */
}
span#total-jobs-number {
    font-size: 16px;
}
span#maxPage {
    margin: 0px 20px;
    margin-top: 0px;
}

div.active-region-card {
    opacity:  1 !important;
    pointer-events: all !important;
}
div.inactive-region-card {
    opacity: 0.5;
    pointer-events: none;
}
div.active-city-card {
    opacity:  1 !important;
    pointer-events: all !important;
}
div.inactive-city-card {
    opacity: 0.5;
    pointer-events: none;
}
.input-holder {
    padding: 10px 20px 10px;
    background: #F9FAF9;
    border-bottom: 1px solid #EAEAEA;
}

div#job-card-list {
    padding: 20px 20px 0px 20px;
}
.header-explorer-card {
    font-size: 20px;
    /* margin-bottom: 15px; */
    color: #757575;
    /* margin-left: 70px; */
    margin-left: 10px;
    /* display: table; */
    height: 21px;
    /* width: 20px; */
    overflow: hidden;
    text-overflow: ellipsis;
}

div.dropdown-card {
    margin-right: 20px;
    width: 33%;
}
.info-job-card:first-of-type {
    border-top: initial;
}
.title-job-card b {
    font-size: inherit;
}
span.pag-input img {
    position: relative;
    top: 2px;
}
.card-job-logo img {
    position: relative;
    /* left: 20px; */
    top: -23px;
    width: 52px;
    box-shadow: 0px 0px 6px #ccc;
    padding: 3px;
    border-radius: 2px;
    background-color: white;
    float: left;
}
div#triangle-left-card {
    width: 1800px;
    height: 400px;
    position: absolute;
    left: -100px;
    top: -80px;
    transform: rotate(-14deg);
    z-index: -10;
    box-shadow: 0px 0px 20px rgba(0,0,0,.5);
}

div#triangle-right-card {
    width: 1800px;
    height: 400px;
    position: absolute;
    right: -100px;
    top: 00px;
    transform: rotate(12deg);
    z-index: -11;
    box-shadow: 0px 0px 20px rgba(0,0,0,.5);
    opacity: .8;
}
span.pag-input:hover {
        background-color: #EBE9E9;
    cursor: pointer;
}
div.dropdown-card:last-of-type{
    margin-right: 4px;
}
.header-holder-card {
    display: inline-flex;
    margin-bottom: 5px;
    width: 100%;
    height: 40px;
}
.header-explorer-card div {
    font-size: inherit;
    vertical-align: middle;
    /* position: relative; */
    /* top: 10px; */
    /* display: table-cell; */
    white-space: nowrap;
    overflow: hidden;
    width: inherit;
    text-overflow: ellipsis;
}

/*
.j-empname-label:hover{
    border-bottom:1px dotted #006621;
    cursor:pointer;
}*/
div#nv-related {
    background-color: #404040;
}

div#pre-footer {
    /* height: initial; */
}



.job-categories-main-wrap.box-action-1 {left:  initial;/* display: none; */padding: initial;position: absolute;top: 122px;z-index: 2;left: 149px;width: auto;padding-top: 10px;margin-bottom: initial;box-shadow: 0px 0px 5px #ccc;background-color: white;}

.job-categories-main-wrap.box-action-1 * {
    box-sizing: border-box;
}
.right-side-categories.categories.no-hover {
    display: none;
}

.subcategories.top {
    margin-bottom: 20px;
    padding-top: 8px;
}

.categorie-holder span {font-size: 14px;}

.subcategories-holder {
    margin-bottom: 170px;
    width: inherit;
    display: none;
    align-items: left;
    justify-content: left;
    flex-direction: row;
    flex-wrap: wrap;
    flex-flow: row wrap;
    position: absolute;
    align-content: flex-end;
    }

.categorie-holder {
    position: relative;
    padding: 4px 20px 4px 13px;
    background-image: url(/services/categories-search/icons/arrow-categorie.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-size: 13px;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently                                    supported by Chrome and Opera */
}

span.categorie-arrow img {
}

span.categorie-numer {
    background: #FAFAFA;
    margin-right: 10px;
    float: right;
    position: relative;
}

span.categorie-arrow {
    position: absolute;
    right: 0px;
    top: 0px;
}

span.categorie-name {
}

.categorie-holder .categorie-name span:hover {
    color:#E07E50;
    text-decoration: underline;
}

.left-side-categories {
    border-right: 1px solid #EFEFEF;
    padding-bottom: 10px;
}

.subcategories-holder .categorie-holder {padding: 0px;margin-bottom: 4px;background-image: none;padding-left: 10px;position: relative;}

.subcategories-holder .categorie-holder .categorie-numer {
    margin-right: initial;
    margin-top: 2px;
}

span.categorie-numer {}

.categorie-name.title-subtitle span {
    font-weight: 400;
    color: #E07E50;
    font-size: 14px;
}

.left-side-categories.categories {
    width: 363px;
}

.right-side-categories.categories.on-hover {
    display: flex;
    background-image: url(/tmp/william/job-categories/images/economisc_finance.png),
                        linear-gradient(white 40%,#f0f0f0 50%);
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: center;
    background-size: cover;
    width: 420px;
    height: inherit;
    display: none;
}

.categorie-elon img {
    width: 330px;
    position: absolute;
    bottom: -20px;
    right: -60px;
}

.categorie-snippet {
    width: 150px;
    position: relative;
    top: 24.6%;
    margin-left: 20px;
}

.categorie-snippet-title {
    font-size: 16px;
    margin-bottom: 10px;
}
.categorie-holder:hover .categorie-numer{
     font-weight: 700;
     color: black;
}

.subcategories-holder .categorie-holder:hover {
    background-image: none;
    background: none;
}

.categorie-name {
    display: inline-block;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 247px;
}

.categorie-numer {
    display: inline-block;
    float: right;
    margin-right: 1px;
    position: relative;
    color: #adadad;
    font-size: 10px;
    padding: 2px 5px;
    margin-top: 0px;
    background: #fafafa;
}
.subcategories-holder .categorie-name {
    width: 138px;
    white-space: normal;
}
.animation-open-categorie {
    /* transition: all 0.3s linear; */
    /* -webkit-transition: all 0.3s linear; */
    overflow: hidden;
    display: flex;
    width: 0px;
}

.job-categories-main-wrap:after, .job-categories-main-wrap:before {
    bottom: 100%;
    left: 160px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.job-categories-main-wrap:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: rgb(225, 225, 225);
    border-width: 6px;
}


.job-categories-main-wrap:after {
    border-bottom-color: #ffffff;
    border-width: 6px;
    margin-left: 1px;
}
.subcategories.bottom {
    width: 190px;
}

.animation-open-categorie.active {
    width: 420px;
}
.animation-open-categorie.active  .subcategories-holder{
    display:flex;
}
.active-categorie{
    display:flex !important;
}
.subcategorie {width: 204px;margin-bottom: 0px;}


.categorie-holder.active {
    background-image: url(/services/categories-search/icons/hover-arrow-categorie.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-size: 13px;
}

.categorie-holder.active-hover .categorie-name {
    color: black;
}

.categorie-holder.active-hover .categorie-numer {
    font-weight: 700;
    color:black;
}

.categorie-holder.active-hover {
    background: #f7f7f7;
    background-image: url(/services/categories-search/icons/hover-arrow-categorie.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    background-size: 13px;
}
.hover-holder-categories {
    position: absolute;
    height: 7px;
    width: 341px;
    top: -7px;
    cursor: text;
}
.left-side-categories  .categorie-holder:hover .categorie-name{
    text-decoration:none;
}


.page-next {
    background: url("/V5/img/next_page_on.png");
}

.page-previous {
    background: url(/V5/img/previous_page_on.png);
}

.page-first {
    background: url(/V5/img/first_page_on.png);
}
.page-first.page.disable-arrow {
    background: url(/V5/img/first_page_off.png);
    background-size: 27px;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
}
.page-previous.disable-arrow {
    background: url(/V5/img/previous_page_off.png);
    background-size: 27px;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: none;
}
.pagination .page-number:hover {
    background-color: #D4D4D4;
    color: white;
    border-radius: 50px;
    height: 9px;
}



.main-wrap {
    position: relative;
    min-height: 100%;
}

span.page-next.page.disable-arrow {
    background-image: url(/V5/img/next_page_off.png);
}

.categorie-description {
    position: relative;
    color: #6f6f6f;
    opacity: .8;
    font-size: 9px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.categorie-name span {
    cursor: pointer;
    font-size: 12px;
}
span#next-pag-card {
    background: none;
}
#nv-count h1 {
    display: inline-block;
    margin-left: 5px;
    font-weight: 500;
}

div#nv-breadcrumb {
    color: #808080;
    font-size: 13px;
    margin: 14px 0px 14px 0px;
}

div#nv-breadcrumb a {
    color: inherit;
}

.more-jobs-list a{
    text-decoration:none;
    color:white;
}

.more-jobs-list a:hover{
    text-decoration:underline;
    color:white;
}

.shadow-box
{
    box-shadow: 0px 0px 5px #ccc;
    padding: 20px;
    position: relative;
    left: -20px;
    margin-bottom: 26px;
    background-color: white;
    width: 560px;    
}

.page-breadcrumb{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}

.more-jobs-list{
    column-count:3;
    width:700px;
    
}


.more-jobs-list div{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;     
}
.total-job {
    display: inline-block;
    direction: ltr;
    margin-right: 5px;
    margin-left: 5px;
    font-size: inherit;
}

div#nv-apply {
    background-color: rgb(0, 178, 243);
    width: 100px;
    padding: 8px 0px;
    color: white;
    text-align: center;
    border-radius: 4px;
    font-weight: bold;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.31);
    cursor: pointer;
    font-size: 16px;
    display: inline-block;
    margin-left: 15px;
    margin-top: 20px;
    opacity: 1;
}
div#job-preview-holder {
    position: relative;
    width: 320px;
    padding-top: 20px;
}

div#qk-job-html {
    padding: 0px 24px 10px 24px;
    overflow-x: auto;
    margin-top: 5px;
}

.active-job.job {
    border-left: 9px solid #29ade4;
    margin-left: -9px;
    background: #f6f6f6;
}
.disclaimer {
    margin: 10px 2px 10px 2px;
    font-size: 11px;
    opacity: .6;
}

.disclaimer a{
    font-size: 11px;
}

.clpop-up>div{
        margin: 0% auto;
}
.card-review-s-r {
    column-count: 2;
}

.w-items div {
    /* display: inline-block; */
}
.item-title {
    white-space: nowrap;
}

.item-value {
    width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.w-job-title {
    display: inline-block;
    width: 94%;
    /* color: #1a0dab; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.w-job-location {
    display: inline-block;
    width: 31%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 9px;
}

.w-job-title b {
    color: inherit;
}
.w-view-all {
    padding: 10px 20px;
    background: #29ade4;
    width: 90px;
    box-shadow: 0 3px 1px -2px #ccc;
    color: white;
    text-align: center;
    border-radius: 3px;
}
.w-view-all {
    padding: 5px 20px;
    background: #29ade4;
    width: initial;
    box-shadow: 0 3px 1px -2px #ccc;
    color: white;
    text-align: center;
    border-radius: 3px;
    margin-top: 10px;
    display: inline-block;
    cursor: pointer;
    display: none;
}
a#link-view-all {
    color: white !important;
}

a#link-view-all:hover {
    text-decoration: none !important;
}
.w-jobs a:hover {
    text-decoration: none !important;
}
.card-review-detail-jobs.location {
    columns: 3;
    column-width: 40px;
}
.card-module:last-of-type {
    /* border-bottom: initial; */
    display: none;
}
.w-job-title.w-location {
    width: 120px;
    display: inline-block;
}
.review-detail-title.no-boder {
    border: initial;
}
.w-total-location {
    display: inline-block;
    width: 30px;
    text-align: right;
    position: relative;
    top: -3px;
}
.w-jobs {
    margin-bottom: 2px;
}
.card-review-empname {
    width: 460px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.write-review-body {
    background: white;
}
.img-thank-you img {
    width: inherit;
    margin: auto;
}

.img-thank-you {
    width: 400px;
    margin: auto;
    margin-top: 20px;
}
.error-message-review {
    color: red;
    position: absolute;
}
div#close-thankyou {
    margin: auto;
    display: block;
    text-align: center;
    padding: 9px 10px 9px 10px;
    font-size: 16px;
    border: none;
    background-color: #29ADE4;
    color: white;
    cursor: pointer;
    box-shadow: 0 3px 1px -2px #ccc;
    outline: none;
    box-sizing: border-box;
}
.job.active {
    box-shadow: 0px 0px 5px #ccc;
    padding: 20px;
    margin-left: -20px;
    overflow: hidden;
}
.nv-jobs .job.active .j-sponsored {
    right: 55px;
    top: 20px;
}
div#load-next-page-spinner {
    width: 120px;
}

div#load-next-page-spinner img {
    width: inherit;
}
div.adsense-scroll {
    margin: 0px 10px 20px 0px;
    position: relative;
    margin-bottom: 26px;
    background-color: white;
    min-height: 0px;
    width: 560px !important;
}
div#search-history .categorie-numer {
    background: none;
}
.menu-item.active-menu a{
        /* border-bottom: 3px solid white; */
}
.card-review-s-r {
    margin-top: 15px;
}
.item-value.link-info-review {
    color: #402FBD;
}
.job-card-multi .job.active {
    margin-bottom: 20px !important;
    padding-bottom: 10px !important;
    box-shadow: initial;
}
.item-value.link-info-review {
    color: inherit;
}
.job-card-multi.active .job {
    padding-bottom: 20px !important;
}
.w-jobs-title-num {
    border-radius: 50%;
    font-size: 9px;
    position: relative;
    top: -2px;
    background-color: #ccc;
    padding: 0px 4px;
    color: white;
}
.related-jobs-new {
    position: relative;
    overflow: hidden;
}
#related-jobs-new-show-more {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: linear-gradient(rgba(64,64,64,.0), rgb(64, 64, 64));
    height: 150px;
    cursor: pointer;
}
.card-review-info p {
    padding-top: 10px;
    text-align: justify;
}
#dummy-list{
    min-height: 3000px;
}
.j-quick-apply {
    display: inline-block !important;
    padding: 1px 6px 1px 5px!important;
    border: rgba(0, 102, 33,.3) solid 1px;
    border-radius: 3px;
    color: rgb(0, 102, 33);
    text-align: center;
    font-size: 11px;
    background-color:#F9FBF7;
    /*
    background-color: rgb(255, 255, 255);*/
     /* #EDF4EF;*/
}
.j-info.j-info-w-quick-apply {
    /* width: 84%; */
}

.job .heart {
    background-color: rgb(204, 204, 204);
}
.job .heart:before,
.job .heart:after {
  background-color: rgb(204, 204, 204);
}
.job .heart:hover {
    background-color: rgb(165, 165, 165);
}

.job .heart:hover:before,
.job .heart:hover:after {
  background-color: rgb(165, 165, 165);
}
.heart.active-fv {
    opacity:1 !important;
    background-color: rgb(253, 176, 42) !important;
}

.heart.active-fv:before,
.heart.active-fv:after {
  background-color: rgb(253, 176, 42) !important;
}
.disable-button{
    pointer-events: none;
}
.job.active .heart {
    top: 24px;
    right: 20px;
}
div#salary-card {
    display: inline-table;
    width: 350px;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    will-change: opacity;
    position: relative;
    top: -91px;
    float: right;
    margin-right: 3px;
    margin-bottom: 0px;
}
.show-elem {
    opacity: 1 !important;
}
span.num-review {
    display: none;
}
.facet-element * {
    color: white;
}
div#nv-register-side {
    display: inline-table;
    position: sticky;
    top: 0px;
}
div#nv-explore-related {
    float: left;
}
/*
#nv-jobs .job {
    cursor: pointer;
}*/

/*

.related-jobs-new{
    column-count: 3;
    max-width:700px;
    padding-top:20px;
}

.related-jobs-new .related-jobs-title{
    padding-top:0px;
}

.related-jobs-new .more-jobs-list{
    padding-bottom:20px;
}