 /* ===================================================
           1. CSS Variables
           =================================================== */
        :root {
            /* Colors */
            --wjp-color-primary: #4f46e5;
            --wjp-color-primary-dark: #4338ca;
            --wjp-color-primary-light: #e0e7ff;
            --wjp-color-primary-bg: #eef2ff;
            --wjp-color-secondary: #0ea5e9;
            --wjp-color-success: #10b981;
            --wjp-color-success-text: #065f46;
            --wjp-color-success-bg: #d1fae5;
            --wjp-color-warning: #f59e0b;
            --wjp-color-warning-text: #b45309;
            --wjp-color-warning-bg: #fef3c7;
            --wjp-color-danger: #ef4444;
            --wjp-color-danger-text: #991b1b;
            --wjp-color-danger-bg: #fee2e2;
            --wjp-color-slate: #475569;
            --wjp-color-slate-bg: #e2e8f0;

            /* Text */
            --wjp-text-dark: #1e293b;
            --wjp-text-medium: #475569;
            --wjp-text-light: #64748b;
            --wjp-text-lighter: #94a3b8;
            --wjp-text-white: #ffffff;

            /* Backgrounds & Borders */
            --wjp-bg-body: #f8fafc;
            --wjp-bg-card: #ffffff;
            --wjp-bg-light: #f1f5f9;
            --wjp-bg-hover: #f8fafc;
            --wjp-border-color: #e2e8f0;

            /* Misc */
            --wjp-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
            --wjp-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
            --wjp-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
            --wjp-border-radius: 0.75rem;
            --wjp-border-radius-sm: 0.5rem;

            /* Fonts */
            --wjp-font-family: 'Inter', sans-serif;
            --wjp-font-weight-normal: 400;
            --wjp-font-weight-medium: 500;
            --wjp-font-weight-semibold: 600;
            --wjp-font-weight-bold: 700;
            --wjp-font-size-xs: 0.75rem;
            --wjp-font-size-sm: 0.875rem;
            --wjp-font-size-base: 1rem;
            --wjp-font-size-lg: 1.125rem;
            --wjp-font-size-xl: 1.25rem;
            --wjp-font-size-2xl: 1.5rem;
            --wjp-font-size-3xl: 1.875rem;
        }
         :root {
            --main-color: #4f46e5; /* Your main indigo color */
            --light-bg: #ffffff; /* Pure white background */
            --light-hover: #eef2ff; /* Very light indigo-gray for hover */
            --text-color: #374151; /* Darker gray text for good contrast */
            --accent-light: #e0e7ff; /* Lighter main color for active background */
        }



        /*bootstrap*/
@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}
.js-glyphicon{position:relative;top:1px;display:inline-block;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.js-glyphicon-asterisk:before{content:"\2a"}.js-glyphicon-plus:before{content:"\2b"}.js-glyphicon-euro:before{content:"\20ac"}.js-glyphicon-minus:before{content:"\2212"}.js-glyphicon-cloud:before{content:"\2601"}.js-glyphicon-envelope:before{content:"\2709"}.js-glyphicon-pencil:before{content:"\270f"}.js-glyphicon-glass:before{content:"\e001"}.js-glyphicon-music:before{content:"\e002"}.js-glyphicon-search:before{content:"\e003"}.js-glyphicon-heart:before{content:"\e005"}.js-glyphicon-star:before{content:"\e006"}.js-glyphicon-star-empty:before{content:"\e007"}.js-glyphicon-user:before{content:"\e008"}.js-glyphicon-film:before{content:"\e009"}.js-glyphicon-th-large:before{content:"\e010"}.js-glyphicon-th:before{content:"\e011"}.js-glyphicon-th-list:before{content:"\e012"}.js-glyphicon-ok:before{content:"\e013"}.js-glyphicon-remove:before{content:"\e014"}.js-glyphicon-zoom-in:before{content:"\e015"}.js-glyphicon-zoom-out:before{content:"\e016"}.js-glyphicon-off:before{content:"\e017"}.js-glyphicon-signal:before{content:"\e018"}.js-glyphicon-cog:before{content:"\e019"}.js-glyphicon-trash:before{content:"\e020"}.js-glyphicon-home:before{content:"\e021"}.js-glyphicon-file:before{content:"\e022"}.js-glyphicon-time:before{content:"\e023"}.js-glyphicon-road:before{content:"\e024"}.js-glyphicon-download-alt:before{content:"\e025"}.js-glyphicon-download:before{content:"\e026"}.js-glyphicon-upload:before{content:"\e027"}.js-glyphicon-inbox:before{content:"\e028"}.js-glyphicon-play-circle:before{content:"\e029"}.js-glyphicon-repeat:before{content:"\e030"}.js-glyphicon-refresh:before{content:"\e031"}.js-glyphicon-list-alt:before{content:"\e032"}.js-glyphicon-lock:before{content:"\e033"}.js-glyphicon-flag:before{content:"\e034"}.js-glyphicon-headphones:before{content:"\e035"}.js-glyphicon-volume-off:before{content:"\e036"}.js-glyphicon-volume-down:before{content:"\e037"}.js-glyphicon-volume-up:before{content:"\e038"}.js-glyphicon-qrcode:before{content:"\e039"}.js-glyphicon-barcode:before{content:"\e040"}.js-glyphicon-tag:before{content:"\e041"}.js-glyphicon-tags:before{content:"\e042"}.js-glyphicon-book:before{content:"\e043"}.js-glyphicon-bookmark:before{content:"\e044"}.js-glyphicon-print:before{content:"\e045"}.js-glyphicon-camera:before{content:"\e046"}.js-glyphicon-font:before{content:"\e047"}.js-glyphicon-bold:before{content:"\e048"}.js-glyphicon-italic:before{content:"\e049"}.js-glyphicon-text-height:before{content:"\e050"}.js-glyphicon-text-width:before{content:"\e051"}.js-glyphicon-align-left:before{content:"\e052"}.js-glyphicon-align-center:before{content:"\e053"}.js-glyphicon-align-right:before{content:"\e054"}.js-glyphicon-align-justify:before{content:"\e055"}.js-glyphicon-list:before{content:"\e056"}.js-glyphicon-indent-left:before{content:"\e057"}.js-glyphicon-indent-right:before{content:"\e058"}.js-glyphicon-facetime-video:before{content:"\e059"}.js-glyphicon-picture:before{content:"\e060"}.js-glyphicon-map-marker:before{content:"\e062"}.js-glyphicon-adjust:before{content:"\e063"}.js-glyphicon-tint:before{content:"\e064"}.js-glyphicon-edit:before{content:"\e065"}.js-glyphicon-share:before{content:"\e066"}.js-glyphicon-check:before{content:"\e067"}.js-glyphicon-move:before{content:"\e068"}.js-glyphicon-step-backward:before{content:"\e069"}.js-glyphicon-fast-backward:before{content:"\e070"}.js-glyphicon-backward:before{content:"\e071"}.js-glyphicon-play:before{content:"\e072"}.js-glyphicon-pause:before{content:"\e073"}.js-glyphicon-stop:before{content:"\e074"}.js-glyphicon-forward:before{content:"\e075"}.js-glyphicon-fast-forward:before{content:"\e076"}.js-glyphicon-step-forward:before{content:"\e077"}.js-glyphicon-eject:before{content:"\e078"}.js-glyphicon-chevron-left:before{content:"\e079"}.js-glyphicon-chevron-right:before{content:"\e080"}.js-glyphicon-plus-sign:before{content:"\e081"}.js-glyphicon-minus-sign:before{content:"\e082"}.js-glyphicon-remove-sign:before{content:"\e083"}.js-glyphicon-ok-sign:before{content:"\e084"}.js-glyphicon-question-sign:before{content:"\e085"}.js-glyphicon-info-sign:before{content:"\e086"}.js-glyphicon-screenshot:before{content:"\e087"}.js-glyphicon-remove-circle:before{content:"\e088"}.js-glyphicon-ok-circle:before{content:"\e089"}.js-glyphicon-ban-circle:before{content:"\e090"}.js-glyphicon-arrow-left:before{content:"\e091"}.js-glyphicon-arrow-right:before{content:"\e092"}.js-glyphicon-arrow-up:before{content:"\e093"}.js-glyphicon-arrow-down:before{content:"\e094"}.js-glyphicon-share-alt:before{content:"\e095"}.js-glyphicon-resize-full:before{content:"\e096"}.js-glyphicon-resize-small:before{content:"\e097"}.js-glyphicon-exclamation-sign:before{content:"\e101"}.js-glyphicon-gift:before{content:"\e102"}.js-glyphicon-leaf:before{content:"\e103"}.js-glyphicon-fire:before{content:"\e104"}.js-glyphicon-eye-open:before{content:"\e105"}.js-glyphicon-eye-close:before{content:"\e106"}.js-glyphicon-warning-sign:before{content:"\e107"}.js-glyphicon-plane:before{content:"\e108"}.js-glyphicon-calendar:before{content:"\e109"}.js-glyphicon-random:before{content:"\e110"}.js-glyphicon-comment:before{content:"\e111"}.js-glyphicon-magnet:before{content:"\e112"}.js-glyphicon-chevron-up:before{content:"\e113"}.js-glyphicon-chevron-down:before{content:"\e114"}.js-glyphicon-retweet:before{content:"\e115"}.js-glyphicon-shopping-cart:before{content:"\e116"}.js-glyphicon-folder-close:before{content:"\e117"}.js-glyphicon-folder-open:before{content:"\e118"}.js-glyphicon-resize-vertical:before{content:"\e119"}.js-glyphicon-resize-horizontal:before{content:"\e120"}.js-glyphicon-hdd:before{content:"\e121"}.js-glyphicon-bullhorn:before{content:"\e122"}.js-glyphicon-bell:before{content:"\e123"}.js-glyphicon-certificate:before{content:"\e124"}.js-glyphicon-thumbs-up:before{content:"\e125"}.js-glyphicon-thumbs-down:before{content:"\e126"}.js-glyphicon-hand-right:before{content:"\e127"}.js-glyphicon-hand-left:before{content:"\e128"}.js-glyphicon-hand-up:before{content:"\e129"}.js-glyphicon-hand-down:before{content:"\e130"}.js-glyphicon-circle-arrow-right:before{content:"\e131"}.js-glyphicon-circle-arrow-left:before{content:"\e132"}.js-glyphicon-circle-arrow-up:before{content:"\e133"}.js-glyphicon-circle-arrow-down:before{content:"\e134"}.js-glyphicon-globe:before{content:"\e135"}.js-glyphicon-wrench:before{content:"\e136"}.js-glyphicon-tasks:before{content:"\e137"}.js-glyphicon-filter:before{content:"\e138"}.js-glyphicon-briefcase:before{content:"\e139"}.js-glyphicon-fullscreen:before{content:"\e140"}.js-glyphicon-dashboard:before{content:"\e141"}.js-glyphicon-paperclip:before{content:"\e142"}.js-glyphicon-heart-empty:before{content:"\e143"}.js-glyphicon-link:before{content:"\e144"}.js-glyphicon-phone:before{content:"\e145"}.js-glyphicon-pushpin:before{content:"\e146"}.js-glyphicon-usd:before{content:"\e148"}.js-glyphicon-gbp:before{content:"\e149"}.js-glyphicon-sort:before{content:"\e150"}.js-glyphicon-sort-by-alphabet:before{content:"\e151"}.js-glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.js-glyphicon-sort-by-order:before{content:"\e153"}.js-glyphicon-sort-by-order-alt:before{content:"\e154"}.js-glyphicon-sort-by-attributes:before{content:"\e155"}.js-glyphicon-sort-by-attributes-alt:before{content:"\e156"}.js-glyphicon-unchecked:before{content:"\e157"}.js-glyphicon-expand:before{content:"\e158"}.js-glyphicon-collapse-down:before{content:"\e159"}.js-glyphicon-collapse-up:before{content:"\e160"}.js-glyphicon-log-in:before{content:"\e161"}.js-glyphicon-flash:before{content:"\e162"}.js-glyphicon-log-out:before{content:"\e163"}.js-glyphicon-new-window:before{content:"\e164"}.js-glyphicon-record:before{content:"\e165"}.js-glyphicon-save:before{content:"\e166"}.js-glyphicon-open:before{content:"\e167"}.js-glyphicon-saved:before{content:"\e168"}.js-glyphicon-import:before{content:"\e169"}.js-glyphicon-export:before{content:"\e170"}.js-glyphicon-send:before{content:"\e171"}.js-glyphicon-floppy-disk:before{content:"\e172"}.js-glyphicon-floppy-saved:before{content:"\e173"}.js-glyphicon-floppy-remove:before{content:"\e174"}.js-glyphicon-floppy-save:before{content:"\e175"}.js-glyphicon-floppy-open:before{content:"\e176"}.js-glyphicon-credit-card:before{content:"\e177"}.js-glyphicon-transfer:before{content:"\e178"}.js-glyphicon-cutlery:before{content:"\e179"}.js-glyphicon-header:before{content:"\e180"}.js-glyphicon-compressed:before{content:"\e181"}.js-glyphicon-earphone:before{content:"\e182"}.js-glyphicon-phone-alt:before{content:"\e183"}.js-glyphicon-tower:before{content:"\e184"}.js-glyphicon-stats:before{content:"\e185"}.js-glyphicon-sd-video:before{content:"\e186"}.js-glyphicon-hd-video:before{content:"\e187"}.js-glyphicon-subtitles:before{content:"\e188"}.js-glyphicon-sound-stereo:before{content:"\e189"}.js-glyphicon-sound-dolby:before{content:"\e190"}.js-glyphicon-sound-5-1:before{content:"\e191"}.js-glyphicon-sound-6-1:before{content:"\e192"}.js-glyphicon-sound-7-1:before{content:"\e193"}.js-glyphicon-copyright-mark:before{content:"\e194"}.js-glyphicon-registration-mark:before{content:"\e195"}.js-glyphicon-cloud-download:before{content:"\e197"}.js-glyphicon-cloud-upload:before{content:"\e198"}.js-glyphicon-tree-conifer:before{content:"\e199"}.js-glyphicon-tree-deciduous:before{content:"\e200"}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,
*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
img{vertical-align: middle;}
.js-img-responsive,.js-thumbnail>img,.js-thumbnail a>img{display:block;width:100% \9;max-width:100%;height:auto}.js-img-rounded{border-radius:6px}.js-img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;width:100% \9;max-width:100%;height:auto}.js-img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.js-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.js-sr-only-focusable:active,.js-sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.js-container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
.js-container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
.js-row{margin-left:-15px;margin-right:-15px}
.js-col-xs-1, .js-col-sm-1, .js-col-md-1, .js-col-lg-1, .js-col-xs-2, .js-col-sm-2, .js-col-md-2, .js-col-lg-2, .js-col-xs-3, .js-col-sm-3, .js-col-md-3, .js-col-lg-3, .js-col-xs-4, .js-col-sm-4, .js-col-md-4, .js-col-lg-4, .js-col-xs-5, .js-col-sm-5, .js-col-md-5, .js-col-lg-5, .js-col-xs-6, .js-col-sm-6, .js-col-md-6, .js-col-lg-6, .js-col-xs-7, .js-col-sm-7, .js-col-md-7, .js-col-lg-7, .js-col-xs-8, .js-col-sm-8, .js-col-md-8, .js-col-lg-8, .js-col-xs-9, .js-col-sm-9, .js-col-md-9, .js-col-lg-9, .js-col-xs-10, .js-col-sm-10, .js-col-md-10, .js-col-lg-10, .js-col-xs-11, .js-col-sm-11, .js-col-md-11, .js-col-lg-11, .js-col-xs-12, .js-col-sm-12, .js-col-md-12, .js-col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.js-col-xs-1, .js-col-xs-2, .js-col-xs-3, .js-col-xs-4, .js-col-xs-5, .js-col-xs-6, .js-col-xs-7, .js-col-xs-8, .js-col-xs-9, .js-col-xs-10, .js-col-xs-11, .js-col-xs-12{float:left}.js-col-xs-12{width:100%}.js-col-xs-11{width:91.66666667%}.js-col-xs-10{width:83.33333333%}.js-col-xs-9{width:75%}.js-col-xs-8{width:66.66666667%}.js-col-xs-7{width:58.33333333%}.js-col-xs-6{width:50%}.js-col-xs-5{width:41.66666667%}.js-col-xs-4{width:33.33333333%}.js-col-xs-3{width:25%}.js-col-xs-2{width:16.66666667%}.js-col-xs-1{width:8.33333333%}.js-col-xs-pull-12{right:100%}.js-col-xs-pull-11{right:91.66666667%}.js-col-xs-pull-10{right:83.33333333%}.js-col-xs-pull-9{right:75%}.js-col-xs-pull-8{right:66.66666667%}.js-col-xs-pull-7{right:58.33333333%}.js-col-xs-pull-6{right:50%}.js-col-xs-pull-5{right:41.66666667%}.js-col-xs-pull-4{right:33.33333333%}.js-col-xs-pull-3{right:25%}.js-col-xs-pull-2{right:16.66666667%}.js-col-xs-pull-1{right:8.33333333%}.js-col-xs-pull-0{right:auto}.js-col-xs-push-12{left:100%}.js-col-xs-push-11{left:91.66666667%}.js-col-xs-push-10{left:83.33333333%}.js-col-xs-push-9{left:75%}.js-col-xs-push-8{left:66.66666667%}.js-col-xs-push-7{left:58.33333333%}.js-col-xs-push-6{left:50%}.js-col-xs-push-5{left:41.66666667%}.js-col-xs-push-4{left:33.33333333%}.js-col-xs-push-3{left:25%}.js-col-xs-push-2{left:16.66666667%}.js-col-xs-push-1{left:8.33333333%}.js-col-xs-push-0{left:auto}.js-col-xs-offset-12{margin-left:100%}.js-col-xs-offset-11{margin-left:91.66666667%}.js-col-xs-offset-10{margin-left:83.33333333%}.js-col-xs-offset-9{margin-left:75%}.js-col-xs-offset-8{margin-left:66.66666667%}.js-col-xs-offset-7{margin-left:58.33333333%}.js-col-xs-offset-6{margin-left:50%}.js-col-xs-offset-5{margin-left:41.66666667%}.js-col-xs-offset-4{margin-left:33.33333333%}.js-col-xs-offset-3{margin-left:25%}.js-col-xs-offset-2{margin-left:16.66666667%}.js-col-xs-offset-1{margin-left:8.33333333%}.js-col-xs-offset-0{margin-left:0}
.js-clearfix:before,.js-clearfix:after,.js-container:before,.js-container:after,.js-container-fluid:before,.js-container-fluid:after,.js-row:before,.js-row:after,.js-form-horizontal .js-form-group:before,.js-form-horizontal .js-form-group:after{content:" ";display:table}
.js-clearfix:after,.js-container:after,.js-container-fluid:after,.js-row:after,.js-form-horizontal .js-form-group:after{clear:both}
.js-visible-xs,.js-visible-sm,.js-visible-md,.js-visible-lg{display:none !important}
.js-visible-xs-block,.js-visible-xs-inline,.js-visible-xs-inline-block,.js-visible-sm-block,.js-visible-sm-inline,.js-visible-sm-inline-block,.js-visible-md-block,.js-visible-md-inline,.js-visible-md-inline-block,.js-visible-lg-block,.js-visible-lg-inline,.js-visible-lg-inline-block{display:none !important}
.js-visible-print{display:none !important}
.js-visible-print-block{display:none !important}
.js-visible-print-inline{display:none !important}
.js-visible-print-inline-block{display:none !important}
div#wpjobportaladmin-wrapper * {box-sizing: border-box;}
div#wpjobportaladmin-wrapper {position: relative;margin-top: 10px;}
div#wpjobportaladmin-wrapper,div#wpjobportaladmin-leftmenu {    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;}
  /* ===================================================
    1. Left Menu
     =================================================== */
   
/* left menu */
div#wpjobportaladmin-leftmenu {width: 60px;display: inline-block; background: #fff;position: absolute;left: 0;top: 0;z-index: 2;box-shadow: 4px 4px 4px 0 rgba(0,0,0,0.2);transition: all 500ms;border-radius: 5px;}
div#wpjobportaladmin-data {position: relative;padding-left: 60px;transition: all 500ms;padding-right:0px;}
div#wpjobportaladmin-logo {float: left;width: 100%;padding: 15px;background: linear-gradient(90deg, rgba(79, 70, 229, 1) 0%, rgba(14, 23, 199, 1) 50%, rgba(80, 35, 210, 1) 100%);;position: relative;height: 60px;border-radius: 8px;}
div#wpjobportaladmin-logo a {float: left;}
div#wpjobportaladmin-logo img#wpjobportaladmin-menu-toggle {float: right;padding: 5px;cursor: pointer;}
ul.wpjobportaladmin-sidebar-menu {float: left;width: 100%;margin: 0;padding: 0;padding-bottom: 20px;border-radius: 10px;margin-top: 10px;}
ul.wpjobportaladmin-sidebar-menu li {position: relative;z-index: 1;margin: 0;}
ul.wpjobportaladmin-sidebar-menu li .ui-accordion-header-icon{display: none;}
ul.wpjobportaladmin-sidebar-menu li a:not(.wpjobportaladmin-install-btn) {background: unset;border: 0; position: relative;display: inline-block;width: 100%;padding: 10px 15px;color: #001738;font-size: 14px;font-weight: 400;text-transform: capitalize;line-height: 45px;border-left: 3px solid transparent;text-decoration: none;border-radius: 0;}
ul.wpjobportaladmin-sidebar-menu li a img.wpjobportaladmin-menu-icon {display: inline-block;position: absolute;    top: 12px;width: 25px;}
ul.wpjobportaladmin-sidebar-menu li a span.wpjobportaladmin-text {display: inline-block;vertical-align: middle;width: calc(100% - 35px);position: absolute;font-weight: 500;}
ul.wpjobportaladmin-sidebar-menu li a span.wpjobportaladmin-text.disabled-menu {color: #c0c0c0;}
ul.wpjobportaladmin-sidebar-menu li a img.wpjobportaladmin-arrow-img {position: absolute;right: 20px;top: 15px;}
ul.wpjobportaladmin-sidebar-menu li ul.wpjobportaladmin-sidebar-submenu {background: unset;border: 0;margin: 5px 0 10px 30px;display: none;padding: 5px 5px 10px;}
ul.wpjobportaladmin-sidebar-menu li ul.wpjobportaladmin-sidebar-submenu li a {font-size: 13px;height: 45px;line-height: 35px;text-decoration: none;box-shadow: unset;padding-top: 5px;}
ul.wpjobportaladmin-sidebar-menu > li > a:not(.wpjobportaladmin-install-btn):hover, 
ul.wpjobportaladmin-sidebar-menu > li.active > a:not(.wpjobportaladmin-install-btn) {color: #1118c8;background-color: #eef5ff;border-radius: 5px; border-left: 3px solid var(--wjp-color-primary);box-shadow: unset;}
ul.wpjobportaladmin-sidebar-submenu > li > a:not(.wpjobportaladmin-install-btn):hover
 {color: #1118c8;background-color: #eef5ff;border-radius: 5px;border-left: 3px solid var(--wjp-color-primary);padding-top: 5px;}
div#wpjobportaladmin-leftmenu div#wpjobportaladmin-logo a.wpjobportaladmin-anchor {position: absolute;}
div#wpjobportaladmin-leftmenu div#wpjobportaladmin-logo a.wpjobportaladmin-anchor,
div#wpjobportaladmin-leftmenu img.wpjobportaladmin-arrow-img {display: none;opacity: 0;transition: all 500ms;}
div#wpjobportaladmin-wrapper:not(.menu-collasped-active) div#wpjobportaladmin-leftmenu ul.wpjobportaladmin-sidebar-menu li.treeview:hover ul.wpjobportaladmin-sidebar-submenu {display: block !important;background: #fff;width: 220px;position: absolute;top: 10px;left: 60px;box-shadow: 5px 5px 30px rgba(0,0,0,0.2);transition: all 500ms;padding: 5px 5px 10px;margin: 0;border-radius: 10px;}
div#wpjobportaladmin-wrapper:not(.menu-collasped-active) div#wpjobportaladmin-leftmenu ul.wpjobportaladmin-sidebar-menu li.treeview:hover ul.wpjobportaladmin-sidebar-submenu:before {content: '';display: block;position: absolute;top: 10px;left: -5px;height: 10px;width: 10px;background: rgba(159, 160, 162, 0.8);transform: rotate(45deg);z-index: -1;}
div#wpjobportaladmin-wrapper:not(.menu-collasped-active)  div#wpjobportaladmin-leftmenu ul.wpjobportaladmin-sidebar-menu li.treeview.menu-open:not(.active) ul.wpjobportaladmin-sidebar-submenu {display: none !important;border-color: transparent;}
div#wpjobportaladmin-wrapper.menu-collasped-active div#wpjobportaladmin-leftmenu ul.wpjobportaladmin-sidebar-menu li.treeview ul.wpjobportaladmin-sidebar-submenu.ui-accordion-content-active {display: block !important;}
div#wpjobportaladmin-wrapper.menu-collasped-active div#wpjobportaladmin-leftmenu ul.wpjobportaladmin-sidebar-menu li.treeview.active ul.wpjobportaladmin-sidebar-submenu {display: block;}
div#wpjobportaladmin-wrapper:not(.menu-collasped-active)  div#wpjobportaladmin-leftmenu ul.wpjobportaladmin-sidebar-menu li.treeview ul.wpjobportaladmin-sidebar-submenu.ui-accordion-content-active {display: none !important;border-color: transparent;}
div#wpjobportaladmin-wrapper:not(.menu-collasped-active)  div#wpjobportaladmin-leftmenu ul.wpjobportaladmin-sidebar-menu li.treeview:hover ul.wpjobportaladmin-sidebar-submenu.ui-accordion-content-active {display: block !important;}
div#wpjobportaladmin-leftmenu ul.wpjobportaladmin-sidebar-menu li.treeview.disabled-menu ul.wpjobportaladmin-sidebar-submenu li > span {display: inline-block;padding: 0 10px;color: #c0c0c0;}
div#wpjobportaladmin-leftmenu ul.wpjobportaladmin-sidebar-menu li.treeview.disabled-menu ul.wpjobportaladmin-sidebar-submenu li > a {visibility: visible;opacity: 1;line-height: 45px;height: 100%;padding: 0 10px;}
div#wpjobportaladmin-leftmenu span.wpjobportaladmin-text {visibility: hidden;opacity: 0;position: absolute;}
div#wpjobportaladmin-leftmenu a.wpjobportaladmin-install-btn {visibility: hidden;opacity: 0;}
ul.wpjobportaladmin-sidebar-menu li.disabled-menu {position: relative;display: inline-block;width: 100%;padding: 0rem 15px;color: #001738;font-size: 14px;font-weight: 400;text-transform: capitalize;height: 45px;line-height: 45px;border-left: 3px solid transparent;}
ul.wpjobportaladmin-sidebar-menu li.disabled-menu img.wpjobportal_menu-icon {margin-right: 5px;}
ul.wpjobportaladmin-sidebar-menu li.disabled-menu span.wpjobportaladmin-text {display: inline-block !important;vertical-align: middle;color: #c0c0c0;}
ul.wpjobportaladmin-sidebar-menu li.disabled-menu a.wpjobportaladmin-install-btn {float: right;font-size: 12px;padding-top: 5px;color: var(--wjp-color-primary);}
ul.wpjobportaladmin-sidebar-menu li.disabled-menu.fw {margin-bottom: 20px;}
ul.wpjobportaladmin-sidebar-menu li.disabled-menu.fw a.wpjobportaladmin-install-btn {width: 100%;padding-top: 30px;}
div#wpjobportaladmin-wrapper:not(.menu-collasped-active) div#wpjobportaladmin-leftmenu ul.wpjobportaladmin-sidebar-menu li.treeview:hover ul.wpjobportaladmin-sidebar-submenu li.disabled-menu span.wpjobportaladmin-text {visibility: visible;opacity: 1;}
div#wpjobportaladmin-wrapper:not(.menu-collasped-active) div#wpjobportaladmin-leftmenu ul.wpjobportaladmin-sidebar-menu li.treeview:hover ul.wpjobportaladmin-sidebar-submenu li.disabled-menu a.wpjobportaladmin-install-btn {visibility: visible;opacity: 1;}

/* menu collapsed */
div.menu-collasped-active div#wpjobportaladmin-leftmenu {width: 260px;transition: all 500ms;}
div.menu-collasped-active div#wpjobportaladmin-data {padding-left: 270px;transition: all 500ms;padding-right: 25px;}
div.menu-collasped-active div#wpjobportaladmin-leftmenu span.wpjobportaladmin-text {visibility: visible;opacity: 1;padding-top: 2px;} 
div.menu-collasped-active div#wpjobportaladmin-leftmenu a.wpjobportaladmin-install-btn {visibility: visible;opacity: 1;} 
div.menu-collasped-active div#wpjobportaladmin-leftmenu div#wpjobportaladmin-logo a.wpjobportaladmin-anchor, 
div.menu-collasped-active div#wpjobportaladmin-leftmenu img.wpjobportaladmin-arrow-img {display: inline-block;opacity: 1;}
div.menu-collasped-active div#wpjobportaladmin-leftmenu ul.wpjobportaladmin-sidebar-menu li.treeview.active.menu-open ul.wpjobportaladmin-sidebar-submenu {display: block !important;}
div.menu-collasped-active div#wpjobportaladmin-leftmenu ul.wpjobportaladmin-sidebar-menu li.treeview.active ul.wpjobportaladmin-sidebar-submenu {display: block !important;}

/* admin-addons-status */
div.wpjpadmin-addons-list-data{font-size:16px;color: #4b4b4d;}
div#msadmin-data-wrp div.wpjpadmin-addons-list-wrp{float: left;width: 100%;}
.wpjpadmin-addons-list-wrp{margin-top: -35px;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status{border-radius: 8px; background: #fff; float: left;width: 100%;padding:20px 10px;border: 1px solid #e0e1e0;display: flex; align-items: center;margin-bottom: 20px;flex-wrap: wrap}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status.wpjp-admin-addons-status-update-wrp{background-color:#d6ece2;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status.wpjp-admin-addons-status-expired-wrp{background-color:#ffe3e3;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-addon-status-image-wrp{float: left;width: 5%;text-align: center;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-addon-status-image-wrp img{width: 90%;margin: auto;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-title-wrp{float: left;width:calc(45% - 20px);margin:0 10px 0 10px;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-title-wrp h2{float: left;margin: 5px 0 16px 0;width: 100%;color: #4b4b4d;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 25px;text-transform: capitalize;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-title-wrp .wpjp-admin-adons-status-Deactive{ font-weight: bold;color: #8c0202;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-addonstatus-wrp .wpjp-admin-adons-status-Deactive{ font-weight: bold;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-title-wrp .wpjp-admin-adons-status-Active{color:#235700;font-weight: bold;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-title-wrp .wpjp-admin-adons-status-Install{color:#2a1abf;font-weight: bold;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-title-wrp span#wpjp-admin-addon-status-cdnversion{font-size:13px;color:#357e61;border: 1px solid #138b5b;padding:4px 8px;border-radius:5px;margin-left: 10px;background: #ffff;font-weight: bold;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-addonstatus-wrp{float: left;width:20%;font-weight: bold;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-addonsversion-wrp{float: left;width:15%;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-addonstatusbtn-wrp{float:left;width:15%;text-align:right;padding: 10px;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-addonstatusbtn-wrp a{padding: 10px 20px;border-radius: 30px;border: 1px solid #e0e1e0;background-color: white;color: #4b4b4d;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-addonstatusbtn-wrp .wpjp-admin-addons-update-btn{padding: 13px 20px;border-radius:10px;border: 2px solid #e0e1e0;background-color:#0f7d4b;color: white;font-weight: bold;display: inline-block;cursor: pointer;text-decoration: unset;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-addonstatusbtn-wrp .wpjp-admin-addons-buy-btn{padding: 13px 20px;border-radius:10px;border: 2px solid #2a1abf;background-color:#2a1abf;color: white !important;font-weight: bold;display: inline-block;text-decoration: unset;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-addonstatusbtn-wrp .wpjp-admin-addons-expired-btn{color:#c03437;border-color: #c03437;font-weight: bold;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-msg{font-size: 14px;padding: 10px 12px;background: #ffff;font-weight: 500;float: left;width: 99%;margin-top: 15px;margin-left: 0.5%;display: none;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-msg.wpjp_admin_success{color: #0C6E45;border: 1px solid #0C6E45;background-color: #d6ece2;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-msg.wpjp_admin_error{color: #FF4F4E;border: 1px solid #FF4F4E;background-color: #fae1e1;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-msg .wpjp-admin-addon-status-msg-txt{margin: 2px 5px 0;}
div#black_wrapper_translation {
    /* background-color: rgba(0, 0, 0, 0.5); */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
          background-color: rgb(255 255 255 / 85%);
    z-index: 999;
    transition: opacity 0.3s 
ease;
display: none;
}
div#jstran_loading img{
    width: 300px;
    height: 300px;
}
/* premium addon installer */
div#wpjobportaladmin-data .wpjobportal-addon-installer-wrapper button{border-radius: 8px;
    background: linear-gradient(90deg, rgba(79, 70, 229, 1) 0%, rgba(14, 23, 199, 1) 50%, rgba(80, 35, 210, 1) 100%);
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding: 17px 30px;
    border: 1px solid #eee;
    color: #fff;
    font-weight: bold;
}
div#wpjobportaladmin-data button:hover{color: #ffff;}
div#jstran_loading { display: none; z-index:9999; position: fixed; top: 30%; left: calc(50% - 64px);}
div#wpjobportal-admin-wrapper.wpjobportal-admin-installer-wrapper{margin: 0;width: 100%;background-color: #026ef8;padding: 30px 30px 80px;min-height: 45vh;border-radius: 8px; background: linear-gradient(90deg, rgba(79, 70, 229, 1) 0%, rgba(14, 23, 199, 1) 50%, rgba(80, 35, 210, 1) 100%);}
div#wpjobportal-admin-wrapper.wpjobportal-admin-installer-wrapper.step1{border-radius: 0 0 10px 10px; padding:80px 80px 100px;background: linear-gradient(90deg, rgba(79, 70, 229, 1) 0%, rgba(14, 23, 199, 1) 50%, rgba(80, 35, 210, 1) 100%); }
div#wpjobportal-lower-wrapper {width: 100%;display: inline-block;} 
div.wpjobportal-addon-installer-wrapper {float: left;width: 100%;position: relative;}
div.wpjobportal-addon-installer-wrapper form{display: flex;align-items: stretch;gap: 45px;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-left-section-wrap {width: 350px;float: left;background: #fff;padding: 20px;border-radius: 20px;background-image: url("../../includes/images/installer/bg-1.png");background-size: contain;background-position:0 100%;background-repeat: no-repeat;box-shadow: 0 0px 30px #061d42;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-left-section-wrap div.wpjobportal-addon-installer-left-image-wrap {display:flex;flex-direction: column;float: left;text-align: center;border: 1px solid #026ef8;padding: 20px;border-radius: 20px;background-color: #fff;justify-content: center;height: 100%;width: 100%;align-items: center;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-left-section-wrap div.wpjobportal-addon-installer-left-image-wrap .wpjobportal-addon-installer-left-image {width: 236px;margin:0 auto; height: auto;max-width: 100%;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-left-section-wrap div.wpjobportal-addon-installer-left-image-wrap .wpjobportal-addon-installer-left-title{display: flex;align-items: center;justify-content: center;text-align: center;padding-top: 40px;font-weight: bold;font-size: 25px;line-height: 35px;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-left-section-wrap div.wpjobportal-addon-installer-left-heading {display: inline-block;width: 100%;float: left;color: #ffffff;font-size: 28px;text-align: center;line-height: 38px;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-left-section-wrap div.wpjobportal-addon-installer-left-title {display: inline-block;width: 100%;float: left;color: #ffffff;font-size: 18px;text-align: center;line-height: 28px;margin-bottom: 20px;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-left-section-wrap div.wpjobportal-addon-installer-left-description {display: inline-block;width: 100%;float: left;color: #ffffff;font-size: 16px;line-height: 30px;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap {display: inline-block;width: calc(100% - 395px);float: left;background-color: #fff;border-radius: 20px;padding: 30px 30px 50px;background-image: url("../../includes/images/installer/bg-2.png");background-size: contain;background-position:0 100%;background-repeat: no-repeat;box-shadow: 0 0px 30px #061d42;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap.step2{width: 100%;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap .wpjobportal-addon-installer-right-section-heading-wrp{display: flex;align-items: center;justify-content: space-between;padding-bottom: 20px;margin-bottom: 30px;border-bottom: 1px solid #dfdfdf;gap: 5px;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap .wpjobportal-addon-installer-right-section-heading-wrp .wpjobportal-addon-installer-right-section-heading{float: left;font-size: 28px;line-height: 40px;font-weight: bold;color: #000;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap .wpjobportal-addon-installer-right-section-heading-wrp .wpjobportal-addon-installer-right-section-btn-wrp{display: flex;justify-content: center;gap: 5px;min-width: fit-content;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap .wpjobportal-addon-installer-right-section-heading-wrp .wpjobportal-addon-installer-right-section-head-closebtn{display: flex;align-items: center;border: 2px solid #974244;justify-content: center;padding: 7px 8px;border-radius: 8px;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap .wpjobportal-addon-installer-right-section-heading-wrp .wpjobportal-addon-installer-right-section-head-closebtn img{width: 20px;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-heading {text-align: center;width: 100%;font-size: 20px;line-height: 30px;font-weight: bold;padding-top: 30px;padding-bottom: 5px;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-description {text-align: center;width: 100%;font-size: 16px;color: #fff;margin: 20px 0;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-description .wpjobportal-addon-installer-install-btn {display: inline-block;padding: 15px 40px;background: #026ef8;color: #fff !important;border: 1px solid #026ef8;border-bottom: 2px solid #32373c;border-radius: 6px; cursor: pointer;text-decoration: none;font-size: 16px;font-weight: bold;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-description .wpjobportal-addon-installer-install-btn:hover {background: #fff;color: #026ef8 !important;border-color:#026ef8;}
div#wpjobportaladmin-data a.wpjobportal-addon-installer-addon-list-link {font-size: 17px;color: #000;text-decoration: none;display: inline-block;padding: 0 10px;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-key-section {display: inline-block;width: 100%;padding-top: 20px;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-key-section div.wpjobportal-addon-installer-right-key-label {display: inline-block;width: 100%;color: #fff;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-key-section div.wpjobportal-addon-installer-right-key-field {display: flex;align-items: center;justify-content: center; width: 100%;margin-bottom: 25px;flex-direction: column;gap: 10px;}
div#wpjobportaladmin-data input, 
div#wpjobportaladmin-data button, 
div#wpjobportaladmin-data select, 
div#wpjobportaladmin-data textarea {font-family: inherit;font-size: inherit;line-height: inherit;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-key-section div.wpjobportal-addon-installer-right-key-field input.wpjobportal_key_field {display: inline-block;width: 80%;height: 55px;background: #fff;color: #000;border-color: #dfdfdf;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-key-section div.wpjobportal-addon-installer-right-key-button {display: inline-block;text-align: center;width: 100%;padding:20px 0;}
div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-key-section div.wpjobportal-addon-installer-right-key-button button {display: inline-block;padding: 15px 30px;background: #026ef8;color: #fff;border: 1px solid #eee;font-weight: bold;cursor: pointer;width: 90%;font-size: 16px !important;line-height: initial; border: 1px solid 1px solid var(--wjp-color-primary);border-bottom: 2px solid #32373c;border-radius: 6px;}
div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-key-section div.wpjobportal-addon-installer-right-key-button button:hover{background: #fff;color: #026ef8;border-color: #026ef8;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-key-section div.wpjobportal-addon-installer-right-key-field div.wpjobportal-addon-installer-right-key-field-message {display: inline-block;padding: 12.5px 15px;border: 1px solid red;background:#ffe8e8;font-size: 15px;width: 80%;border-radius: 4px;text-align: center;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-key-section div.wpjobportal-addon-installer-right-key-field div.wpjobportal-addon-installer-right-key-field-message img {display: inline-block;padding-right: 5px;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-addon-wrapper {display: inline-block;width: 100%;}
.wpjobportal-addon-go-back-messsage-wrap {display: inline-block;width: 100%;text-align: center;padding: 30px;}  
.wpjobportal-addon-go-back-messsage-wrap h1 {display: inline-block;width: 100%;text-align: center;line-height: initial;}
div#wpjobportaladmin-data .wpjobportal-addon-go-back-messsage-wrap a.wpjobportal-addon-go-back-link {margin-top: 30px;display: inline-block;padding: 15px 30px;background:  #026ef8;width: 65%;border-radius: 6px; color: #fff;border: 1px solid  #026ef8;border-bottom: 2px solid #32373c; font-weight: bold;font-size: 16px; text-decoration: none;}
div#wpjobportaladmin-data .wpjobportal-addon-go-back-messsage-wrap a.wpjobportal-addon-go-back-link:hover {background: #fff;border-color:  #026ef8;color:  #026ef8;}
div.wpjobportal-addon-installer-wrapper.step3 {display: flex;align-items: center;justify-content: center;flex-direction: column;padding:80px 20px 90px ; width: 100%;position: relative;border-radius: 20px;background-color: #fff;background-image: url("../../includes/images/installer/bg-2.png"), url("../../includes/images/installer/adon-bg.png");background-size: contain, auto;background-position: 0 100%, top center;background-repeat: no-repeat;box-shadow: 0 0px 30px #061d42;}
div.wpjobportal-addon-installer-wrapper.step3 div.wpjobportal-addon-installer-left-image-wrap {display: inline-block;width: 100%;float: left;text-align: center;}
div.wpjobportal-addon-installer-wrapper.step3 div.wpjobportal-addon-installer-left-image-wrap .wpjobportal-addon-installer-left-image {display: inline-block;}
div.wpjobportal-addon-installer-wrapper.step3 div.wpjobportal-addon-installer-left-heading {display: inline-block;width: 100%;float: left;font-size: 26px;text-align: center;line-height: 36px;font-weight: bold;margin:40px 0 25px;}
div.wpjobportal-addon-installer-wrapper.step3 div.wpjobportal-addon-installer-left-description {display: inline-block;width: 100%;float: left;font-size: 18px;line-height: 30px;text-align: center;}
div.wpjobportal-addon-installer-wrapper.step3 div.wpjobportal-addon-installer-right-button {display: inline-block;text-align: center;width: 100%;margin-top: 40px;}
div#wpjobportaladmin-data div.wpjobportal-addon-installer-wrapper.step3 div.wpjobportal-addon-installer-right-button a {display: inline-block;padding: 15px 30px;color: #fff;border: 1px solid #026ef8;border-bottom: 2px solid #32373c; font-weight: bold;font-size: 16px;color: #fff;text-decoration: none;width: 65%;border-radius: 6px;background: linear-gradient(90deg, rgba(79, 70, 229, 1) 0%, rgba(14, 23, 199, 1) 50%, rgba(80, 35, 210, 1) 100%);}
div#wpjobportaladmin-data div.wpjobportal-addon-installer-wrapper.step3 div.wpjobportal-addon-installer-right-button a:hover{background-color: #fff;color: #026ef8;border-color: #026ef8;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-addon-wrapper div.wpjobportal-addon-installer-right-addon-section{display: flex;align-items: stretch;flex-wrap: wrap;gap: 15px; width: 100%;padding-bottom: 50px;border-bottom: 1px solid #dfdfdf;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-addon-wrapper div.wpjobportal-addon-installer-right-addon-single{display: inline-block; width: 100%;width: calc( (100% / 3) - 10px); position: relative;float: left;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-addon-wrapper div.wpjobportal-addon-installer-right-addon-single div.wpjobportal-addon-installer-right-addon-name{display:flex;align-items: center; width: 100%;border: 1px solid #dfdfdf;border-top-width:0px; padding:12px 10px;font-size: 18px;font-weight: bold;background-color: #fff;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-addon-wrapper div.wpjobportal-addon-installer-right-addon-single .wpjobportal-addon-installer-right-addon-image{display: inline-block; width: 100%;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-addon-wrapper div.wpjobportal-addon-installer-right-addon-single .wpjobportal-addon-installer-right-addon-single-checkbox{display: inline-block;width: 24px;height: 25px;border-radius: unset;border-color: #dfdfdf;margin-right: 10px;margin-top: 0;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-addon-wrapper div.wpjobportal-addon-installer-right-addon-single .wpjobportal-addon-installer-right-addon-single-checkbox[type="checkbox"]:checked::before{width: 100%;height: 100%;margin: 0;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap .wpjobportal-addon-installer-right-addon-bottom{display: inline-block; width: 100%;padding: 15px 10px;border: 1px solid #eee;font-weight: bold;font-size: 15px;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap .wpjobportal-addon-installer-right-addon-bottom .wpjobportal-addon-installer-right-addon-checkall-checkbox{width: 24px;height: 25px;border-radius: unset;border-color: #dfdfdf;margin-right: 10px;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap .wpjobportal-addon-installer-right-addon-bottom .wpjobportal-addon-installer-right-addon-checkall-checkbox:checked::before{width: 100%;height: 100%;margin: 0;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-button {display:flex;align-items: center;justify-content: center;width: 100%;padding: 50px 0;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-button button.wpjobportal_btn {display: inline-block;width: 70%;padding: 15px 30px;background: #026ef8;border: 1px solid #eee;color: #fff;cursor: pointer;font-weight: bold;font-size: 16px !important;border-bottom: 2px solid #32373c;border-radius: 6px;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-button button.wpjobportal_btn:hover{border-color: #026ef8;color: #026ef8;background-color: #fff;}

/* addon list */
div.wpjobportaladmin-add-on-page-wrp {float: left;width: 100%;background: #fff;border-radius: 10px;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-banner {float: left;width: 100%;position: relative;height: 400px;text-align: center;padding: 3% 0;z-index: 0;background: url('../images/add-on-list/top-bg.png') no-repeat;background-size: cover;background-position: bottom left;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-banner img.add-on-banner-left-img {max-width: 100%;height: 100%;position: absolute;left: 0;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-banner img.add-on-banner-right-img {max-width: 100%;height: 100%;position: absolute;right: 0;z-index: -1;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt {float: left;width: 100%;padding: 0 30px 30px;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-sec-header {float: left;width: 100%;padding: 50px 0 30px;text-align: center;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-sec-header .add-on-header-tit {line-height: initial;margin: 0 0 15px;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-msg {float: left;width: 100%;padding: 15px;background: #f3f2ff;border-top: 2px solid #645ecf;border-bottom: 2px solid #e0e0e0;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-msg .add-on-msg-txt {float: left;margin: 10px 0;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-msg a.add-on-msg-btn {float: right;padding: 10px 15px;font-size: 16px;font-weight: bold;text-decoration: none !important;text-transform: capitalize;background: #fecb19;color: #444 !important;box-shadow: 0px 2px 0 0 rgba(0,0,0,0.5);}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list {float: left;width: 100%;padding: 15px 0 50px;border-bottom: 2px solid #dbdbda;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item {float: left;width: calc(100% / 3 - 20px);margin: 10px;padding: 20px 15px;height: 390px;text-align: center;background: #f1f1f1;border: 1px solid #ebebeb;transition: all .3s ease;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item:hover {border-color: #563d67;background: #fff;box-shadow: 0 0 25px 0 rgba(0,0,0,0.5    );}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item img.add-on-img {margin-bottom: 20px;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item div.add-on-name {margin-bottom: 20px;font-size: 16px;color: #23282d;font-weight: bold;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item div.add-on-price {margin-bottom: 25px;font-weight: 700;font-size: 45px;line-height: initial;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item div.add-on-txt {line-height: 1.8;min-height: 85px;color: #6a6d6f;font-size: 14px;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item a.add-on-btn {display: inline-block;padding: 15px;width: 100%;text-transform: uppercase;text-decoration: none !important;border: 1px solid transparent;color: #fff !important;transition: all .3s ease;font-weight: bold;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list {float: left;width: 100%;padding-top: 30px;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item div.add-on-bundle-pack-deal-wrp {padding: 22px;background-color: #d6e9ff;border-bottom: 2px solid #56a2e4;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item div.add-on-bundle-pack-deal-wrp span.add-on-bundle-pack-deal {padding: 10px 30px;background-color: #3e4095;color: #fff;font-size: 18px;font-weight: 600;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic {border-top: 4px solid #00a859;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard {border-top: 4px solid #e7015e;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional {border-top: 4px solid #4f4670;margin-top: 0px;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item {float: left;width: calc(100% / 3 - 20px);margin: 10px;text-align: center;border: 1px solid #ebebeb;transition: all .3s ease;margin-top: 75px;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item:hover {box-shadow: 0 0 25px 0 rgba(0,0,0,0.5   );}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item div.add-on-bundle-pack-name {margin: 0 auto;font-size: 35px;position: relative;padding: 35px 0!important;background-color: #fff;text-align: center;font-weight: 700;line-height: 28px;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item div.add-on-bundle-pack-price {padding: 30px 0;position: relative;z-index: 2;font-weight: 700;font-size: 36px;line-height: initial;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item div.add-on-bundle-pack-price span {display: inline-block;margin-left: 3px;font-size: 18px;font-weight: normal;vertical-align: middle;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item ul.add-on-bundle-pack-feat {margin: 0;padding: 0;list-style: none;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item ul.add-on-bundle-pack-feat li {padding: 18px 0;margin: 0;border-bottom: 1px solid #dedede;color: #777883;font-weight: 400;font-size: 16px;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item ul.add-on-bundle-pack-feat li a {text-transform: capitalize;text-decoration: underline;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item div.add-on-bundle-pack-btn {padding: 15px;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item div.add-on-bundle-pack-btn a {display: inline-block;padding: 15px;width: 100%;text-transform: uppercase;font-size: 16px;font-weight: 700;text-decoration: none !important;border: 2px solid ;color: #fff !important;transition: all .3s ease;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item div.add-on-bundle-pack-normal-price {color: #606062;font-weight: bold;text-shadow: none;display: inline-block;float: left;padding: 15px 0;width: 100%;font-size: 20px;font-weight: normal;text-decoration: line-through;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic div.add-on-bundle-pack-normal-price {background-color: #dbffee;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard div.add-on-bundle-pack-normal-price {background-color: #fce0e4;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional div.add-on-bundle-pack-normal-price {background-color: #f7ebff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item div.add-on-bundle-pack-price {float: left;width: 100%;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item div.add-on-bundle-pack-saving-price {font-weight: 700;font-size: 18px;text-align: center;padding: 15px;float: left;width: 100%;margin-bottom: 18px;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic div.add-on-bundle-pack-saving-price {background-color: #dbffee;color: #0e8f4a;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard div.add-on-bundle-pack-saving-price {background-color: #fce0e4;color: #7a212d;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional div.add-on-bundle-pack-saving-price {background-color: #f7ebff;color: #5e1c6b;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic:hover {border-color: #00a859;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic div.add-on-bundle-pack-name {color: #00a859;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic div.add-on-bundle-pack-price {background: #00a859;color: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic ul.add-on-bundle-pack-feat li a {color: #00a859;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic div.add-on-bundle-pack-btn a {background: #00a859;border-color: #00a859;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic div.add-on-bundle-pack-btn a:hover {background: #fff;color: #00a859 !important;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard:hover {border-color: #e7015e;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard div.add-on-bundle-pack-name {color: #e7015e;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard div.add-on-bundle-pack-price {background: #e7015e;color: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard ul.add-on-bundle-pack-feat li a {color: #e7015e;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard div.add-on-bundle-pack-btn a {background: #e7015e;border-color: #e7015e;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard div.add-on-bundle-pack-btn a:hover {background: #fff;color: #e7015e !important;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional:hover {border-color: #3b1d82;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional div.add-on-bundle-pack-name {color: #4f4670;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional div.add-on-bundle-pack-price {background: #4f4670;color: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional ul.add-on-bundle-pack-feat li a {color: #3b1d82;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional div.add-on-bundle-pack-btn a {background: #3b1d82;border-color: #3b1d82;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional div.add-on-bundle-pack-btn a:hover {background: #fff;color: #3b1d82 !important;}
.wpjobportaladmin-addon-go-back-messsage-wrap {display: inline-block;width: 100%;text-align: center;padding: 30px;}
.wpjobportaladmin-addon-go-back-messsage-wrap h1 {display: inline-block;width: 100%;text-align: center;}
div#wpjobportaladmin-data .wpjobportaladmin-addon-go-back-messsage-wrap a.wpjobportaladmin-addon-go-back-link {margin-top: 15px;padding: 5px 15px;display: inline-block;padding: 10px 30px;background: #000;color: #fff;border: 1px solid #d1d3d3;font-weight: bold;text-decoration: none;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.address-data a.add-on-btn {background: #efb24d;border: 1px solid #efb24d;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.address-data a.add-on-btn:hover {color: #efb24d !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.widget a.add-on-btn {background: #A96B0E;border: 1px solid #A96B0E;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.widget a.add-on-btn:hover {color: #A96B0E !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.adv-res-builder a.add-on-btn {background: #de8a0c;border: 1px solid #de8a0c;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.adv-res-builder a.add-on-btn:hover {color: #de8a0c !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.copy-job a.add-on-btn {background: #b827c5;border: 1px solid #b827c5;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.copy-job a.add-on-btn:hover {color: #b827c5 !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.credits a.add-on-btn {background: #262eb5;border: 1px solid #262eb5;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.credits a.add-on-btn:hover {color: #262eb5 !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.cron-job a.add-on-btn {background: #dc9e33;border: 1px solid #dc9e33;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.cron-job a.add-on-btn:hover {color: #dc9e33 !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.cust-fields a.add-on-btn {background: #4c6c8b;border: 1px solid #4c6c8b;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.cust-fields a.add-on-btn:hover {color: #4c6c8b !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.export a.add-on-btn {background: #e3624d;border: 1px solid #e3624d;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.export a.add-on-btn:hover {color: #e3624d !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.feat-comp a.add-on-btn {background: #9d52c2;border: 1px solid #9d52c2;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.feat-comp a.add-on-btn:hover {color: #9d52c2 !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.feat-job a.add-on-btn {background: #c13535;border: 1px solid #c13535;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.feat-job a.add-on-btn:hover {color: #c13535 !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.feat-res a.add-on-btn {background: #4c7092;border: 1px solid #4c7092;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.feat-res a.add-on-btn:hover {color: #4c7092 !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.folders a.add-on-btn {background: #ae7013;border: 1px solid #ae7013;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.folders a.add-on-btn:hover {color: #ae7013 !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.res-act a.add-on-btn {background: #5cc555;border: 1px solid #5cc555;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.res-act a.add-on-btn:hover {color: #5cc555 !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.res-srch a.add-on-btn {background: #be22cc;border: 1px solid #be22cc;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.res-srch a.add-on-btn:hover {color: #be22cc !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.job-alert a.add-on-btn {background: #e08b09;border: 1px solid #e08b09;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.job-alert a.add-on-btn:hover {color: #e08b09 !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.messages a.add-on-btn {background: #bf21cd;border: 1px solid #bf21cd;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.messages a.add-on-btn:hover {color: #bf21cd !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.multi-comp a.add-on-btn {background: #c13434;border: 1px solid #c13434;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.multi-comp a.add-on-btn:hover {color: #c13434 !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.multi-res a.add-on-btn {background: #5bc454;border: 1px solid #5bc454;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.multi-res a.add-on-btn:hover {color: #5bc454 !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.departments a.add-on-btn {background: #166bb0;border: 1px solid #166bb0;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.departments a.add-on-btn:hover {color: #166bb0 !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.pdf a.add-on-btn {background: #efb24e;border: 1px solid #efb24e;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.pdf a.add-on-btn:hover {color: #efb24e !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.print a.add-on-btn {background: #bb24c9;border: 1px solid #bb24c9;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.print a.add-on-btn:hover {color: #bb24c9 !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.reports a.add-on-btn {background: #e45f4a;border: 1px solid #e45f4a;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.reports a.add-on-btn:hover {color: #e45f4a !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.rss a.add-on-btn {background: #252db2;border: 1px solid #252db2;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.rss a.add-on-btn:hover {color: #252db2 !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.shortlist a.add-on-btn {background: #41bb3f;border: 1px solid #41bb3f;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.shortlist a.add-on-btn:hover {color: #41bb3f !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.social-login a.add-on-btn {background: #ba7e24;border: 1px solid #ba7e24;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.social-login a.add-on-btn:hover {color: #ba7e24 !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.social-share a.add-on-btn {background: #12a67b;border: 1px solid #12a67b;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.social-share a.add-on-btn:hover {color: #12a67b !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.tags a.add-on-btn {background: #4c6d8d;border: 1px solid #4c6d8d;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.tags a.add-on-btn:hover {color: #4c6d8d !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.tell-a-friend a.add-on-btn {background: #1b6fb3;border: 1px solid #1b6fb3;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.tell-a-friend a.add-on-btn:hover {color: #1b6fb3 !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.themes a.add-on-btn {background: #e45e49;border: 1px solid #e45e49;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.themes a.add-on-btn:hover {color: #e45e49 !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.apply-as-vis a.add-on-btn {background: #0ea27c;border: 1px solid #0ea27c;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.apply-as-vis a.add-on-btn:hover {color: #0ea27c !important;background: #fff;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.visi-add-job a.add-on-btn {background: #1b269f;border: 1px solid #1b269f;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.visi-add-job a.add-on-btn:hover {color: #1b269f !important;background: #fff;}

/* admin dashboard widgets */
div#wp-job-portal-widget-wrapper {display: inline-block;width: 100%;}
div#wp-job-portal-widget-wrapper div.total-stats-widget-data {display: inline-block;width: 46%;margin: 1% 2%;float: left;padding: 5px 15px;text-align: center;min-height: 135px;background-color: #fafafa;border: 1px solid #f1f1f1;}
div#wp-job-portal-widget-wrapper div.total-stats-widget-data img.total-jobs {display: inline-block;}
div#wp-job-portal-widget-wrapper div.total-stats-widget-data div.widget-data-right {display: inline-block;width: 100%;padding-top: 10px;font-size: 18px;vertical-align: middle;color: #777777;}
div#wp-job-portal-widget-wrapper div.total-stats-widget-data div.widget-data-right div.data-number {display: inline-block;font-weight: bold;clear: right;width: 100%;text-align: center;padding: 3px;}
div#wp-job-portal-widget-wrapper div.total-stats-widget-data div.widget-data-right div.data-text {display: inline-block;width: 100%;text-align: center;padding: 3px;}
div#wp-job-portal-widget-wrapper div.header-date {font-weight: bold;padding: 5px;margin-bottom: 10px;border-bottom: 1px solid #f1f1f1;color: #232833;background-color: #fafafa;}
div#wp-job-portal-widget-wrapper div.last-week-stats-widget-data {width: 100%;display: inline-block;color: #777;border: 1px solid #f1f1f1;font-size: 16px;margin-bottom: 5px;}
div#wp-job-portal-widget-wrapper div.last-week-stats-widget-data img {display: inline-block;}
div#wp-job-portal-widget-wrapper div.last-week-stats-widget-data div.middle-part {width: 68%;display: inline-block;padding-left: 10px;}
div#wp-job-portal-widget-wrapper div.last-week-stats-widget-data div.right-part {width: 15%;display: inline-block;border: 1px solid #f1f1f1;text-align: center;font-weight: bold;padding: 22px;float: right;background-color: #fafafa;}
div#wp-job-portal-widget-wrapper div.users-widget-data {display: inline-block;width: 100%;margin-bottom: 10px;position: relative;border: 1px solid #f1f1f1;}
div#wp-job-portal-widget-wrapper div.users-widget-data img.photo {display: inline-block;height: 70px;width: 75px;position: absolute;left: 10px;top: 9px;border: 1px solid #F1F1F1;}
div#wp-job-portal-widget-wrapper div.users-widget-data div.widget-data-upper {width: 100%;padding: 15px 10px;display: inline-block;color: #1773AA;font-weight: bold;padding-left: 95px;padding-bottom: 10px;}
div#wp-job-portal-widget-wrapper div.users-widget-data div.widget-data-upper span.Widget-data-date {display: inline-block;float: right;color: #76787B;}
div#wp-job-portal-widget-wrapper div.users-widget-data div.widget-data-lower {width: 100%;padding: 15px 10px;display: inline-block;background-color: #FAFAFA;border-top: 1px solid #F1F1F1;color: #76787B;padding-left: 95px;padding-top: 10px;}

  /* --- Update Key --- */
.wpjobportal-head-addons-status-wrp{ width:100% }
/* Form Container */
.wpjobportal-update-key-form {
    padding: 0;
}
.wpjobportal-addon-installer-right-key-field input[type=text]{ font-size:19px !important; }
.wpjobportal-update-key-wrp
 {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* Key Input Section */

    .wpjobportal-update-key-section {
    display: flex;
    justify-content: center;
    background-color: #f2f6ff;
    border: 1px solid #cececf;
    padding: 40px;
    flex-direction: column;
    width: 100%;
    border-radius: 10px;
}


/* Heading Style */
.wpjobportal-update-key-title {
 font-size: 24px;
    color: #333;
    margin-top: 0;
    margin-bottom: 15px;
    border-bottom: 2px solid #0073aa;
    font-weight: 700;
    padding-bottom: 17px;
}

/* Activation Key Input Field */
.wpjobportal-update-key-section input[type="text"] {
    width: 100%;
    padding: 12px 15px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
    transition: border-color 0.3s;
}

.wpjobportal-update-key-section input[type="text"]:focus {
    border-color: #0073aa;
    outline: none;
    box-shadow: 0 0 5px rgba(0, 115, 170, 0.5);
}

/* Error Message Wrapper (Currently empty but styled for potential use) */
.wpjobportal-update-key-custom-errormsgwrp {
  color: #cc0000;
    font-weight: bold;
    margin-bottom: 15px;
    min-height: 30px;
    width: 100%;
}

/* Select Addons Header Section */
.wpjobportal-update-key-slctall-addonswrp {
          display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    padding: 35px;
    padding-top: 0px;
    padding-bottom: 0;
}
div#delete-info p {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    background-color: #e6f7ff;
    border: 1px solid #91d5ff;
    border-radius: 4px;
    color: #004a75;
    font-size: 14px;
    width: 100%;
    margin: 0 35px 0px 35px ;
}

.wpjobportal-update-key-slctall-addon-title {
    display: flex;
    align-items: center;
    font-size: 22px;
    font-weight: bold;
    line-height: 35px;
}

/* Select All Checkbox Wrapper */
.wpjobportal-update-key-slctall-addon-checkbox-wrp {
        font-weight: bold;
    color: #333;
    border-radius: 5px;
    align-items: center !important;
    display: flex;
    align-items: flex-start;
    font-size: 14px;
    line-height: 24px;
    gap: 10px;
    margin-left: auto;
    padding: 10px;
    border: 1px solid #d4d4d4;
    background-color: #fafafa;
    min-width: fit-content;
}

.wpjobportal-update-key-slctall-addon-checkbox-wrp input[type="checkbox"] {
    margin-right: 8px;
    /* Basic checkbox styling, often best left to default or custom library */
    transform: scale(1.2); 
}

/* All Addons List Wrapper */
.wpjobportal-update-key-all-addons-wrp {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 15px;
    border-radius: 5px;
    width: 100%;
    margin: 0 35px;

}

/* Single Addon Item */
.wpjobportal-update-key-single-addon {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    padding: 15px;
    background-color: #fff;
}

.wpjobportal-update-key-single-addon input[type="checkbox"] {
    margin-right: 8px;
}

/* Info Message Wrapper */
.wpjobportal-update-key-infomsgwrp {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    margin-top: 20px;
    background-color: #e6f7ff; /* Light blue background for info */
    border: 1px solid #91d5ff;
    border-radius: 4px;
    color: #004a75;
    font-size: 14px;
    width: 100%;
        margin: 35px;
    margin-bottom: 10px;
}

.wpjobportal-update-key-infomsgwrp img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    /* Optional: Style for the info image if it's a generic icon */
}

/* Update Button Wrapper */
.wpjobportal-update-key-updtebtn-wrp {
    text-align: center;
    padding-top: 15px;
    border-top: 1px solid #eee;
    width: 100%;
}

/* Update Button */
.wpjobportal-update-key-updtebtn {
    background-color: #1919c9; /* Primary button color */
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.1s;
}

.wpjobportal-update-key-updtebtn:hover {
    background-color:#0d0d93; /* Darker blue on hover */
}

.wpjobportal-update-key-updtebtn:active {
    transform: translateY(1px);
}

  /* --- CUSTOM CSS FOR ADDON STATUS UPDATE SNIPPET --- */
        .wpjobportal-head-addons-status-update {
            /* Informational light blue background */
            background-color: #eff6ff; /* blue-50 */
            border: 1px solid #bfdbfe; /* blue-200 */
            color: #1e40af; /* blue-800 */
            padding: 1rem;
            border-radius: 0.75rem; /* rounded-xl */
            margin-bottom: 2rem; /* Add spacing below the notice */
            font-size: 0.875rem; /* text-sm */
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap; /* Allows wrapping on small screens */
            gap: 0.5rem;
            margin-top: 35px;
            font-weight:700 ;
        }
        a.wpjobportal-head-addons-status-update-offbtn {
    background-color: #b20707;
    color: #fff !important;
    font-weight: 600;
    padding: 15px;
    border-radius: 0.5rem;
    white-space: nowrap;
}

        .wpjobportal-head-addons-status-update-onbtn {
               background-color: #147e48;
    color: #fff !important;
    font-weight: 600;
    padding: 15px;
    border-radius: 0.5rem;
    white-space: nowrap;
        }

        .wpjobportal-head-addons-status-update-onbtn:hover {
            background-color: #1c4d36; /* green-200 on hover */
        }

         a.wpjobportal-head-addons-status-update-offbtn:hover {
                background-color: #620202;
            }


        /* ===================================================
           NEw Installer key page 
           =================================================== */



















        /* ===================================================
           2. General & Base Styles
           =================================================== */
      div#wpjobportaladmin-wrapper {
    margin-top: 20px;
    margin-right: 20px;
}
        #wpjobportaladmin-data {
            margin: 0 auto;
            padding-left: 70px;
            position: relative;
            transition: all 500ms;
            margin-left: 10px;
            padding-right: 10px;
        }

        /* Links and Anchors */
      div#wpjobportaladmin-wrapper tr td a {
            color: var(--wjp-color-primary);
            text-decoration: none;
            transition: color 0.2s, background-color 0.2s;
        }
        div#wpjobportaladmin-wrapper tr td a:hover {
            color: var(--wjp-color-primary-dark);
        }
  div#wpjobportaladmin-wrapper   a {
            /*color: var(--wjp-color-primary);*/
            text-decoration: none;
            transition: color 0.2s, background-color 0.2s;
        }
      div#wpjobportaladmin-wrapper   a:hover {
            color: var(--wjp-color-primary-dark);
        }
       div#wpjobportaladmin-wrapper .iris-picker .iris-square{margin-right: 5px;}
        /* Buttons */
       div#wpjobportaladmin-wrapper  .button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0.5rem 1rem;
            border-radius: var(--wjp-border-radius-sm);
            font-weight: var(--wjp-font-weight-medium);
            cursor: pointer;
            border: 1px solid var(--wjp-border-color);
            transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
            background-color: var(--wjp-bg-card);
            color: var(--wjp-text-dark);
            font-size: var(--wjp-font-size-sm);
        }
div#wpjobportaladmin-wrapper .button{
     padding: 17px 15px;
    height: 55px;
}

        div#wpjobportaladmin-wrapper .button:hover {
            background-color: var(--wjp-bg-light);
            box-shadow: var(--wjp-shadow);
        }
        
        /* Primary Action Button (Add New Job) */
       /* .wpjobportal-add-link {
            background-color: var(--wjp-color-primary);
            color: var(--wjp-text-white);
            border-color: var(--wjp-color-primary);
            padding: 0.6rem 1.25rem;
            border-radius: var(--wjp-border-radius);
            font-weight: var(--wjp-font-weight-semibold);
        }

        div#wpjobportaladmin-wrapper .wpjobportal-add-link:hover {
            background-color: #000;
            border-color: #fff;
            box-shadow: var(--wjp-shadow-md);
        }*/
       div#wpjobportaladmin-wrapper  .wp-core-ui .button-secondary:hover, .wp-core-ui .button.hover:hover, .wp-core-ui .button:hover{
              background-color: #000;
            color: #fff;
            box-shadow: var(--wjp-shadow-md);
        }
        
        div#wpjobportaladmin-wrapper .wpjobportal-add-link img {
 
            filter: brightness(0) invert(1); /* Makes the icon white */
            margin-right: 0.5rem;
        }

        /* Headings */
       div#wpjobportaladmin-wrapper  .wpjobportal-head-text {
            font-size: var(--wjp-font-size-3xl);
            font-weight: var(--wjp-font-weight-bold);
            color: #fff;
            margin: 0;
            line-height: 1.3;
        }
       div#wpjobportaladmin-wrapper  #wpjobportal-field-ordering-notice {
            margin-top: 20px;
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    margin-bottom: 2rem;
    background-color: var(--wjp-color-primary-bg);
    color: var(--wjp-text-dark);
    border: 1px solid var(--wjp-color-primary-light);
    border-left: 5px solid var(--wjp-color-primary);
    border-radius: var(--wjp-border-radius-sm);
    font-size: var(--wjp-font-size-sm);
    box-shadow: var(--wjp-shadow);
}
 div#wpjobportaladmin-wrapper #wpjobportal-field-ordering-notice img{padding-right: 10px;}

        /* ===================================================
           3. Layout Sections (Flexbox & Grid)
           =================================================== */

        /* TOP BAR */
     div#wpjobportaladmin-wrapper    #wpjobportal-wrapper-top {
            display: flex;
            justify-content: space-between;
            align-items: center;
             margin-bottom: -5px;
             
             /*background: #fff;*/
             /*padding: 13px;*/
             padding: 20px;
                 border-radius: 8px 8px 0 0;
                 background: #4f46e5;

       }

        div#wpjobportaladmin-wrapper #wpjobportal-wrapper-top-left,
       div#wpjobportaladmin-wrapper  #wpjobportal-wrapper-top-right {
            display: flex;
            align-items: center;
        }

        /* Breadcrumbs */
       div#wpjobportaladmin-wrapper  #wpjobportal-breadcrumbs ul {
            display: flex;
            list-style: none;
            padding: 0;
            margin: 0;
            font-size: var(--wjp-font-size-sm);
        }

       div#wpjobportaladmin-wrapper  #wpjobportal-breadcrumbs li {
            color: #fff !important;
            margin-right: 0.5rem;
        }

        div#wpjobportaladmin-wrapper #wpjobportal-breadcrumbs li:not(:last-child)::after {
            content: '/';
            margin-left: 0.5rem;
            color: var(--wjp-text-lighter);
        }

        /* Top Right Config/Help */
       div#wpjobportaladmin-wrapper  #wpjobportal-config-btn,
       div#wpjobportaladmin-wrapper  #wpjobportal-help-btn {
            margin-left: 1rem;
        }

       div#wpjobportaladmin-wrapper  #wpjobportal-config-btn img,
       div#wpjobportaladmin-wrapper  #wpjobportal-help-btn img {
           width: 30px;
    height: 30px;
    opacity: 0.7;
    transition: opacity 0.2s;
    border: 1px solid #fff;
    padding: 3px;
    border-radius: 9px;
    background: beige;
        }

       div#wpjobportaladmin-wrapper  #wpjobportal-config-btn img:hover,
       div#wpjobportaladmin-wrapper  #wpjobportal-help-btn img:hover {
            opacity: 1;
        }
        
       div#wpjobportaladmin-wrapper  #wpjobportal-vers-txt {
            font-size: var(--wjp-font-size-xs);
            color: #fff;
            margin-left: 1rem;
            padding: 9px 15px;
    border-radius: 9px;
    background: #2219ba;
        }
        
       div#wpjobportaladmin-wrapper  .wpjobportal-ver {
            font-weight: var(--wjp-font-weight-semibold);
            color: #fff;
        }

        /* TOP HEAD (Title and Add Button) */
     

        /* QUICK ACTIONS (Select All, Delete, Sort) */
       div#wpjobportaladmin-wrapper  #wpjobportal-page-quick-actions {
            display: flex;
            align-items: center;
            gap: 1rem;
            padding-bottom: 1rem ;
            border-bottom: 1px solid var(--wjp-border-color);
            margin-bottom: 1.5rem;
        }
        div#wpjobportaladmin-wrapper .wpjobportal-add-link,
        div#wpjobportaladmin-wrapper .wpjobportal-add-link.button {
    text-decoration: none;
    background-color: #148544;
    border: 1px solid  #148544 ;
    color: white;
    border-radius: 5px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: background-color 0.2s, transform 0.1s;  padding: 17px 15px;
    height: 55px;
}
    div#wpjobportaladmin-wrapper .wpjobportal-add-link:hover,
  div#wpjobportaladmin-wrapper .wpjobportal-add-link.button:hover {
background-color: #1b1b1b;
border: 1px solid #1b1b1b;
    color: white;
  }
    div#wpjobportaladmin-wrapper input.wjportal-form-wrp.wjportal-resume-form-btn-primary.wjportal-form-btn.wjportal-form-save-btn{
      padding: 17px 15px;
    height: 55px;
    }
    div#wpjobportaladmin-wrapper a.resume_submits.cancel.wjportal-form-wrp.wjportal-resume-form.wjportal-form-btn.wjportal-form-cancel-btn{   padding: 17px 15px;
    height: 55px;
    }
        div#wpjobportaladmin-wrapper .wpjobportal-page-quick-act-btn {
            display: flex;
            align-items: center;
            cursor: pointer;
            font-size: var(--wjp-font-size-sm);
            color: var(--wjp-text-medium);
            transition: color 0.2s;
            min-height: 50px;
            border-radius: 8px;
            padding: 0 10px;
                border: 1px solid #e8e8e8;
            background-color: #fff;
        }
        
        div#wpjobportaladmin-wrapper .wpjobportal-page-quick-act-btn:hover {
                 background-color: var(--wjp-color-primary-light);
    color: var(--wjp-color-primary-dark);
    border-color: var(--wjp-color-primary-dark);
        }

        div#wpjobportaladmin-wrapper .wpjobportal-page-quick-act-btn input[type="checkbox"] {
            margin-right: 0.5rem;
            width: 1rem;
            height: 1rem;
            accent-color: var(--wjp-color-primary);
        }

        div#wpjobportaladmin-wrapper .wpjobportal-page-quick-act-btn img {
            margin-right: 0.25rem;
            filter: opacity(0.7);
        }
     
        div#wpjobportaladmin-wrapper .wp-core-ui .button, .wp-core-ui .button-secondary{
            border: 1px solid var(--wjp-border-color);
                        border-radius: 8px;
                            border-radius: 8px;
                            display: flex;
                            background: var(--wjp-color-primary);
                            color: #fff;
                                padding: 5px 15px;
        }
       div#wpjobportaladmin-wrapper  .wpjobportal-sorting-wrp {
            margin-left: auto;
            display: flex;
            align-items: center;
            font-size: var(--wjp-font-size-sm);
            color: var(--wjp-text-medium);
        }
        
        div#wpjobportaladmin-wrapper .wpjobportal-sort-field select {
            border: 1px solid var(--wjp-border-color);
            border-radius: var(--wjp-border-radius-sm);
            padding: 0.3rem 0.5rem;
            margin-left: 0.5rem;
            background-color: var(--wjp-bg-card);
            color: var(--wjp-text-dark);
            font-size: var(--wjp-font-size-sm);
        }
        
      div#wpjobportal-admin-wrapper  .wpjobportal-sort-icon img {
                width: 50px;
    height: 50px;
    margin-left: 0.5rem;
    background: black;
    padding: 13px 8px;
    border-radius: 5px
        }
        div#wpjobportal-admin-wrapper  .wpjobportal-sort-icon img #sortingimage:hover {

             background: red;

        }


        /* FILTER FORM (CSS Grid for Responsiveness) */
       div#wpjobportaladmin-wrapper  .wpjobportal-filter-form {
            display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Spacing between all elements */
    padding: 20px;
    background-color: #f8f9fa; /* Light grey background */
    border: 1px solid #e9ecef;
    border-radius: 8px;
    align-items: center;
    box-sizing: border-box;
        }

        div#wpjobportaladmin-wrapper .wpjobportal-filter-form-grid {
            display: grid;
            /*grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));*/
             grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
            gap: 1rem;
        }

        div#wpjobportaladmin-wrapper .wpjobportal-form-input-field,
       div#wpjobportaladmin-wrapper  .wpjobportal-form-select-field {
           padding: 10px 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    flex: 1 1 200px; /* Grow to fill space, but min-width 200px */
    outline: none;
    transition: border-color 0.3s ease;
        }

       div#wpjobportaladmin-wrapper  .wpjobportal-form-input-field:focus,
       div#wpjobportaladmin-wrapper  .wpjobportal-form-select-field:focus {
            outline: none;
            border-color: var(--wjp-color-primary);
            box-shadow: 0 0 0 3px var(--wjp-color-primary-light);
        }
     
        div#wpjobportaladmin-wrapper .wpjobportal-form-checkbox-field {
              display: flex;
    align-items: center;
    font-size: var(--wjp-font-size-base);
    color: var(--wjp-text-dark);
    Font-size: 14px;
    line-height: 2;
    color: #2c3338;
     border: 1px solid var(--wjp-border-color);
    box-shadow: none;
    border-radius: 8px;
    padding: 0 24px 0 8px;
    min-height: 30px;
    max-width: 25rem;
    background-color: #fff;
    height: 55px;
        }

       div#wpjobportaladmin-wrapper  .wpjobportal-form-chkbox-field input[type="checkbox"] {
            margin-right: 0.5rem;
            width: 1.25rem;
            height: 1.25rem;
            accent-color: var(--wjp-color-primary);
        }

        div#wpjobportaladmin-wrapper div#wpjobportaladmin-wrapper div#wpjobportaladmin-wrapper .wpjobportal-form-search-btn,
       div#wpjobportaladmin-wrapper div#wpjobportaladmin-wrapper  .wpjobportal-form-reset-btn {
            width: auto;
            flex-grow: 1; /* Allows buttons to take available space */
            padding: 0.75rem 1.5rem;
            font-weight: var(--wjp-font-weight-semibold);
            border-radius: var(--wjp-border-radius-sm);
            max-width: 100px;
        }
        
       div#wpjobportaladmin-wrapper  .wpjobportal-form-search-btn {
            background-color: var(--wjp-color-primary);
            color: var(--wjp-text-white);
            border-color: var(--wjp-color-primary);
            height: 55px;
        }
        
       div#wpjobportaladmin-wrapper  .wpjobportal-form-search-btn:hover {
            background-color: var(--wjp-color-primary-dark);
            border-color: var(--wjp-color-primary-dark);
        }
      div#wpjobportaladmin-wrapper   input#reset {
        background-color: rgb(227, 227, 227);
    color: rgb(51, 51, 51);
    border-radius: 8px;
    border: 0px;
    font-weight: 500;
        height: 55px;
}
 div#wpjobportaladmin-wrapper input#reset:hover {
    background-color: #d9d9da;
    transform: translateY(-1px);

}

 div#wpjobportaladmin-wrapper .wpjobportal-filter-form .wpjobportal-form-checkbox-field span.wpjobportal-form-chkbox-field{
        border: unset; 
     min-height:unset ; 
    width: 100%;
     padding: unset; 
     margin-bottom:unset ; 
}
/* Advanced Search Toggle Button */
.wpjobportal-filter-form .wpjobportal-toggle-filter-btn {
    background-color: transparent;
    border: 1px solid #007bff;
    color: #007bff;
    flex: 0 0 auto;
}

.wpjobportal-filter-form .wpjobportal-toggle-filter-btn:hover {
    background-color: #e2e6ea;
}

/* 4. Advanced/Extra Filter Section Container */
/* This ensures the extra fields break to a new line/row */
.wpjobportal-filter-form .wpjobportal-extra-filter-fields {
    flex-basis: 100%; /* Force full width */
    width: 100%;
    display: flex; /* Use flex inside this container too */
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 10px;
    padding-top: 15px;
    border-top: 1px dashed #ccc;
    /* By default, you might want this hidden via JS, or use display:none here */
}

/* 5. Date Picker styling adjustments */
.wpjobportal-filter-form .custom_date {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
}

/* 6. Checkbox Container */
.wpjobportal-filter-form .wpjobportal-form-checkbox-field {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #333;
    font-size: 14px;
}

.wpjobportal-filter-form .wpjobportal-form-checkbox-field input[type="checkbox"] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* 7. Mobile Responsiveness */
@media (max-width: 768px) {
    .wpjobportal-filter-form {
        
        align-items: stretch; /* Stretch inputs to full width */
    }

    .wpjobportal-filter-form .wpjobportal-form-input-field,
    .wpjobportal-filter-form .wpjobportal-form-select-field,
    .wpjobportal-filter-form .button,
    .wpjobportal-filter-form .wpjobportal-toggle-filter-btn {
        width: 100%; /* Full width on mobile */
        flex: 1 1 auto;
    }
}

        /* ===================================================
           4. Job List Item (The Card - Heavy Flexbox)
           =================================================== */

      div#wpjobportaladmin-wrapper   .wpjobportal-jobs-list {
            background-color: var(--wjp-bg-card);
            border: 1px solid var(--wjp-border-color);
            border-radius: var(--wjp-border-radius);
            box-shadow: var(--wjp-shadow-md);
            margin-bottom: 1.5rem;
            padding: 1.5rem;
            transition: box-shadow 0.3s, border-color 0.3s;
                position: relative;
        }

       div#wpjobportaladmin-wrapper  .wpjobportal-jobs-list:hover {
            box-shadow: var(--wjp-shadow-lg);
            border-color: var(--wjp-color-primary-light);
        }
      div#wpjobportaladmin-wrapper   span.selector {
    display: none;
    position: absolute;
    border: 2px solid #ededed;
    padding: 6px 5px 6px 8px;
    background: #F8F8F8;
    z-index: 99998;
        left: -4px;
    top: 17px;
}

        /* Top content area */
        div#wpjobportaladmin-wrapper #item-data {
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
        }

        div#wpjobportaladmin-wrapper .selector {
            flex-shrink: 0;
            padding-right: 1rem;
        }

        div#wpjobportaladmin-wrapper .selector input[type="checkbox"] {
            width: 1.25rem;
            height: 1.25rem;
            accent-color: var(--wjp-color-primary);
        }

       div#wpjobportaladmin-wrapper  .wpjobportal-jobs-list-top-wrp {
            flex-grow: 1;
            display: flex;
            align-items: flex-start;
            gap: 1.5rem;
            width: 100%;
        }
        
       div#wpjobportaladmin-wrapper  .featurednew {
            position: absolute;
            top: 0;
            right: 200px;
            background: linear-gradient(9deg,rgba(79, 70, 229, 1) 0%, rgba(14, 23, 199, 1) 50%);
            color: #fff;
            padding: 15px;
            border-radius: 0 0 var(--wjp-border-radius-sm) var(--wjp-border-radius-sm);
            font-size: 16px;
            font-weight: var(--wjp-font-weight-bold);
            z-index: 10;
        }
        
       div#wpjobportaladmin-wrapper  .wpjobportal-jobs-logo {
            flex-shrink: 0;
            width: 94px;
            height: 94px;
            border-radius: var(--wjp-border-radius-sm);
            overflow: hidden;
            border: 1px solid var(--wjp-border-color);
            background-color: var(--wjp-bg-light);
        }

       div#wpjobportaladmin-wrapper  .wpjobportal-jobs-logo img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        div#wpjobportaladmin-wrapper .wpjobportal-jobs-cnt-wrp {
            flex-grow: 1;
            display: flex;
            justify-content: space-between;
        }

       div#wpjobportaladmin-wrapper  .wpjobportal-jobs-middle-wrp {
            flex-grow: 1;
            padding-right: 2rem;
        }

        div#wpjobportaladmin-wrapper .wpjobportal-companyname {
                font-size: var(--wjp-font-size-base);
            font-weight: var(--wjp-font-weight-medium);
            color: var(--wjp-color-primary);
            display: block;
            margin-bottom:12px;
        }

       div#wpjobportaladmin-wrapper  .wpjobportal-jobs-title a {
            font-size: var(--wjp-font-size-xl);
            font-weight: var(--wjp-font-weight-bold);
            color: var(--wjp-text-dark);
            display: inline-block;
            margin-right: 0.75rem;
            line-height: 1.3;
        }
        
        div#wpjobportaladmin-wrapper .wpjobportal-jobs-title a:hover {
            color: var(--wjp-color-primary-dark);
        }
       div#wpjobportal-admin-wrapper .wpjobportal-company-data.wpjobportal-company-desc p {
    font-size: var(--wjp-font-size-base);
}
        /* Status Tags */
      div#wpjobportaladmin-wrapper   .wpjobportal-item-status {
            display: inline-flex;
            align-items: center;
            padding: 0.25rem 0.6rem;
            border-radius: 5px; /* Pill shape */
            font-size: var(--wjp-font-size-xs);
            font-weight: var(--wjp-font-weight-semibold);
            text-transform: uppercase;
            margin-right: 0.5rem;
        }

    
        
        /* Specific status style overrides the general .approved if present in HTML */
       div#wpjobportaladmin-wrapper  .wpjobportal-jobs-data .wpjobportal-item-status[style] {
            /* Targeting the "Publish" status */
            background-color: var(--wjp-color-success) !important;
            color: var(--wjp-text-white) !important;
        }
       div#wpjobportaladmin-wrapper .wpjobportal-jobs-data {
    margin-bottom: 10px;
}
        /* Job Category / Location */
      div#wpjobportaladmin-wrapper  .wpjobportal-jobs-data-text {
            font-size: var(--wjp-font-size-base);
            color: var(--wjp-text-medium);
            display: inline-block;
            margin-right: 1.5rem;
            margin-top: 0.5rem;
        }

        /* Right side details */
       div#wpjobportaladmin-wrapper .wpjobportal-jobs-right-wrp {
            flex-shrink: 0;
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 0.75rem;
            width: 15rem; /* fixed width for details column */
        }
        
       div#wpjobportaladmin-wrapper  .wpjobportal-jobs-info {
            font-size: var(--wjp-font-size-sm);
            color: var(--wjp-text-light);
        }

        /* Job Type Tag */
        div#wpjobportaladmin-wrapper .wpjobportal-jobs-type {
            display: inline-block;
            padding: 0.35rem 0.8rem;
            border-radius: var(--wjp-border-radius-sm);
            font-weight: var(--wjp-font-weight-semibold);
            color: var(--wjp-text-white);
            font-size: var(--wjp-font-size-sm);
            /* Custom colors from original HTML are preserved, but using variables for default tags is better */
        }
        
        /* Salary Display */
        div#wpjobportaladmin-wrapper .wpjobportal-jobs-salary {
            font-size: 20px;
            font-weight: var(--wjp-font-weight-semibold);
            color: var(--wjp-text-dark);
            display: flex;
            align-items: baseline;
        }
        
        div#wpjobportaladmin-wrapper .wpjobportal-salary-type {
            font-size: var(--wjp-font-size-base);
            font-weight: var(--wjp-font-weight-normal);
            color: var(--wjp-text-light);
            margin-left: 0.25rem;
        }

        /* Bottom Action Bar */
       div#wpjobportaladmin-wrapper  .wpjobportal-jobs-list-btm-wrp {
            padding-top: 1rem;
            margin-top: 1rem;
            border-top: 1px solid var(--wjp-border-color);
            width: 100%;
        }

       div#wpjobportaladmin-wrapper  .wpjobportal-jobs-action-wrp {
            display: flex;
            gap: 0.5rem;
            flex-wrap: wrap;
        }

         div#wpjobportaladmin-wrapper  .wpjobportal-jobs-act-btn {
            border-radius: var(--wjp-border-radius-sm);
            border: 1px solid var(--wjp-border-color);
            background-color: var(--wjp-bg-light);
            color: var(--wjp-text-medium);
            font-size: var(--wjp-font-size-sm);
            transition: background-color 0.2s;
            border-radius: 8px;
            padding: 10px 15px;
            border-bottom: 1px solid var(--wjp-border-color);
            font-weight: 500;
        }

        div#wpjobportaladmin-wrapper .wpjobportal-jobs-act-btn:hover {
            background-color: var(--wjp-color-primary-light);
            color: var(--wjp-color-primary-dark);
        }

        /* Delete Specifics */
        /*.wpjobportal-company-act-btn[title="delete"],
        .wpjobportal-company-act-btn[title="enforce delete"],
        div#wpjobportaladmin-wrapper .wpjobportal-jobs-act-btn[title="delete"],
        div#wpjobportaladmin-wrapper .wpjobportal-jobs-act-btn[title="force delete"],
         div#wpjobportaladmin-wrapper .wpjobportal-jobs-act-btn[title="delete"], 
         .wpjobportal-jobs-act-btn[title="force delete"] ,
        .wpjobportal-resume-act-btn[title="delete"], 
        .wpjobportal-resume-act-btn[title="enforce delete"] {
            color: #e74c3c !important ;
            background-color: #fff ;
            border:1px solid #e74c3c ;
        }
         .wpjobportal-company-act-btn[title="delete"]:hover,
        .wpjobportal-company-act-btn[title="enforce delete"]:hover,
         div#wpjobportaladmin-wrapper .wpjobportal-jobs-act-btn[title="delete"]:hover,
       div#wpjobportaladmin-wrapper  .wpjobportal-jobs-act-btn[title="force delete"]:hover,
         div#wpjobportaladmin-wrapper .wpjobportal-jobs-act-btn[title="delete"]:hover, 
         .wpjobportal-jobs-act-btn[title="force delete"]:hover,
        .wpjobportal-resume-act-btn[title="delete"]:hover, 
        .wpjobportal-resume-act-btn[title="enforce delete"]:hover {
           color: #e74c3c !important;
            background-color: #fbf2f2 ;
            border:1px solid #e74c3c ;
        }*/
        
        /* Pagination */
        div#wpjobportaladmin-wrapper .tablenav {
            display: flex;
            justify-content: flex-end;
            margin-top: 1.5rem;
        }
        
        div#wpjobportaladmin-wrapper .page-numbers {
               padding: 16px 12px;
               background: #fff;
            border: 1px solid var(--wjp-border-color);
            border-radius: var(--wjp-border-radius-sm);
            color: var(--wjp-color-primary);
            font-size: var(--wjp-font-size-sm);
            transition: background-color 0.2s;
        }
        
        div#wpjobportaladmin-wrapper .page-numbers.current {
            background-color: var(--wjp-color-primary);
            color: var(--wjp-text-white);
            border-color: var(--wjp-color-primary);
            pointer-events: none;

        }
        
        div#wpjobportaladmin-wrapper .page-numbers:hover:not(.current) {
            background-color: var(--wjp-color-primary-light);
            border-color: var(--wjp-color-primary-light);
        }
        
        /* Mobile adjustments */
        @media (max-width: 768px) {
          div#wpjobportaladmin-wrapper   #wpjobportaladmin-data {
                padding: 1rem;
            }
            
           div#wpjobportaladmin-wrapper  #wpjobportal-wrapper-top {
                flex-direction: column;
                align-items: flex-start;
                gap: 0.5rem;
            }
            
           div#wpjobportaladmin-wrapper  #wpjobportal-wrapper-top-right {
                margin-top: 0.5rem;
            }

           div#wpjobportaladmin-wrapper  #wpjobportal-head {
                flex-direction: column;
                align-items: flex-start;
                gap: 1rem;

            }

            div#wpjobportaladmin-wrapper #wpjobportal-page-quick-actions {
                flex-wrap: wrap;
            }
           div#wpjobportaladmin-wrapper  .tablenav .tablenav-pages {
    float: right;
    margin: 0 0 9px;
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
  div#wpjobportal-admin-wrapper .wpjobportal-help-btm .wpjobportal-help-btm-wrp .wpjobportal-help-btm-cnt {border-radius: 10px;width: 100%;}
            div#wpjobportaladmin-wrapper .wpjobportal-sorting-wrp {
                margin-left: 0;
                width: 100%;
                border-radius: 10px;
                margin-top: 1rem;
            }
            
            div#wpjobportaladmin-wrapper .wpjobportal-jobs-list-top-wrp {
                flex-direction: column;
                gap: 1rem;
            }

            div#wpjobportaladmin-wrapper .wpjobportal-jobs-cnt-wrp {
                flex-direction: column;
            }
            
            div#wpjobportaladmin-wrapper .wpjobportal-jobs-middle-wrp {
                padding-right: 0;
                width: 100%;
            }

            div#wpjobportaladmin-wrapper .wpjobportal-jobs-right-wrp {
                flex-direction: row;
                flex-wrap: wrap;
                width: 100%;
                justify-content: space-between;
            }
            
            div#wpjobportaladmin-wrapper .wpjobportal-jobs-info {
                flex-shrink: 0;
            }
        }
        
        /* Top Right Config/Help */
       div#wpjobportaladmin-wrapper  #wpjobportal-config-btn,
       div#wpjobportaladmin-wrapper  #wpjobportal-help-btn {
            margin-left: 1rem;
        }

       div#wpjobportaladmin-wrapper  #wpjobportal-config-btn svg,
       div#wpjobportaladmin-wrapper  #wpjobportal-help-btn svg {
            width: 1.5rem;
            height: 1.5rem;
            opacity: 0.7;
            transition: opacity 0.2s;
            color: var(--wjp-text-medium);
        }

       div#wpjobportaladmin-wrapper  #wpjobportal-config-btn svg:hover,
        div#wpjobportaladmin-wrapper #wpjobportal-help-btn svg:hover {
            opacity: 1;
            color: var(--wjp-color-primary);
        }
        
       div#wpjobportaladmin-wrapper  #wpjobportal-vers-txt {
            font-size: var(--wjp-font-size-xs);
            margin-left: 1rem;
        }
       div#wpjobportaladmin-wrapper  div#wpjobportal-breadcrumbs ul li a{ color:#fff; }
       div#wpjobportaladmin-wrapper  .wpjobportal-ver {
            font-weight: var(--wjp-font-weight-semibold);
        }

        /* TOP HEAD (Title and Action Button) */
       div#wpjobportaladmin-wrapper  #wpjobportal-head {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 35px 20px;
            margin-bottom: -10px;
            padding-bottom: 50px;
            color: #fff;
            border-radius: 8px;
    background: #4F46E5;
background: linear-gradient(90deg,rgba(79, 70, 229, 1) 0%, rgba(14, 23, 199, 1) 50%, rgba(80, 35, 210, 1) 100%);
        }
 div#wpjobportaladmin-wrapper #wpjobportal-page-quick-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}
 div#wpjobportaladmin-wrapper .wpjobportal-page-quick-act-btn.select-all-btn {
    color: #555;
    background-color: #f0f4f8;
    border: 1px solid #dcdfe6;
    font-weight: 500;
}

 div#wpjobportaladmin-wrapper .wpjobportal-jobs-apply-res {
    color: var(--wjp-color-primary);
    border-color: var(--wjp-color-primary);
}
 div#wpjobportaladmin-wrapper .wpjobportal-jobs-apply-res:hover {
    color: white;
    background-color: var(--wjp-color-primary);
    border-color: var(--wjp-color-primary);
}

   /* ===================================================
            Shortcodes Page 
    =================================================== */

  /* Main Wrapper - Card Style */
 div#wpjobportaladmin-wrapper  #wpjobportal-shortcode-wrapper {
            width: 100%;
            background-color: #ffffff;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
            padding: 30px;
            display: flex;
            gap: 30px;
            align-items: flex-start;
            border: 1px solid #e0e6ec;
            margin-bottom: 15px;
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {
           div#wpjobportaladmin-wrapper  #wpjobportal-shortcode-wrapper {
                flex-direction: column;
                padding: 20px;
            }
            div#wpjobportaladmin-wrapper .wpjobportal-shortcode-image {
                width: 100%; /* Full width image on mobile */
                margin-bottom: 20px;
            }
            div#wpjobportaladmin-wrapper .wpjobportal-shortcode-inner-wrapper {
                width: 100%;
            }
        }

        /* Image Section */
       div#wpjobportaladmin-wrapper  .wpjobportal-shortcode-image {
            flex-shrink: 0;
            width: 85px;
            padding: 10px;
            border: 1px solid #eeeeee;
            border-radius: 8px;
            background-color: #fcfdff;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }

       div#wpjobportaladmin-wrapper  .wpjobportal-shortcode-image img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 6px;
        }
        
        /* Inner Content Wrapper */
        div#wpjobportaladmin-wrapper .wpjobportal-shortcode-inner-wrapper {
            flex-grow: 1;
        }

        /* Header Section */
       div#wpjobportaladmin-wrapper  .wpjobportal-shortcode-head {
            border-bottom: 2px solid #009688; /* A teal accent color */
            padding-bottom: 15px;
            margin-bottom: 20px;
        }

       div#wpjobportaladmin-wrapper  .wpjobportal-shortcode-head {
            font-size: 1.75rem;
            font-weight: 700;
            color: #333333;
            line-height: 1.2;
            margin-top: 0;
        }

        div#wpjobportaladmin-wrapper .wpjobportal-shortcode-text {
            font-size: var(--wjp-font-size-base);
            color: #555555;
            margin: 10px 0 0 0;
            line-height: 1.5;
        }

        /* Shortcode Block Styling */
       div#wpjobportaladmin-wrapper  .wpjobportal-shortcode-shortcodewrp {
            background-color: #eef4f8; /* Light blue/gray background for code */
            padding: 15px 20px;
            border-left: 5px solid #007bff; /* Blue accent bar */
            border-radius: 8px;
            margin-bottom: 20px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
        }

       div#wpjobportaladmin-wrapper  .wpjobportal-shortcode-title {
            display: block;
            font-size:var(--wjp-font-size-base);
            font-weight: 600;
            color: #007bff;
            text-transform: uppercase;
            margin-bottom: 8px;
        }

        div#wpjobportaladmin-wrapper .wpjobportal-shortcode-shortcodetext,
        div#wpjobportaladmin-wrapper .wpjobportal-shortcode-secndshortcodetext {
            font-size: var(--wjp-font-size-base);
            color: #333333;
            /* To handle the inline structure for the second shortcode */
            display: inline-block;
            line-height: 1.4; 
            background-color: #f8fafc;
            padding: 10px 15px;
            border-radius: 4px;
            overflow-x: auto;
            
        }

       div#wpjobportaladmin-wrapper  .wpjobportal-shortcode-secndshortcodetext {
            /* Adjust padding/margin for multi-line display */
            display: block;
        }


        /* Specific Shortcode Option Colors */
        div#wpjobportaladmin-wrapper .shortcode-blue-color {
            color: #007bff; /* Bright Blue */
            font-weight: 600;
        }

       div#wpjobportaladmin-wrapper  .shortcode-green-color {
            color: #28a745; /* Standard Green */
            font-weight: 600;
        }

       div#wpjobportaladmin-wrapper  .shortcode-pink-color {
            color: #e83e8c; /* Vibrant Pink/Magenta */
            font-weight: 600;
        }

        div#wpjobportaladmin-wrapper .shortcode-brown-color {
            color: #795548; /* Warm Brown/Tan */
            font-weight: 600;
        }


 /* Outer container to limit width for desktop view */
        div#wpjobportaladmin-wrapper .outer-wrapper {
            max-width: 40rem; /* Maximum width of the notice box */
            width: 100%;
        }

        /*
         * --- Notice Box Styling (.wpjobportal-shortcode-notice-wrap) ---
         * Defines layout, padding, and common box styles (shadow, corners).
         */
        div#wpjobportaladmin-wrapper .wpjobportal-shortcode-notice-wrap {
            display: flex;
            align-items: flex-start; /* Aligns items (icon and text) to the top */
            padding: 1rem;
            border-radius: 0.75rem;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }

        /*
         * --- Info-Specific Colors (.wpjobportal-info-msg) ---
         * Sets the blue background, border, and text color for an 'info' message.
         */
       div#wpjobportaladmin-wrapper  .wpjobportal-info-msg {
                background-color: #f9fffd;
    border: 1px solid #175c3c;
    color: #175c3c;
    font-weight: 700;
        }
 div#wpjobportaladmin-wrapper .wpjobportal-shortcode-notice-wrap.wpjobportal-info-msg img {
    width: 30px;
    padding-right: 5px;
}
        /*
         * --- Icon Container Styling (.icon-container) ---
         * Manages the spacing and position of the icon relative to the text.
         */
        div#wpjobportaladmin-wrapper .icon-container {
            flex-shrink: 0; /* Prevents icon from shrinking on small screens */
            margin-right: 0.75rem;
            margin-top: 0.125rem;
        }

        /* Styles for the SVG icon inside the container */
        div#wpjobportaladmin-wrapper .icon-container svg {
            width: 24px;
            height: 24px;
            stroke: currentColor; /* Inherits the text color from the parent */
        }

        /*
         * --- Paragraph Text Styling ---
         * Adjusts the font size and line height for readability.
         */
       div#wpjobportaladmin-wrapper  .wpjobportal-shortcode-notice-wrap p {
            font-size: 0.875rem; /* text-sm equivalent */
            line-height: 1.625; /* leading-relaxed equivalent */
            margin: 0; /* Remove default paragraph margin */
            flex-grow: 1;
        }




  /* ===================================================
           Reports
  =================================================== */
















  /* --- Main Admin Wrapper --- */
   

        /* --- Count Boxes Wrapper (Flexible Grid) --- */
     div#wpjobportaladmin-wrapper    .wpjobportal-count-wrp {
            display: grid;
            grid-template-columns: repeat(4, 1fr); /* Default 4 columns for desktop */
            gap: 20px;
            margin-bottom: 30px;
        }

        /* --- Count Link/Card Styling --- */
      
        

        /* --- Text below the circle --- */
       div#wpjobportaladmin-wrapper  .wpjobportal-count-link-text {
            font-size: 14px;
            font-weight: 600;
            margin-top: 10px;
            color: #4b5563;
        }

        /* --- Report Sections --- */
       div#wpjobportaladmin-wrapper  .wpjobportal-report {
            background-color: #ffffff;
            border: 1px solid #e5e7eb;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
            width: 100%;
        }

       div#wpjobportaladmin-wrapper  .wpjobportal-report-heading {
            font-size: 18px;
            font-weight: 700;
            color: #1f2937;
            margin-bottom: 20px;
            border-bottom: 2px solid #f3f4f6;
            padding-bottom: 10px;
        }

        /* Layout for Half-Width Reports */
       div#wpjobportaladmin-wrapper  .wpjobportal-report-layout {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }
        
        /* Ensures the chart container fills the report card */
       div#wpjobportaladmin-wrapper  .wpjobportal-report-chart {
            width: 100%;
            /* Mock height for chart visibility */
            min-height: 250px; 
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden; /* To handle internal SVG/chart elements */
        }
        
        div#wpjobportaladmin-wrapper .halfwidth {
            flex: 1 1 calc(50% - 10px); /* 50% minus half the gap */
            min-width: 300px; /* Minimum width for stacking on mobile */
            width: 100%;
        }

        /* --- Circular Progress Meter Styling (Pure CSS Half-Circle Masking Technique) --- */

       
        
        /* Specific Color Overrides for demonstration */
        .wpjobportal-count-jobs .fill, .wpjobportal-count-jobs .fill.fix { background-color: #1eadd8; }
        .wpjobportal-count-resume .fill, .wpjobportal-count-resume .fill.fix { background-color: #179650; }
        .wpjobportal-count-companies .fill, .wpjobportal-count-companies .fill.fix { background-color: #d98e11; }
        .wpjobportal-count-active-jobs .fill, .wpjobportal-count-active-jobs .fill.fix { background-color: #5f3bbb; }

        /* Inner Content Area */
        .inset {
            position: absolute;
            width: 70px; /* Smaller than circle for border effect */
            height: 70px;
            background-color: #ffffff;
            border-radius: 50%;
            top: 5px; /* Center it */
            left: 5px; /* Center it */
            line-height: 70px;
            text-align: center;
            font-size: 20px;
            font-weight: 700;
            color: #1f2937;
            
            /* Center the count text, assuming it will be added here */
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        /* The count number (mocked for simplicity here, would typically be injected) */
        


        /* --- Responsiveness --- */
        @media (max-width: 1024px) {
            .wpjobportal-count-wrp {
                grid-template-columns: repeat(2, 1fr); /* 2 columns for tablet */
            }
            .halfwidth {
                flex: 1 1 100%; /* Full width for smaller screens */
            }
        }

        @media (max-width: 640px) {
            .wpjobportal-count-wrp {
                grid-template-columns: 1fr; /* Single column for mobile */
            }
            #wpjobportal-admin-wrapper {
                padding: 15px;
            }
        }

/* ===================================================
         Job seeker Report
 =================================================== */
        /* --- Main Admin Wrapper --- */
      

        /* --- Count Boxes Wrapper (Flexible Grid) --- */
        .wpjobportal-count-wrp {
            display: grid;
            grid-template-columns: repeat(4, 1fr); /* Default 4 columns for desktop */
            gap: 20px;
            margin-bottom: 30px;
        }

        /* --- Count Link/Card Styling --- */
        .wpjobportal-count-link-wrap {
            /* Container for the link wrapper to handle grid item styling if needed */
        }
        
        .wpjobportal-count-link {
            display: block;
            background-color: #ffffff;
            border-radius: 8px;
            text-decoration: none;
            color: #374151; /* Dark text for readability */
            text-align: center;
            transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
            cursor: pointer;
        }

        .wpjobportal-count-link:hover {
       
            transform: translateY(-2px);
            border-color: #1eadd8;
        }

        /* --- Text below the circle --- */
        .wpjobportal-count-link-text {
            font-size: 14px;
            font-weight: 600;
            margin-top: 10px;
            color: #4b5563;
        }

        /* --- Report Sections --- */
        .wpjobportal-report-layout {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }
        
        .wpjobportal-report {
            background-color: #ffffff;
            border: 1px solid #e5e7eb;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 20px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
        }

        .wpjobportal-report-heading {
            font-size: 18px;
            font-weight: 700;
            color: #1f2937;
            margin-bottom: 20px;
            border-bottom: 2px solid #f3f4f6;
            padding-bottom: 10px;
        }

        /* Ensures the chart container fills the report card */
        .wpjobportal-report-chart {
            width: 100%;
            /* Mock height for chart visibility */
            min-height: 250px; 
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden; /* To handle internal SVG/chart elements */
        }
        
        .halfwidth {
            flex: 1 1 calc(50% - 10px); /* 50% minus half the gap */
            min-width: 300px; /* Minimum width for stacking on mobile */
        }

        /* --- Circular Progress Meter Styling (Pure CSS Half-Circle Masking Technique) --- */

 /* count boxes */

div.wpjobportal-count-wrp {float: left;width: 100%;margin-bottom: 20px;padding: 20px;background: #fff;border: 1px solid #d1d3d3;}

div.wpjobportal-count-wrp a.wpjobportal-count-link {border: 1px solid #dddddd; display: inline-block;padding: 15px 0px;text-decoration: none;min-width: 100%;background-color: #fdfdfd;}
div.wpjobportal-count-wrp a.wpjobportal-count-link:hover {}
div.wpjobportal-count-wrp a.wpjobportal-count-link.wpjobportal-count-companies.active {border-color: #18bc69;}

div.wpjobportal-count-wrp a.wpjobportal-count-link.wpjobportal-count-jobs.active {border-color: #eb4e5c;}

div.wpjobportal-count-wrp a.wpjobportal-count-link.wpjobportal-count-resume.active {border-color: #2e7cd5;}

div.wpjobportal-count-wrp a.wpjobportal-count-link.wpjobportal-count-active-jobs.active {}

div.wpjobportal-count-wrp a.wpjobportal-count-link div.wpjobportal-count-cricle-wrp {float: left;width: 100%;margin-bottom: 10px;overflow: hidden;}
div.wpjobportal-count-wrp a.wpjobportal-count-link div.wpjobportal-count-link-text {float: left;width: 100%;}
div.wpjobportal-count-wrp a.wpjobportal-count-link.wpjobportal-count-companies div.wpjobportal-count-link-text {color: #18bc69;}
div.wpjobportal-count-wrp a.wpjobportal-count-link.wpjobportal-count-jobs div.wpjobportal-count-link-text {color: #eb4e5c;}
div.wpjobportal-count-wrp a.wpjobportal-count-link.wpjobportal-count-resume div.wpjobportal-count-link-text {color: #2e7cd5;}
div.wpjobportal-count-wrp a.wpjobportal-count-link.wpjobportal-count-active-jobs div.wpjobportal-count-link-text {color: #d97f0d;}
div.wpjobportal-count-wrp a.wpjobportal-count-link div.wpjobportal-count-cricle-wrp div.js-mr-rp {width: 100px;height: 100px;margin: auto;position: relative;background: #d6dadc;}
div.wpjobportal-count-wrp a.wpjobportal-count-link div.wpjobportal-count-cricle-wrp div.js-mr-rp .circle .mask {clip: rect(0px, 100px, 100px, 50px);}
div.wpjobportal-count-wrp a.wpjobportal-count-link div.wpjobportal-count-cricle-wrp div.js-mr-rp .circle .mask, 
div.wpjobportal-count-wrp a.wpjobportal-count-link div.wpjobportal-count-cricle-wrp div.js-mr-rp .circle .fill, 
div.wpjobportal-count-wrp a.wpjobportal-count-link div.wpjobportal-count-cricle-wrp div.js-mr-rp .circle .shadow {height: 100px;width: 100px;}
div.wpjobportal-count-wrp a.wpjobportal-count-link div.wpjobportal-count-cricle-wrp div.js-mr-rp .circle .mask .fill {clip: rect(0px, 50px, 100px, 0px);}
div.wpjobportal-count-wrp a.wpjobportal-count-link div.wpjobportal-count-cricle-wrp div.js-mr-rp .inset {height: 70px;width: 70px;margin: auto;top: 0;bottom: 0;left: 0;right: 0;text-align: center;box-shadow: none;background: #fafafa;}
div.wpjobportal-count-wrp a.wpjobportal-count-link.wpjobportal-count-companies div.wpjobportal-count-cricle-wrp div.js-mr-rp .circle .mask .fill {background: #18bc69;}
div.wpjobportal-count-wrp a.wpjobportal-count-link.wpjobportal-count-jobs div.wpjobportal-count-cricle-wrp div.js-mr-rp .circle .mask .fill {background: #eb4e5c;}
div.wpjobportal-count-wrp a.wpjobportal-count-link.wpjobportal-count-resume div.wpjobportal-count-cricle-wrp div.js-mr-rp .circle .mask .fill {background: #2e7cd5;}
div.wpjobportal-count-wrp a.wpjobportal-count-link.wpjobportal-count-active-jobs div.wpjobportal-count-cricle-wrp div.js-mr-rp .circle .mask .fill {background: #d97f0d;}

        /* --- Responsiveness --- */
        @media (max-width: 1024px) {
            .wpjobportal-count-wrp {
                grid-template-columns: repeat(2, 1fr); 
            }
            .halfwidth {
                flex: 1 1 100%; 
            }
        }

        @media (max-width: 640px) {
            .wpjobportal-count-wrp {
                grid-template-columns: 1fr; 
            }
            #wpjobportal-admin-wrapper {
                padding: 15px;
            }
        }

/* ===================================================
         Messages
 =================================================== */
 /* --- Message List Item Styling --- */

div#wpjobportaladmin-wrapper div#message_1 div#item-data .wpjobportal-message-list-top-wrp span.selector{left: -26px;
    top: -4px;}

        .wpjobportal-message-list {
           background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    margin-bottom: 15px;
    padding: 20px;
    transition: transform 0.2s, box-shadow 0.2s;
    border-left: 5px solid transparent;
    position: relative;
        }

        .wpjobportal-message-list:hover {
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }

        /* Top section: Logo, Content, Status */
        .wpjobportal-message-list-top-wrp {
                display: flex;
    align-items: flex-start;
    padding: 15px;
    border-bottom: 1px solid #f3f4f6;
    position: relative;
        }
        .wpjobportal-message-list-top-wrp {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    width: 100%;
}

        /* Checkbox/Selector Area (Hidden by default, can be shown via JS/hover if needed) */
        .selector {
            position: absolute;
            left: 5px;
            top: 50%;
            transform: translateY(-50%);
        }

        /* Logo/Image Styling */
        .wpjobportal-message-logo {
             flex-shrink: 0;
    overflow: hidden;
    margin-right: 15px;
    width: 6rem;
    height: 6rem;
    border-radius: 10%;
    object-fit: cover;
    border: 2px solid #f0f0f0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        }

        .wpjobportal-message-logo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }
        span.wpjobportal-message-sendby.role-emp {
    padding: 7px;
    background: #e5eeff;
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 14px;
}

        /* Content Wrapper */
        .wpjobportal-message-cnt-wrp {
            display: flex;
            flex-grow: 1;
            justify-content: space-between;
            min-width: 0; /* Ensures content wrapper respects flex limits */
        }

        /* Message Middle (Main Details) */
        .wpjobportal-message-middle-wrp {
            flex-grow: 1;
            min-width: 0;
            padding-right: 20px;
        }

        /* Company Name */
        .wpjobportal-company-name {
            font-size: 16px;
            font-weight: 700;
            color: #1f2937;
            display: block;
            margin-bottom: 5px;
        }

        /* Subject Link */
        .wpjobportal-message-subject {
           text-decoration: none;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #007bff;
    font-weight: 500;
    font-size: var(--wjp-font-size-base);
    margin-bottom: 5px;
    margin-top: 8px;
        }

        .wpjobportal-message-subject:hover {
            text-decoration: underline;
        }
.wpjobportal-message-data {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
        /* Key-Value Detail Pairs */
        .wpjobportal-message-data-text {
            font-size: var(--wjp-font-size-base);
            margin-bottom: 5px;
            display: flex;
            flex-wrap: wrap; /* Allows wrap on small screens */
                margin-right: 1.5rem;
    margin-top: 0.5rem;
        }

        .wpjobportal-message-data-title {
               flex-shrink: 0;
    font-weight: 600;
    color: #7f8c8d;
    margin-right: 5px;
        }

        .wpjobportal-message-data-value {
            font-weight: 600;
            color: #374151;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        /* Message Right (Status and Date) */
        .wpjobportal-message-right-wrp {
            flex-shrink: 0;
            text-align: right;
        }
        
        .wpjobportal-message-status {
            margin-bottom: 10px;
        }
        
        /* Status Tag Styling */
        .wpjobportal-message-status-txt {
            display: inline-block;
            padding: 4px 10px;
            border-radius: 5px; /* Pill shape */
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
        }

        .wpjobportal-message-status-txt.approved {
            background-color: #d1fae5; /* Light green */
            color: #059669; /* Darker green text */
        }

        /* Date/Posted Info */
        .wpjobportal-message-date .wpjobportal-message-data-title,
        .wpjobportal-message-date .wpjobportal-message-data-value {
            font-size: var(--wjp-font-size-base);
            display: block;
        }
        
        .wpjobportal-message-date .wpjobportal-message-data-value {
            font-weight: 500;
            color: #9ca3af;
        }

        /* --- Bottom Action Wrapper --- */
        .wpjobportal-message-list-btm-wrp {
            padding: 15px;
            border-top: 1px solid #f3f4f6;
        }

        .wpjobportal-message-action-wrp {
            display: flex;
            gap: 10px;
        }

        .wpjobportal-message-act-btn {
              text-decoration: none;
    white-space: nowrap;
    background-color: var(--wjp-bg-light);
    color: var(--wjp-text-medium);
    font-size: var(--wjp-font-size-sm);
    transition: background-color 0.2s;
    border-radius: 8px;
    padding: 10px 15px;
    border: 1px solid var(--wjp-border-color);
    font-weight: 500;
        }

        .wpjobportal-message-act-btn:hover {
          color: #007bff;
    background-color: #ecf0f1;
    border: 1px solid #007bff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
        }
        
        /* --- Responsive Adjustments --- */
        @media (max-width: 768px) {
            .wpjobportal-message-list-top-wrp {
                flex-direction: column;
                align-items: center;
                text-align: center;
            }
            
            .wpjobportal-message-logo {
                margin: 0 0 10px 0;
            }

            .wpjobportal-message-cnt-wrp {
                flex-direction: column;
                align-items: center;
                width: 100%;
            }

            .wpjobportal-message-middle-wrp {
                padding-right: 0;
                margin-bottom: 15px;
            }

            .wpjobportal-message-right-wrp {
                text-align: center;
                width: 100%;
            }
            
            .wpjobportal-message-date .wpjobportal-message-data-title,
            .wpjobportal-message-date .wpjobportal-message-data-value {
                display: inline;
            }
        }
        
/* ===================================================
   Single Message View / Reply Composer
   =================================================== */

/* Main Container: Acts as the form/card wrapper */
div#send-message-wrapper.wpjobportal-send-message-wrapper {
    width: 100%;

    padding: 30px;
    background-color: var(--wjp-bg-card); /* White card background */
    border-radius: var(--wjp-border-radius); /* 0.75rem */
    box-shadow: var(--wjp-shadow-lg); /* Prominent shadow */
    border: 1px solid var(--wjp-border-color);
}

/* Existing Message Display (Subject and Text) */
div#send-message-wrapper .wpjobportal-send-message {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid var(--wjp-color-primary-light); /* Light primary divider */
}

/* Message Subject/Title */
div#send-message-wrapper .wpjobportal-send-msg-subject {
    font-size: var(--wjp-font-size-xl); /* 1.25rem */
    font-weight: var(--wjp-font-weight-bold);
    color: var(--wjp-text-dark);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

/* Edit Icon/Link next to Subject */
div#send-message-wrapper .wpjobportal-send-msg-subject a img {
    width: 20px;
    height: 20px;
    opacity: 0.7;
    margin-left: 10px;
    transition: opacity 0.2s;
}

div#send-message-wrapper .wpjobportal-send-msg-subject a:hover img {
    opacity: 1;
}

/* Message Content Text */
div#send-message-wrapper .wpjobportal-send-msg-text p {
    font-size: var(--wjp-font-size-base); /* 1rem */
    color: var(--wjp-text-medium);
    margin: 0;
    padding: 5px 0;
}

/* --- Form Section (New Reply) --- */

/* Form Row for Message Composer */
div#send-message-wrapper .wpjobportal-form-row {
    margin-bottom: 20px;
}

div#send-message-wrapper .wpjobportal-form-title {
    font-size: var(--wjp-font-size-lg); /* 1.125rem */
    font-weight: var(--wjp-font-weight-semibold);
    color: var(--wjp-text-dark);
    margin-bottom: 10px;
}

/* WP Rich Text Editor Styling (Container) */
div#send-message-wrapper .wpjobportal-form-value .wp-editor-wrap {
    border: 1px solid var(--wjp-border-color);
    border-radius: var(--wjp-border-radius-sm); /* 0.5rem */
    box-shadow: var(--wjp-shadow);
    background-color: var(--wjp-bg-card);
}
div#wpjobportaladmin-wrapper .wpjobportal-message-list-top-wrp span.selector{
    left: -25px;
    top: -2px;
}
.wjportal-job-applied-actions-btn-wrp {
    display: flex;
    justify-content: center;
}
span.wpjobportal-message-sendby.role-job {
    border: 1px solid #c2d7ff;
    padding: 5px;
    background: aliceblue;
    margin-bottom: 10px;
    border-radius: 5px;
}
/* Send Button Wrapper */
div#send-message-wrapper .wpjobportal-form-btn-wrp {
    display: flex;
    justify-content: center; /* Push button to the right */
    padding-top: 15px;
    border-top: 1px solid var(--wjp-border-color);
    margin-bottom: 20px;
}

/* Send Button Styling */
div#send-message-wrapper input.wpjobportal-form-btn {
    background-color: var(--wjp-color-primary);
    color: var(--wjp-text-white);
    border-color: var(--wjp-color-primary);
    padding: 0.75rem 1.5rem;
    border-radius: var(--wjp-border-radius);
    font-weight: var(--wjp-font-weight-semibold);
    cursor: pointer;
    transition: background-color 0.2s, box-shadow 0.2s;
    border: 1px solid;
}

div#send-message-wrapper input.wpjobportal-form-btn:hover {
    background-color: var(--wjp-color-primary-dark);
    box-shadow: var(--wjp-shadow-md);
}

---

/*---- Message History Styles ------*/

/* Wrapper for History Section */
div#send-message-wrapper .wpjobportal-message-history-wrp {
    padding-top: 20px;
}

/* History Title */
div#send-message-wrapper .wpjobportal-msg-history-title {
    font-size: var(--wjp-font-size-2xl); /* 1.5rem */
    font-weight: var(--wjp-font-weight-bold);
    color: var(--wjp-text-dark);
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--wjp-text-lighter);
}

/* Individual Message Row */
div#send-message-wrapper .wpjobportal-msg-history {
    display: flex;
    gap: 15px;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: var(--wjp-border-radius-sm);
    transition: background-color 0.2s;
}

/* Style for messages sent by 'You' (assuming 'yousend' means the current admin/user) */
div#send-message-wrapper .wpjobportal-msg-history.yousend {
    background-color: var(--wjp-color-primary-bg); /* Light blue background for sent messages */
    border-left: 4px solid var(--wjp-color-primary);
    justify-content: flex-start;
}

/* Message Image/Avatar */
div#send-message-wrapper .wpjobportal-msg-history-image {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--wjp-border-color);
}

div#send-message-wrapper .wpjobportal-msg-history-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Message Content Area */
div#send-message-wrapper .wpjobportal-msg-history-cnt {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Top Row: Name, Date, Actions */
div#send-message-wrapper .wpjobportal-msg-history-top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

/* Sender Name/Role */
div#send-message-wrapper .wpjobportal-msg-history-name {
    font-weight: var(--wjp-font-weight-semibold);
    color: var(--wjp-color-primary-dark);
    font-size: 16px;

    margin-right: 15px;
}

/* Created Date/Time */
div#send-message-wrapper .wpjobportal-msg-history-created {
    font-size: var(--wjp-font-size-xs);
    color: var(--wjp-text-light);
    margin-right: 15px;
}

/* Action Wrapper (Edit/Delete icons) */
div#send-message-wrapper .wpjobportal-msg-history-action-warpper {
    margin-left: auto; /* Push actions to the right */
    display: flex;
    gap: 8px;
}

div#send-message-wrapper .wpjobportal-msg-history-action-warpper img {
 
    opacity: 0.6;
    transition: opacity 0.2s;
}

div#send-message-wrapper .wpjobportal-msg-history-action-warpper a:hover img {
    opacity: 1;
}

/* Message Text/Body */
div#send-message-wrapper .wpjobportal-msg-history-text {
   font-size: var(--wjp-font-size-base);
    color: var(--wjp-text-dark);
    line-height: 1.5;
}

div#send-message-wrapper .wpjobportal-msg-history-text p {
    margin: 0;
}
 /* ===================================================
           4. Table Styles (Error Log)
 =================================================== */
           table#wpjobportal-table {
    width: 100%;
}

.wpjobportal-filter-form-action-wrp input#save{background: var( --wjp-color-primary);color: #fff;    padding: 17px 15px;
    height: 55px;}
.wpjobportal-filter-form-action-wrp input#save:hover{background: var( --wjp-color-primary-dark);color: #fff;}
.wpjobportal-lcoation-pages-link-wrap {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    width: 100%;
}
a.wpjobportal-table-act-btn {
    margin: 0 5px;
}
span.wpjobportal-table-priority-color{
    padding: 6px 10px;
    border-radius: 4px;
    color: white;
}
        .wpjobportal-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 0;
            background-color: var(--wjp-bg-card);
            border-radius: var(--wjp-border-radius);
            overflow: hidden; /* Ensures rounded corners clip table border */
            box-shadow: var(--wjp-shadow-md);
        }

        .wpjobportal-table thead {
            background-color: var(--wjp-bg-light);
            border-bottom: 2px solid var(--wjp-border-color);
        }

        .wpjobportal-table th {
            padding: 1.5rem 1.5rem;
            text-align: center;
            font-weight: var(--wjp-font-weight-semibold);
            color: var(--wjp-text-medium);
            font-size: var(--wjp-font-size-sm);
            text-transform: uppercase;
            letter-spacing: 0.05em;
        }

        .wpjobportal-table tbody tr {
            border-bottom: 1px solid var(--wjp-border-color);
            transition: background-color 0.2s;
        }

        .wpjobportal-table tbody tr:last-child {
            border-bottom: none;
        }

        .wpjobportal-table tbody tr:hover {
            background-color: var(--wjp-bg-hover);
        }

        .wpjobportal-table td {
            padding: 1rem 1.5rem;
            font-size: var(--wjp-font-size-base);
            color: var(--wjp-text-dark);
            vertical-align: top;
            text-align: center;
        }
        
        /* Text/Icon Styling */
        .wpjobportal-text-left { text-align: left !important; }
        .w70 { width: 70%; } /* For error message column */
        
        .error-text {
            color: var(--wjp-color-danger);
            font-weight: var(--wjp-font-weight-medium);
            font-size: var(--wjp-font-size-sm);
        }

        /* Icon/View Column Styling - using inline SVG/Emoji for consistency */
        .view-icon {
            display: inline-block;
            width: 1.5rem;
            height: 1.5rem;
            vertical-align: middle;
        }
        .icon-good { color: var(--wjp-color-success); }
        .icon-error { color: var(--wjp-color-danger); }


        /* Pagination styles kept from previous version */
       div#wpjobportaladmin-wrapper .tablenav {
                display: flex;
    justify-content: center;
    margin-top: 2.5rem;
        }
        
       
       
       
        /* Mobile adjustments */
        @media (max-width: 768px) {
            #wpjobportaladmin-data {
                padding: 1rem;
            }
            
            #wpjobportal-wrapper-top {
                flex-direction: column;
                align-items: flex-start;
                gap: 0.5rem;
            }
            
            #wpjobportal-wrapper-top-right {
                margin-top: 0.5rem;
            }

            #wpjobportal-head {
                flex-direction: column;
                align-items: flex-start;
                gap: 1rem;
            }

            /* Responsive Table (Mobile: Stacked Cards) */
            .wpjobportal-table, 
            .wpjobportal-table thead, 
            .wpjobportal-table tbody, 
            .wpjobportal-table th, 
            .wpjobportal-table td, 
            .wpjobportal-table tr { 
                display: block; 
            }
            
            .wpjobportal-table thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }
            
            .wpjobportal-table tr {
                border: 1px solid var(--wjp-border-color);
                margin-bottom: 1.5rem;
                border-radius: var(--wjp-border-radius);
                box-shadow: var(--wjp-shadow);
            }
            
            .wpjobportal-table tbody tr:hover {
                background-color: var(--wjp-bg-card); /* Remove hover background on stacked rows */
            }

            .wpjobportal-table td {
                border-bottom: 1px solid var(--wjp-border-color);
                position: relative;
                padding-left: 50%; /* Space for the data-th label */
                text-align: right;
            }
            
            .wpjobportal-table td:last-child {
                border-bottom: none;
            }

            .wpjobportal-table td::before {
                /* Attribute title for mobile table header */
                content: attr(data-th);
                position: absolute;
                left: 1.5rem;
                top: 50%;
                transform: translateY(-50%);
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
                text-align: left;
                font-weight: var(--wjp-font-weight-medium);
                color: var(--wjp-text-medium);
                text-transform: uppercase;
                font-size: var(--wjp-font-size-xs);
            }
            
            
        }
        .wpjobportal-add-link {
    background-color: var(--wjp-color-primary);
    color: var(--wjp-text-white);
    border-color: var(--wjp-color-primary);
    padding: 0.6rem 1.25rem;
    border-radius: var(--wjp-border-radius);
    font-weight: var(--wjp-font-weight-semibold);
}

/* ===================================================
   Error/Info Message Action Button Wrapper
   =================================================== */

/* Main wrapper for the buttons */
div#wpjobportal-admin-wrapper .wjportal-error-messages-wrp .wjportal-error-msg-actions-wrp {
    display: flex;
    justify-content: center; /* Center the button group */
    align-items: center;
    gap: 1.5rem; /* Space between buttons */
       padding: 0.5rem 1rem;
    border-radius: var(--wjp-border-radius-sm);
    margin-top: 10px;
}

/* Individual Action Button */
.wjportal-error-msg-actions-wrp .wjportal-error-msg-act-btn {
    /* Core button styling */
    display: inline-flex;
    align-items: center;
    text-decoration: none;
         padding: 0.5rem 1rem;
    font-size: var(--wjp-font-size-base);
    font-weight: var(--wjp-font-weight-semibold);
    border-radius: var(--wjp-border-radius); /* Rounded corners */
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;
    cursor: pointer;
    white-space: nowrap; /* Prevent button text from wrapping */
}

/* Primary Action Button Style (Default for both buttons in your HTML) */
button.wpjobportal-update-key-updtebtn,
.wjportal-error-msg-actions-wrp .wjportal-error-msg-act-btn-back-btn {
    background-color: var(--wjp-color-primary); /* Primary Blue */
    color: var(--wjp-text-white) !important;
    border: 1px solid var(--wjp-color-primary);
    box-shadow: var(--wjp-shadow-md);
    height: 55px;
    border-radius: 5px;
}

button.wpjobportal-update-key-updtebtn:hover
.wjportal-error-msg-actions-wrp .wjportal-error-msg-act-btn-back-btn:hover {
    background-color: var(--wjp-color-primary-dark); /* Darker Blue on hover */
    border-color: var(--wjp-color-primary-dark);
    box-shadow: var(--wjp-shadow-lg);
   
}

/* Responsive adjustments for mobile devices */
@media (max-width: 600px) {
    .wjportal-error-msg-actions-wrp {
        flex-direction: column; /* Stack buttons vertically */
        gap: 1rem;
        padding: 20px 10px;
    }

    .wjportal-error-msg-actions-wrp .wjportal-error-msg-act-btn {
        width: 100%; /* Full width for stacked buttons */
        justify-content: center;
        padding: 0.8rem 1rem;
    }
}
/*===================================================================
===== FORM Design================================================
======================================================*/

div#wpjobportaladmin-wrapper label#uname {
    padding: 18px 10px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 0.95rem;
    color: #1e293b;
    background-color: #f8fafc;
    width: 100%;
    height: 55px;
}


/* General Resets and Base Styles */

/* --- Form Upload Field --- */
        /* Container Card Styling */
        .container-card {
            max-width: 28rem;
            width: 100%;
            background-color: white;
            padding: 1.5rem;
            border-radius: 0.75rem;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }

        /* Title Styling */
        .card-title {
            font-size: 1.25rem;
            font-weight: 700;
            margin-bottom: 1rem;
            color: #1f2937;
        }
        
        /* Description Styling */
        .card-description {
            margin-top: 1rem;
            font-size: 0.875rem;
            color: #6b7280;
        }

.wpjobportal-page-description {
    display: block;
    background-color: #ffdddd;
    border: 1px solid #f48e91;
    color: #660909;
    padding: 24px;
    margin-bottom: 25px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 17px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.wpjobportal-form-plain-text {
    padding: 0.5rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 0.95rem;
    color: #1e293b;
    background-color: #f8fafc;
    width: 100%;
    transition: border-color 0.2s, box-shadow 0.2s;
    align-content: center;
}
        /* --- Custom File Upload Button CSS --- */
        
        /* 1. Style the main wrapper for layout */
        .wjportal-form-upload-btn-wrp {
            display: flex;
            align-items: center;
            /* CHANGE: Use space-between to push the two child elements to the edges */
            justify-content: space-between;
            padding: 10px;
            border: 1px dashed #e5e7eb;
            border-radius: 8px;
            background-color: #f9fafb;
        }

        /* 2. Style the file name text */
        .wjportal-form-upload-btn-wrp-txt {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 200px; /* Limit width to prevent overlap with the button */
            color: #4b5563;
            font-size: 1rem;
            /* REMOVED: flex-grow: 1; -- space-between handles the spacing now */
        }

        /* 3. Style the visible button (the <span>) */
        .wjportal-form-upload-btn {
            /* Appearance */
            background-color: #3b82f6; /* Blue 500 */
            color: white;
            padding: 8px 15px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 0.875rem;
            font-weight: 600;
            transition: background-color 0.2s;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
            
            /* Positioning context for the hidden input */
            position: relative; 
            overflow: hidden;
            display: inline-block;
        }

        /* Hover effect */
        .wjportal-form-upload-btn:hover {
            background-color: #2563eb; /* Blue 600 */
        }
        
        /* 4. Hide the actual file input and position it over the span */
        .wjportal-form-upload-btn input[type="file"] {
            opacity: 0;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            cursor: pointer;
        }
        
        /* Ensure responsiveness on small screens */
        @media (max-width: 600px) {
            .container-card {
                margin: 0 1rem;
            }
        }

/* --- Form Wrapper and General Layout --- */
#wpjobportal-admin-wrapper {
   width: 100%;
    margin: 0 auto;

}
.wpjobportal-form-value {
    width: 100%;
    min-height: 50px;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    gap:10px;

}
div#wpjobportaladmin-wrapper .wpjobportal-form-value .wpjobportal-form-value select.inputbox.wjportal-form-select-field{width: 100% !important;mask-size: unset;}
/* old code 
div#wpjobportaladmin-wrapper input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week],div#wpjobportaladmin-wrapper .wp-core-ui select{max-width: 100%; border: 1px solid #cbd5e1;}
/*
/* new code */
div#wpjobportaladmin-wrapper input[type=date], div#wpjobportaladmin-wrapper input[type=datetime-local], div#wpjobportaladmin-wrapper input[type=datetime], div#wpjobportaladmin-wrapper input[type=email], div#wpjobportaladmin-wrapper input[type=month], div#wpjobportaladmin-wrapper input[type=number], div#wpjobportaladmin-wrapper input[type=password], div#wpjobportaladmin-wrapper input[type=search], div#wpjobportaladmin-wrapper input[type=tel], div#wpjobportaladmin-wrapper input[type=text], div#wpjobportaladmin-wrapper input[type=time], div#wpjobportaladmin-wrapper input[type=url], div#wpjobportaladmin-wrapper input[type=week],div#wpjobportaladmin-wrapper .wp-core-ui select{max-width: 100%; border: 1px solid #cbd5e1;}
div#wpjobportaladmin-wrapper .wpjobportal-form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Space between form wrappers */
    background-color: var(--wjp-bg-card);
    padding: 30px;
    border-radius: var(--wjp-border-radius);
    box-shadow: var(--wjp-shadow-lg);
}
.wpj-visisble-parent-field {
    margin-bottom: 10px;
    width: 100%;
}
span#visibleValue{width: 100%;}

/* --- Individual Form Field Container --- */
.wpjobportal-form-wrapper {
  /*  display: flex;
    flex-direction: column;*/
    /* Use flex-grow for a two-column layout by default */
    /*flex: 1 1 calc(50% - 10px); */
    width: 100%;
    margin-bottom: 5px;
    display: grid;
    grid-template-columns: 200px 1fr;
    border-bottom: 1px dashed #c0c1c2;
    padding-bottom: 15px;
    
    margin-bottom: 5px;
}
.wjportal-form-inner-fields.wjportal-form-symbol-fields {
    border: 1px solid var(--wjp-border-color);
    min-height: 50px;
    border-radius: 8px;
    padding: 0 10px;
}
/* Override for full-width elements like the Description textarea */
.wpjobportal-form-wrapper.wpjobportal-fullwidth {
    /*flex: 1 1 100%; /* Take up the full width */
}
select#visibleCondition {
    margin-bottom: 20px;
}
select#visibleValue{margin-bottom: 5px;}
input#longitude {
    margin-bottom: 5px;
}
/* --- Form Title/Label --- */
.wpjobportal-form-title {
    font-size: var(--wjp-font-size-sm);
    font-weight: var(--wjp-font-weight-semibold);
    color: var(--wjp-text-medium);
    margin-bottom: 15px;
    align-items: center;
    display: flex;
    padding-right: 15px;
    justify-content: right;
    
}
div#wpjobportaladmin-wrapper .wjportal-form-title label{  
  font-size: var(--wjp-font-size-sm);
    font-weight: var(--wjp-font-weight-semibold);
    color: var(--wjp-text-medium);
    margin-bottom: 15px;
    align-items: center;
    display: flex;
    padding-right: 15px;
    justify-content: right;
 }
 div#wpjobportaladmin-wrapper .wjportal-form-row{gap: 1rem;}
.wjportal-resume-section-wrp .checkbox-field.wpjp-form-value.wjportal-searchable-wrp span.wpjobportal-form-chkbox-field{min-height: 0;}

#wpjobportal-admin-wrapper .wjportal-resume-section-head {
    padding: 20px;
}
#wpjobportal-admin-wrapper .wjportal-resume-section-head{
    font-size: 19px;
    font-weight: 600;

    margin-bottom: 20px;
    background: #f3f3f3;
    border: 1px solid #e2e2e2;
    padding: 10px;
    border-radius: 5px;
    padding-left: 2rem;
}
#wpjobportal-admin-wrapper div#jsresume_sectionid1, #wpjobportal-admin-wrapper div#jsresume_sectionid2, 
#wpjobportal-admin-wrapper div#jsresume_sectionid3,#wpjobportal-admin-wrapper div#jsresume_sectionid4, 
#wpjobportal-admin-wrapper div#jsresume_sectionid5, #wpjobportal-admin-wrapper div#jsresume_sectionid6, 
#wpjobportal-admin-wrapper div#jsresume_sectionid7, #wpjobportal-admin-wrapper div#jsresume_sectionid8, 
#wpjobportal-admin-wrapper div#jsresume_sectionid9, #wpjobportal-admin-wrapper div#jsresume_sectionid10, 
#wpjobportal-admin-wrapper .wjportal-job-sec-heading{
     font-size: 22px;
    font-weight: 600;
    border-bottom: 3px dotted #4f46e5;
}
span.wpjobportal-form-chkbox-field {
    border: 1px solid var(--wjp-border-color);
    min-height: 50px;
    border-radius: 8px;
    padding: 0 10px;
    margin-bottom: 5px;
    width: 100%;

}
div#input-text-joblink{width: 100%;}
.wpjobportal-form-title span[color="red"] {
    color: var(--wjp-color-danger);
    margin-left: 4px;
    font-size: var(--wjp-font-size-base);
    line-height: 1; /* Adjust to ensure better vertical alignment */
}
span.wpjobportal-form-radio-field {
     border: 1px solid var(--wjp-border-color);
    border-radius: 8px;
    padding: 10px 20px;
    margin-right: 10px;
    height: fit-content;
    margin-left: 10px;
}
.wpjobportal-form-value ul.wpjobportal-input-list-wpjobportal{padding: 0px  0px;width: 100%;}
.wp-editor-wrap {
    position: relative;
    width: 100%;
}
input#stoppublishing {
    width: 100%;
}
.wjportal-form-email-field-wrp .wjportal-form-email-field .wpjobportal-form-radio-field{min-height: unset; background: #fff;}

.wpjobportal-city-field-import-data-link-wrapper{
   text-align: right;
   padding-right: 10px;
}
.wpjobportal-city-field-import-data-link {
   display: inline-block;
    font-weight: var(--wjp-font-weight-normal);
    color:var(--wjp-color-primary);
    text-decoration: none;
    margin-left: auto; /* Push link to the right */
    border: 1px solid var(--wjp-border-color);
    padding: 5px;
    border-radius: 5px;
    background-color: var(--wjp-bg-body);
}
.wpjobportal-city-field-import-data-link:hover {
    color: var( --wjp-color-primary-dark);
}

.wpjobportal-form-desc {
    display: flex;
    min-width: 500px;
    margin-left: 200px;
    font-size: 14px;
}
/* --- Input Field Styles (General) --- */
.wjportal-form-input-field,
.wjportal-form-select-field,
.wjportal-form-textarea-field {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--wjp-border-color);
    border-radius: var(--wjp-border-radius-sm);
    background-color: var(--wjp-bg-card);
    font-size: var(--wjp-font-size-base);
    color: var(--wjp-text-dark);
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
    -webkit-appearance: none; /* Remove default styling for selects/inputs on some browsers */
    -moz-appearance: none;
    appearance: none;
}

.wjportal-form-input-field:focus,
.wjportal-form-select-field:focus,
.wjportal-form-textarea-field:focus {
    border-color: var(--wjp-color-primary);
    box-shadow: 0 0 0 3px var(--wjp-color-primary-light);
    outline: none;
}

/* --- Error State --- */
.wpjobportal-form-value.has-error .wjportal-form-input-field.error,
.wpjobportal-form-value.has-error .wjportal-form-select-field.error {
    border-color: var(--wjp-color-danger) !important;
}

.help-block.form-error {
    font-size: var(--wjp-font-size-sm);
    color: var(--wjp-color-danger-text);
    background-color: var(--wjp-color-danger-bg);
    padding: 5px 10px;
    border-radius: var(--wjp-border-radius-sm);
    margin-top: 5px;
    display: inline-block;
}

/* --- Salary Range Field Group (Flex) --- */
.wjportal-form-5-fields {
    display: flex;
    align-items: center;
    gap: 8px; /* Space between salary fields/symbol */
    width: 100%;
}

.wjportal-form-5-fields .wjportal-form-inner-fields {
    /* Fields take available space, symbol/select-duration are constrained */
    flex: 1 1 auto;
}

.wjportal-form-symbol-fields {
    flex: 0 0 auto !important; /* Prevent symbol wrapper from growing/shrinking excessively */
    display: flex;
    align-items: center;
}

.wjportal-form-symbol {
    font-size: var(--wjp-font-size-lg);
    font-weight: var(--wjp-font-weight-medium);
    color: var(--wjp-text-medium);
}

/* Hide min/max placeholders to show just fixed/range options */
#salarymin, #salarymax {
    display: none;
}

/* --- Map Container --- */
.wjportal-form-map {
    margin-bottom: 15px;
}

#map_container {
    height: 300px; /* Set a fixed height for the map */
    width: 600px !important;
    border: 1px solid var(--wjp-border-color);
    border-radius: var(--wjp-border-radius-sm);
    overflow: hidden;
}

.wpjobportal-form-description {
    font-size: var(--wjp-font-size-sm);
    color: var(--wjp-text-lighter);
    margin-top: 15px;
        margin-left: 200px;
    min-width: 500px;
    margin-left: 200px;
}

div#wpjobportaladmin-wrapper .wp-core-ui .button,div#wpjobportaladmin-wrapper  .wp-core-ui .button-primary, div#wpjobportaladmin-wrapper .wp-core-ui .button-secondary{font-size: 16px;}

/* --- Radio/Checkbox Field Wrapper (Flex) --- */
.wjportal-form-email-field-wrp {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid var(--wjp-border-color);
    border-radius: var(--wjp-border-radius-sm);
    background-color: var(--wjp-bg-light);
    margin-right: 10px;
}

.wjportal-form-email-field {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.wjportal-form-radio-field, 
.wpjobportal-form-chkbox-field {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.wpjobportal-form-radio-field input[type="radio"],
.wpjobportal-form-chkbox-field input[type="checkbox"] {
    margin-right: 8px;
    accent-color: var(--wjp-color-primary); /* Style the checkbox/radio button itself */

}
div#wpjobportaladmin-wrapper form#wpjobportal-list-form input[type=checkbox], div#wpjobportaladmin-wrapper form#wpjobportal-list-form input[type=radio] {
       /*padding: 2px !important;*/

    }
  div#wpjobportaladmin-wrapper  button#decription-html:hover,
  div#wpjobportaladmin-wrapper button#decription-tmce:hover {
    color: black;
}
   div#wpjobportaladmin-wrapper select#pagesize {
    max-width: 170px !important;
}
span.uf_checkbox_wrp input[type="checkbox"]{display: unset;}

.wjportal-form-email-field-txt {
    font-size: var(--wjp-font-size-xs);
    color: var(--wjp-text-light);
    margin-left: 25px; /* Offset the text for visual alignment with the radio button */
}

/* --- Buttons --- */
.wpjobportal-form-button,
.wpjobportal-saveorder-wrp {
    flex: 1 1 100%; /* Take full width for buttons */
    display: flex;
    justify-content: center; /* Push buttons to the right */
    gap: 15px;
    padding-top: 20px;
    border-top: 1px solid var(--wjp-border-color);
    margin-top: 10px;
}
.wpjobportal-config-save-btn ,
input.wjportal-form-wrp.wjportal-resume-form-btn-primary.wjportal-form-btn.wjportal-form-save-btn,
.wpjobportal-form-cancel-btn,
.wpjobportal-form-save-btn ,
div#wpjobportaladmin-wrapper .button,
.wpjobportal-saveorder-wrp input#save{
    padding: 10px 20px;
    border-radius: var(--wjp-border-radius-sm);
    text-decoration: none;
    font-weight: var(--wjp-font-weight-semibold);
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    font-size: var(--wjp-font-size-base);
    border: 1px solid #d8d8d8;
}

.wpjobportal-form-cancel-btn {
    background-color: var(--wjp-bg-card);
    color: var(--wjp-text-medium);
    border-color: var(--wjp-border-color);
}

.wpjobportal-form-cancel-btn:hover 
{
    background-color: var(--wjp-bg-hover) !important;
    color: var(--wjp-text-dark) !important;
}
a#wpjobportal-cancel-btn {
    padding-top: 15px;
}
.wpjobportal-saveorder-wrp input#save,
.wpjobportal-config-save-btn,
a.downloadall.wjportal-resume-download-all-btn.wjportal-resume-adv-act-btn,
input.wjportal-form-wrp.wjportal-resume-form-btn-primary.wjportal-form-btn.wjportal-form-save-btn,
.wpjobportal-form-save-btn {
    background-color: var(--wjp-color-primary) !important;
    color: var(--wjp-text-white) !important;
    border-color: var(--wjp-color-primary)!important;
}
.wjportal-resume-detail-wrapper{
   font-size: var(--wjp-font-size-base);
}
div#wpjobportaladmin-wrapper .button:hover,
.wpjobportal-config-save-btn:hover,
.wjportal-resume-detail-wrapper .wjportal-resume-adv-act-btn:hover,
a.downloadall.wjportal-resume-download-all-btn.wjportal-resume-adv-act-btn:hover,
input.wjportal-form-wrp.wjportal-resume-form-btn-primary.wjportal-form-btn.wjportal-form-save-btn:hover,
.wpjobportal-form-save-btn:hover {
    background-color: var(--wjp-color-primary-dark) !important;
    box-shadow: var(--wjp-shadow-md) !important;
    color: #fff !important;
}
div#wpjobportaladmin-wrapper .wjportal-resume-detail-wrapper .wjportal-resume-attachments-wrp .wjportal-resume-sec-data-value a.file{
    color:#fff !important;
}
div#wpjobportaladmin-wrapper .wjportal-resume-detail-wrapper .wjportal-resume-attachments-wrp .wjportal-resume-sec-data-value a.file:hover{
    color: #fff !important;
}
div#wpjobportaladmin-wrapper .wjportal-resume-detail-wrapper .wjportal-resume-inner-sec-heading{
       font-size: 18px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    background: #e3e3e3;
    border: 1px solid #ebebeb;
    padding: 15px;
    border-radius: 5px;
    padding-left: 2rem;

}
div#wpjobportaladmin-wrapper  img#rs_photo {
    width: 100px;
    height: 100px;
}
/* --- Multi-field Groups (City/Tags) --- */
.wpjobportal-input-list-wpjobportal {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex; /* Makes the list a flex container */
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid var(--wjp-border-color);
    border-radius: var(--wjp-border-radius-sm);
    background-color: var(--wjp-bg-card);
    padding: 6px;
}

.wpjobportal-input-list-wpjobportal:focus-within {
    border-color: var(--wjp-color-primary);
    box-shadow: 0 0 0 3px var(--wjp-color-primary-light);
}

.wpjobportal-input-input-token-wpjobportal {
    margin: 4px;
}

.wpjobportal-input-list-wpjobportal input[type="text"] {
    border: none;
    padding: 4px 0;
    font-size: var(--wjp-font-size-base);
    color: var(--wjp-text-dark);
    width: 100px; /* Base width, adjust as needed or remove for pure grow */
}
.wpjobportal-input-list-wpjobportal input[type="text"]:focus {
    outline: none;
    box-shadow: none;
}

/* --- Upload field formatting --- */
.cf_uploadfile {
    border: 1px solid var(--wjp-border-color);
    padding: 10px;
    border-radius: var(--wjp-border-radius-sm);
    width: 100%;
    box-sizing: border-box;
}
.wjportal-form-upload {
    width: 100%;
}
#js_cust_file_ext {
    font-size: var(--wjp-font-size-xs);
    color: var(--wjp-text-light);
    margin-top: 5px;
}

/* --- Checkbox/Radio Labels for standard field types (a, b, c) --- */
.wpjobportal-form-value .wpjobportal-form-radio-field label {
    font-weight: var(--wjp-font-weight-normal);
    color: var(--wjp-text-dark);
    padding-left: 2px;
}

.wjportal-error-messages-wrp {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}
.wjportal-error-msg-image-wrp {
    width: 100%;
    display: flex;
    justify-content: center;
}
.wjportal-error-msg-txt {
       font-size: 20px;
    font-weight: 700;
    width: 100%;
    display: flex;
    justify-content: center;
}
div#jsresume_sectionid1, div#jsresume_sectionid2, div#jsresume_sectionid3, div#jsresume_sectionid4, div#jsresume_sectionid5, div#jsresume_sectionid6, div#jsresume_sectionid7, div#jsresume_sectionid8, div#jsresume_sectionid9, div#jsresume_sectionid10, .wjportal-job-sec-heading{
    border-bottom: 3px dotted var(--wjp-color-primary);
}

/* --- Resume Card Specific Styling --- */
        .wpjobportal-resume-list {
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
            margin-bottom: 15px;
            padding: 20px;
            transition: transform 0.2s, box-shadow 0.2s;
            border-left: 5px solid transparent;
            position: relative;
            display: flex;
            flex-direction: column;
         
        }

        .wpjobportal-resume-list:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        }

        /* Status highlight line */
        .wpjobportal-resume-list .approved {
            border-left-color: #2ecc71;
        }

        .wpjobportal-resume-list-top-wrp {
            display: flex;
            align-items: flex-start;
            /* Add padding to account for selector checkbox */
            width: 100%;
            flex-wrap: wrap;
           
        }

        /* Logo / Photo Area */
        .wpjobportal-resume-logo {
              /*  display: flex;
            flex-wrap: wrap;*/
            justify-content: center;
            flex-shrink: 0;
            width: 94px;
            height: 94px;
            text-align: center;
            margin-right: 20px;
        }
        
        .wpjobportal-resume-logo img {
            width: 100%;
            height: 100%;
            max-width: 100%;
            max-height: 100%;
            border-radius: 10%; /* Circular Avatar for Resumes */
            object-fit: contain;
            border: 2px solid #f0f0f0;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
        }

        .wpjobportal-resume-crt-date {
            font-size: 13px;
            color: #999;
            margin-top: 8px;
            font-weight: 500;
        }

        /* Content Wrapper */
        .wpjobportal-resume-cnt-wrp {
                width: calc(100% - 114px);
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
        }
        
        .wpjobportal-resume-middle-wrp {
    flex-grow: 1;
    padding-right: 2rem;
    width: 80%;
        }
    .wpjobportal-resume-right-wrp {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.75rem;
    flex: 1 1 auto;
}

        /* Layout adjustments for data rows */
        .wpjobportal-resume-data {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }

        /* Candidate Name */
        .wpjobportal-resume-name a {
            font-size: var(--wjp-font-size-xl);
    font-weight: var(--wjp-font-weight-bold);
    color: var(--wjp-text-dark);
    display: inline-block;
    margin-right: 0.75rem;
    margin-bottom: 5px;
        }
        .wpjobportal-resume-name a:hover {
                color: var(--primary-color);
        }

        /* Resume Category */
        .wpjobportal-resume-catgry {
            color: #007bff;
            font-weight: 500;
            font-size: var(--wjp-font-size-base);
            margin-bottom: 10px;
    margin-top: 20px;
        }

        /* Job Type Badge */
        .wpjobportal-resume-job-type {
            display: inline-block;
            padding: 4px 12px;
            border-radius:4px;
            color: white !important;
            font-size: 0.75em;
            font-weight: 600;
            text-transform: uppercase;
            margin-bottom: 5px;
        }
        /* Override inline colors for consistency if needed, otherwise keep inline */
        .wpjobportal-resume-job-type[style*="#00abfa"] { background-color: #007bff !important; }

        .wpjobportal-item-status.approved {
            background-color: #e6f7ee;
            color: #1a934d;
        }
        span.wpjobportal-message-status-txt.pending,
        span.wpjobportal-company-status-txt.pending{
            background-color: #ffface;
    color: #857a19;
        }
        span.wpjobportal-company-status-txt.pending-payment,
        span.wpjobportal-item-status.pending {
    background-color: #ffface;
    color: #857a19;
}
span.wpjobportal-message-status-txt.rejected,
span.wpjobportal-company-status-txt.rejected,
span.wpjobportal-item-status.rejected {
    background-color: #ffd8d0;
    color: #931a1a;
}
a#form-cancel-button {
    border: 1px solid var(--wjp-border-color);
    border-radius: 8px;
    display: flex;
    background: #fff;
    color: #000;
    padding: 10px 20px;
        min-height: 30px;
        text-align: center;
        margin-right: 5px;
        align-items: center;
        padding: 17px 15px;
    height: 55px;
}

a#form-cancel-button:hover {
    border:1px solid #000;
}
.wpjobportal-form-wrapper.wpjobportal-form-visible-wrapper {
    border: 1px solid #7c9ab4;
    padding: 20px;
    border-radius: 8px;
    background: aliceblue;
}

div#resume-approval-queue{ 
    background-color:unset;
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 0px;
    padding: 0px;
    transition: transform 0s, box-shadow 0s;
    border-left: 0px solid transparent;
    position:unset;
    display: unset;
    flex-direction: cunset; }

        /* Data Labels and Values (Salary, City) */
        .wpjobportal-resume-data-text {
            display: inline-flex;
            align-items: center;
            color: #555;
            margin-bottom: 10px;
            border-radius: 4px;
            
            font-size: var(--wjp-font-size-base);
    color: var(--wjp-text-medium);
    display: inline-block;
    margin-right: 1.5rem;
    margin-top:5px;
        }
        
        .wpjobportal-resume-data-title {
            font-weight: 600;
            color: #7f8c8d;
            margin-right: 5px;
        }
        
        .wpjobportal-resume-data-value {
          
            color: #333;
        }

        /* --- Action Buttons (Matches Job List Style) --- */
        .wpjobportal-resume-list-btm-wrp {
                padding-top: 1rem;
    margin-top: 1rem;
            border-top: 1px solid #f0f0f0;
            width: 100%;
        }

        .wpjobportal-resume-action-wrp {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }
      
 a.wpjobportal-resume-act-btn.button.applied-a.wjportal-resume-act-action-links.wjportal-list-act-btn-export-resume{
           white-space: nowrap;
    background-color: var(--wjp-bg-light) !important;
    color: var(--wjp-text-medium) !important;
    font-size: var(--wjp-font-size-sm)!important;
    transition: background-color 0.2s;
    border-radius: 8px!important;
    padding: 10px 15px!important;
    border: 1px solid var(--wjp-border-color)!important;
    font-weight: 500!important;
    align-content: center !important;
    height: unset !important;
        max-height: 41px !important;
         }
       
        .wpjobportal-resume-act-btn {
            text-decoration: none;
            white-space: nowrap;   
            background-color: var(--wjp-bg-light);
    color: var(--wjp-text-medium);
    font-size: var(--wjp-font-size-sm);
    transition: background-color 0.2s;
    border-radius: 8px;
    padding: 10px 15px;
    border: 1px solid var(--wjp-border-color);
    font-weight: 500;
    align-content: center;
        }

        .wpjobportal-resume-act-btn:hover {
            color: #007bff;
            background-color: #ecf0f1;
             border: 1px solid #007bff;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
        }

        
        .wjportal-resume-section-wrapper.wpj-jp-resumedetail-sec-data {
    background-color: var(--wpjp-card-background);
    border: 1px solid var(--wpjp-border-color);
    border-radius: 8px;
    box-shadow: var(--wpjp-card-shadow);
    padding: 20px;
    margin-bottom: 24px;
    width: 100%;
}
.wjportal-resume-section-wrapper.-resumedetail-sec-data
 {
    background-color: var(--wpjp-card-background);
    /*border: 1px solid var(--wpjp-border-color);*/
    border-radius: 8px;
    box-shadow: var(--wpjp-card-shadow);
    padding: 20px;
    margin-bottom: 24px;
    width: 100%;
}
.wjportal-resume-detail-wrapper .wjportal-resume-section-title{
       padding-bottom: 15px !important;
}
.resume-section-data {
    padding: 20px 10px;
    font-size: 14px;
}
a.downloadall.wjportal-resume-download-all-btn.wjportal-resume-adv-act-btn {
    background-color: var(--wjp-color-primary);
    color: #ffffff;
}
#wpjobportal-admin-wrapper div#resume-wrapper
 {
   /* display: flex;
    flex-wrap: wrap;*/
    gap: 20px;
    background-color: var(--wjp-bg-card);
    padding: 30px;
    border-radius: var(--wjp-border-radius);
    box-shadow: var(--wjp-shadow-lg);
}
#wpjobportal-admin-wrapper .wjportal-form-upload-btn-wrp{
   display: block;
}
#wpjobportal-admin-wrapper .wjportal-main-up-wrapper{
       width: 100%;
     max-width: unset !important; 
     margin: unset !important;
}
#wpjobportal-admin-wrapper .wjportal-form-title{
       font-size: var(--wjp-font-size-sm);
    font-weight: var(--wjp-font-weight-semibold);
    color: var(--wjp-text-medium);
    margin-bottom: 15px;
    align-items: center;
    display: flex;
    padding-right: 15px;
    justify-content: right;
}
/*#wpjobportal-admin-wrapper input[type="checkbox"]{
   border: 1px solid #8c8f94;
    border-radius: 4px;
    background: #fff;
    color: #50575e;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    height: 1rem;
    margin: -.25rem .25rem 0 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    width: 1rem;
    min-width: 1rem;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    transition: .05s border-color 
ease-in-out;
}*/
#wpjobportal-admin-wrapper .span.wpjobportal-form-chkbox-field {
    border: 1px solid var(--wjp-border-color);
    border-radius: 8px;
    padding: 10px 20px;
    margin-right: 10px;
    height: fit-content;
    /* margin-left: 10px; */
    margin-bottom: 10px;
}
#wpjobportal-admin-wrapper .checkbox-field.wpjp-form-value.wjportal-searchable-wrp span.wpjobportal-form-chkbox-field{
border: unset;
display: flex;
}
#wpjobportal-admin-wrapper  span.uf_checkbox_wrp
 {
    border: 1px solid var(--wjp-border-color);
    border-radius: 8px;
    padding: 10px 20px;
    margin-right: 10px;
    height: fit-content;
    margin-left: 10px;
}
#wpjobportal-admin-wrapper span.uf_radiobtn_wrp {
    border: 1px solid var(--wjp-border-color);
    border-radius: 8px;
    padding: 10px 20px;
    margin-right: 10px;
    height: fit-content;
    margin-left: 10px;
}
 
span.uf_checkbox_wrp {
    border: 1px solid var(--wjp-border-color);
    border-radius: 8px;
    padding: 10px 20px;
    margin-right: 10px;
    height: fit-content;
    margin-left: 10px;
}
#wpjobportal-admin-wrapper .wjportal-form-help-txt {
    font-size: var(--wpjp-body-font-size);
    color: var(--wpjp-body-font-color);
    margin-top: 0.5rem;
    width: 100%;
}
#wpjobportal-admin-wrapper .wjportal-page-heading{
       margin-top: 40px;
       font-size: var(--wjp-font-size-3xl);
       padding-left: 15px;
}
#wpjobportal-admin-wrapper .wjportal-resume-section-head {
    padding: 20px;
}
#wpjobportal-admin-wrapper input[type="text"],#wpjobportal-admin-wrapper  input[type="email"],#wpjobportal-admin-wrapper input[type="url"], #wpjobportal-admin-wrapper input[type="password"], #wpjobportal-admin-wrapper input[type="search"], #wpjobportal-admin-wrapper input[type="number"], #wpjobportal-admin-wrapper input[type="tel"],#wpjobportal-admin-wrapper input[type="range"], #wpjobportal-admin-wrapper input[type="date"], #wpjobportal-admin-wrapper input[type="month"],#wpjobportal-admin-wrapper input[type="week"], #wpjobportal-admin-wrapper input[type="time"],#wpjobportal-admin-wrapper input[type="datetime"], #wpjobportal-admin-wrapper input[type="datetime-local"], #wpjobportal-admin-wrapper input[type="color"], #wpjobportal-admin-wrapper textarea, #wpjobportal-admin-wrapper select {
    border-radius: 8px !important;
    height: 55px !important;
    color: var(--wpjp-body-font-color) !important;
    background-color: white !important;
    width: 100% !important;
    max-width: 100% !important;
    

}

   /* --- Checkbox & Badges --- */
        .selector {
            position: absolute;
            top: 20px;
            left: 10px;
            z-index: 5;
        }
        .selector input[type="checkbox"] {
            transform: scale(1.2);
            cursor: pointer;
        }
        
        .quick-actions-left { display: flex; align-items: center; gap: 15px; }
      
        .select-all-btn { color: #555; background-color: #f0f4f8; border: 1px solid #dcdfe6; font-weight: 500; }
        .delete-btn { color: white; background-color: #e74c3c; border: 1px solid #e74c3c; font-weight: 600; }
        
        /* Filter Form (Reused) */
        .wpjobportal-filter-form {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(248px, 1fr));
            gap: 15px;
            padding: 20px;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
            margin-bottom: 20px;
        }
        .wpjobportal-form-input-field, .wpjobportal-form-select-field {
            padding: 10px 12px; border: 1px solid #ddd; border-radius: 6px; width: 100%;
        }
        .wpjobportal-form-search-btn {
            background-color: #007bff; color: white; padding: 10px 15px; border-radius: 6px; cursor: pointer; border: none; font-weight: 600;
        }
        
        /* Responsive */
        @media (max-width: 768px) {
           
            .wpjobportal-resume-logo {
                width: 100%;
                display: flex;
                flex-direction: row;
                align-items: center;
                gap: 15px;
                margin-bottom: 10px;
                text-align: left;
            }

    div#wpjobportaladmin-leftmenu {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        position: relative;
        z-index: 999999;
    }
             .wpjobportal-resume-logo img {
                 width: 100px; height: 100px;
             }
             .selector { top: 10px; left: auto; right: 10px; }
             .wpjobportal-resume-action-wrp {
                 justify-content: center;
             }
        }



/* --- Container Styling --- */
#wpjobportal-applied-tabs-container {
    /* Layout */
    display: flex; /* Use Flexbox to align items horizontally */
    flex-wrap: wrap;
    align-items: center; /* Vertically center the items */
    gap: 5px; /* Small space between tab buttons */
    padding: 10px;
    margin-bottom: 12px;
    /* Aesthetics */
    background-color: #f8f9fa; /* Very light gray background for the container */
    border-radius: 8px; /* Soft rounding for the overall bar */
    border: 1px solid #e9ecef; /* Subtle border */
    
  
}

/* --- Base Anchor (Tab) Styling --- */
#wpjobportal-applied-tabs-container a {
    /* Layout & Box Model */
    padding: 20px 20px;
    text-decoration: none;
    display: flex;
    align-items: center;
    white-space: nowrap; /* Prevent text wrapping */
    
    /* Aesthetics & Typography */
        font-size: var(--wjp-font-size-base);
    font-weight: 500;
    color: #000; /* Default gray text color */
    background-color: transparent; /* Default transparent background */
    border-radius: 6px; /* Soft rounding on individual tabs */
    
}
span#wpjobportal_appliedresume_action_allexport_text{
    color: #000; /* Default gray text color */
}

/* --- Hover State (When not selected) --- */
#wpjobportal-applied-tabs-container a:hover:not(.selected) {
    background-color: #e9ecef; /* Slightly darker light gray on hover */
    color: #007bff; /* Change text color to blue on hover */
}

/* --- Selected (Active) Tab Styling --- */
#wpjobportal-applied-tabs-container a.selected {
    color: #ffffff; /* White text for the active tab */
    background-color: #007bff; /* Bright blue for the active tab background */
    box-shadow: 0 2px 5px rgba(0, 123, 255, 0.3); /* Subtle blue shadow for lift */
    font-weight: 600;
}

/* --- Specific Styling for Export Button Area (Pushing it to the right) --- */
#wpjobportal_appliedresume_action_allexport {
    margin-left: auto; /* This key property pushes the element to the far right */
    padding-left: 10px; /* Spacing from the last tab */
}
span.wpjobportal-resume-name {
    font-size: var(--wjp-font-size-xl);
    font-weight: var(--wjp-font-weight-bold);
    color: var(--wjp-text-dark);
    display: inline-block;
    margin-right: 0.75rem;
    margin-top: 10px;
}
span.wpjobportal-resume-name:hover {
    color: var(--wjp-color-primary-dark);
}
span.wpjobportal-resume-title {
    font-size: var(--wjp-font-size-base);
    color: var(--wjp-text-medium);
    display: inline-block;
        margin-bottom: 5px;
    margin-top: 15px;
}
span.wpj-jp-applied-resume-cnt-val {
    color: #343a40;
    font-size: var(--wjp-font-size-base);
}
span.wpj-jp-applied-resume-cnt-tit {
    font-weight: 600;
    color: #7f8c8d;
    margin-right: 5px;
    font-size: var(--wjp-font-size-base);
}
a.wpjobportal-viewcover-act-btn {
    text-decoration: none;
    white-space: nowrap;
    background-color: var(--wjp-bg-light);
    color: var(--wjp-text-medium);
    font-size: var(--wjp-font-size-sm);
    transition: background-color 0.2s;
    border-radius: 8px;
    padding: 10px 15px;
    border: 1px solid var(--wjp-border-color);
    font-weight: 500;
    margin-top: 10px;
    display: inline-block;
}
/* --- Export Button Styling (Button look) --- */
.export-all-button {
    /* Inherit base anchor styles first */
    padding: 8px 15px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;

    /* Unique Button Colors */
    background-color: #28a745; /* Green color for action/success */
    color: #ffffff !important; /* White text */
    border-radius: 6px;
    font-weight: 600 !important;
    border: 1px solid black;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.export-all-button:hover {
    background-color: #218838; /* Slightly darker green on hover */
}

/* --- Styling for the Advanced Search Span (if needed) --- */
#wpjobportal_appliedapplication_tab {
    /* Ensure the span doesn't interfere with padding/sizing if it's there */
    display: inline-block;
}



        /* --- Company Card Styling --- */
        .wpjobportal-company-list {
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
            margin-bottom: 15px;
            padding: 20px;
            transition: transform 0.2s, box-shadow 0.2s;
            border-left: 5px solid transparent;
            position: relative;
        }

        .wpjobportal-company-list:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        }
     div#wpjobportal-admin-wrapper   a.wpjobportal-company-name {
    margin-bottom: 18px;
    margin-top: 10px;
}
        /* Status Color Highlight */
        .wpjobportal-company-list .approved {
            border-left-color: #2ecc71;
        }

        /* Top Section Wrapper */
        .wpjobportal-company-list-top-wrp {
            display: flex;
            gap: 20px;
            align-items: flex-start;
            width: 100%;
        }

        /* Logo Section */
        .wpjobportal-company-logo {
            flex-shrink: 0;
            width: 94px;
             height: 94px;
            text-align: center;
        }
        
        .wpjobportal-company-logo img {
            width: 100%;
            height: 100%;
            border-radius: 8px; /* Rounded square for companies */
            object-fit: contain;
            border: 1px solid #eee;
            background-color: #fff;
            padding: 4px;
        }

        .wpjobportal-company-crt-date {
            font-size:13px;
            color: #999;
            margin-top: 6px;
        }

        /* Content Section */
        .wpjobportal-company-cnt-wrp {
            flex-grow: 1;
            display: flex;
            justify-content: space-between;
        }

        .wpjobportal-company-middle-wrp {
            flex-grow: 1;
            padding-right: 20px;
            padding-left: 10px;
        }

        /* Company Name */
        .wpjobportal-company-name {
           font-size: var(--wjp-font-size-xl);
    font-weight: var(--wjp-font-weight-bold);
    color: var(--wjp-text-dark);
            text-decoration: none;
            display: block;
            transition: color 0.2s;
        }
        .wpjobportal-company-name:hover {
            color: #007bff;
        }

        /* Company Description */
        .wpjobportal-company-desc {
            font-size: var(--wjp-font-size-base);
            color: #666;
         
            line-height: 1.5;
            display: -webkit-box;
            -webkit-line-clamp: 2; /* Limit to 2 lines */
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        /* Data Row (City, etc) */
        .wpjobportal-company-data-text {
            align-items: center;
    padding: 5px 0px;
    border-radius: 4px;
    font-size: var(--wjp-font-size-base);
    color: var(--wjp-text-medium);
    display: inline-block;
    margin-right: 1.5rem;
        margin-bottom: 10px;
        }
        
        .wpjobportal-company-data-title {
            font-weight: 600;
            color: #7f8c8d;
            margin-right: 5px;
        }
        
       

        /* Right Section (Status) */
        .wpjobportal-company-right-wrp {
            flex-shrink: 0;
            text-align: right;
        }

        .wpjobportal-company-status-txt {
            display: inline-block;
            padding: 4px 12px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 600;
            text-transform: uppercase;
        }
        .wpjobportal-company-status-txt.approved {
            background-color: #e6f7ee;
            color: #1a934d;
        }

        /* --- Action Buttons --- */
        .wpjobportal-company-list-btm-wrp {
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px solid #f0f0f0;
            width: 100%;
        }

        .wpjobportal-company-action-wrp {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }

        .wpjobportal-company-act-btn {
            text-decoration: none;
    display: inline-flex;
    gap: 5px;
    border: 1px solid var(--wjp-border-color);
    background-color: var(--wjp-bg-light);
    color: var(--wjp-text-medium);
    font-size: var(--wjp-font-size-sm);
    transition: background-color 0.2s;
    border-radius: 8px;
    padding: 10px 15px;
    border-bottom: 1px solid var(--wjp-border-color);
    font-weight: 500;
        }

        .wpjobportal-company-act-btn:hover {
            color: #007bff;
            background-color: #ecf0f1;
            border-color: #007bff;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
        }

       

      /*  .wpjobportal-company-act-btn[title="add to featured"] {
            color: #f39c12;
            border-color: #f39c12;
        }
        .wpjobportal-company-act-btn[title="add to featured"]:hover {
            background-color: #f39c12;
            color: white;
        }*/

        /* Departments Button (New) */
        .wpjobportal-company-act-btn[title="departments"] {
            color: #8e44ad;
            border-color: #8e44ad;
        }
        .wpjobportal-company-act-btn[title="departments"]:hover {
            background-color: #8e44ad;
            color: white !important;
        }

        /* Checkbox */
        .selector {
            position: absolute;
            top: 20px;
            left: 10px;
            z-index: 5;
        }
        .selector input[type="checkbox"] {
            transform: scale(1.2);
            cursor: pointer;
        }
        .select-all-btn { background: #f0f4f8; color: #555; border: 1px solid #dcdfe6; }
        .delete-btn { background: #e74c3c; color: white; font-weight: 600; }
        
        .wpjobportal-filter-form {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 15px;
            padding: 20px;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
            margin-bottom: 20px;
        }
        .wpjobportal-form-input-field {
            padding: 10px; border: 1px solid #ddd; border-radius: 6px; width: 100%;
        }
        .wpjobportal-form-search-btn {
            background: #007bff; color: white; padding: 10px; border-radius: 6px; font-weight: 600; cursor: pointer; border: none;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .wpjobportal-company-list-top-wrp {
                flex-direction: column;
                padding-left: 0;
            }
            .wpjobportal-company-cnt-wrp {
                flex-direction: column;
            }
            .wpjobportal-company-right-wrp {
                text-align: left;
                margin-top: 10px;
            }
            .wpjobportal-company-logo {
                margin-bottom: 10px;
                text-align: left;
            }
            .selector { top: 10px; left: auto; right: 10px; }
        }


        /* --- User Card Styling --- */


        /* --- User Card Styling --- */
        .wpjobportal-user-list {
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
            margin-bottom: 15px;
            padding: 20px;
            transition: transform 0.2s, box-shadow 0.2s;
            border-left: 5px solid transparent;
            position: relative;
        }

        .wpjobportal-user-list:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        }
        
        /* Top Wrapper */
        .wpjobportal-user-list-top-wrp {
            display: flex;
            gap: 20px;
            align-items: flex-start;
        }

        /* User Logo/Avatar */
        .wpjobportal-user-logo {
            flex-shrink: 0;
            width: 70px;
            text-align: center;
        }
        
        .wpjobportal-user-logo img {
            width: 70px;
            height: 70px;
            border-radius: 50%; /* Circular Avatar for Users */
            object-fit: cover;
            border: 2px solid #f0f0f0;
            padding: 2px;
            background-color: #fff;
        }

        /* Content Wrapper */
        .wpjobportal-user-cnt-wrp {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        .wpjobportal-user-middle-wrp {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        /* User Name */
        .wpjobportal-user-name {
           font-size: var(--wjp-font-size-xl);
    font-weight: var(--wjp-font-weight-bold);
    color: var(--wjp-text-dark);
    margin-bottom: 8px;
    display: block;
    text-decoration: none;
    transition: color 0.2s;
        }
        .wpjobportal-user-name:hover {
            color: #007bff;
        }

        /* User Role Badge */
        .wpjobportal-user-role {
            display: inline-block;
            padding: 3px 10px;
            border-radius:4px;
            font-size:13px;
            font-weight: 600;
            text-transform: uppercase;
            background-color: #e8f4fc;
            color: #3498db;
            margin-bottom: 5px;
        }
        .wpjobportal-user-role.role-admin { background-color: #e1f5fe; color: #0288d1; }
        .wpjobportal-user-role.role-employer { background-color: #e8f5e9; color: #388e3c; }
        .wpjobportal-user-role.role-jobseeker { background-color: #fff3e0; color: #f57c00; }


        /* Data Row Styling */
        .wpjobportal-user-data {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 5px;
        }

        .wpjobportal-user-data-text {
          display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 5px;
    font-size: var(--wjp-font-size-base);
    color: var(--wjp-text-medium);
        }
        
        .wpjobportal-user-data-title {
            font-weight: 600;
            color: #7f8c8d;
            margin-right: 6px;
        }
        
        .wpjobportal-user-data-value {
            font-weight: 500;
            color: #333;
        }
        
        /* Info Button */
        .wpjobportal-user-data-text-role-info-btn {
            color: #007bff;
            text-decoration: none;
            font-size: 0.85em;
            font-weight: 500;
           border: 1px solid #f0f0f1;
    padding: 5px 10px;
    border-radius: 5px;
    background: #f2f2f2;
        }
        .wpjobportal-user-data-text-role-info-btn:hover {
            text-decoration: underline;
            border-color:#007bff ;
        }

        /* --- Action Buttons --- */
        .wpjobportal-user-list-btm-wrp {
            margin-top: 15px;
            padding-top: 15px;
            border-top: 1px solid #f0f0f0;
            width: 100%;
        }

        .wpjobportal-user-action-wrp {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }

        .wpjobportal-user-act-btn {
                text-decoration: none;
    font-weight: 500;
    white-space: nowrap;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1px solid var(--wjp-border-color);
    font-size: var(--wjp-font-size-sm);
    padding: 10px 15px;
    border-radius: 8px;
        }

        .wpjobportal-user-act-btn:hover {
            color: #007bff;
            background-color: #ecf0f1;
            border-color: #007bff;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
        }


        
        /* Checkbox */
       div#wpjobportaladmin-wrapper .selector {
            position: absolute;
            top: 20px;
            left: 10px;
            z-index: 5;
        }
     div#wpjobportaladmin-wrapper   .selector input[type="checkbox"] {
            transform: scale(1.2);
            cursor: pointer;
        }
      div#wpjobportaladmin-wrapper  a.wpjobportal-user-act-btn {
    color: var(--wjp-text-medium);
}
    div#wpjobportaladmin-wrapper  a.wpjobportal-user-act-btn:hover {
        background-color: var(--wjp-color-primary-light);
    color: var(--wjp-color-primary-dark);
}

      
        .quick-actions-left { display: flex; gap: 15px; align-items: center; }
        
        .select-all-btn { background: #f0f4f8; color: #555; border: 1px solid #dcdfe6; }
        .delete-btn { background: #e74c3c; color: white; font-weight: 600; }
        
        .wpjobportal-filter-form {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 15px;
            padding: 20px;
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
            margin-bottom: 20px;
        }
        .wpjobportal-form-input-field {
            padding: 10px; border: 1px solid #ddd; border-radius: 6px; width: 100%;
        }
        .wpjobportal-form-search-btn {
            background: #007bff; color: white; padding: 10px; border-radius: 6px; font-weight: 600; cursor: pointer; border: none;
        }
        
        /* Responsive */
        @media (max-width: 768px) {
            .wpjobportal-user-list-top-wrp {
                flex-direction: column;
                padding-left: 0;
            }
            .wpjobportal-user-logo {
                text-align: left;
                margin-bottom: 10px;
            }
            .selector { top: 10px; left: auto; right: 10px; }
            .wpjobportal-user-data { gap: 10px; }
        }

         /* 2. Heading Style */
        .wpjobportal-user-stats-heading {
            font-size: 1.5rem; /* Larger title */
            font-weight: 700;
            color: var(--color-primary-dark);
            margin-bottom: 20px;
            padding-bottom: 10px;
            margin-top: 30px;
        }

        /* 3. Stats Container (Grid Layout for Responsiveness) */
        .wpjobportal-user-stats {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* Auto-fit columns */
            gap: 15px; /* Space between stats */
            background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    margin-bottom: 15px;
    padding: 20px;
    transition: transform 0.2s, box-shadow 0.2s;
    border-left: 5px solid transparent;
    position: relative;
        }

        /* 4. Individual Stat Item Card */
        .wpjobportal-user-stat-item {
            display: flex;
            align-items: center;
            padding: 15px;
            background-color: var(--color-background-light); /* Slightly off-white background for separation */
            border-radius: 8px;
            transition: transform 0.2s, box-shadow 0.2s;
            cursor: default;
            border: 1px solid var(--wjp-border-color);
        }

        .wpjobportal-user-stat-item:hover {
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            transform: translateY(-2px); /* Lift effect on hover */
        }

        /* 5. Icon/Image Container */
        .wpjobportal-user-stat-image {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 15px;
            /* Default background for icons (will be overridden by specific styles) */
            background-color: #d1d5db; 
        }

        .wpjobportal-user-stat-image img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            /* Placeholder styling to make the image visible */
            border-radius: 4px; 
        }

        /* Specific Color for Resume Stat */
        .wpjobportal-user-stat-item:nth-child(1) .wpjobportal-user-stat-image {
            background-color: var(--color-accent-blue); /* Blue background */
        }
        
        /* Specific Color for Job Applies Stat */
        .wpjobportal-user-stat-item:nth-child(2) .wpjobportal-user-stat-image {
            background-color: var(--color-accent-green); /* Green background */
        }
        
        /* 6. Content (Number and Text) Container */
        .wpjobportal-user-stat-cnt {
            display: flex;
            flex-direction: column;
        }

        /* 7. Number Style */
        .wpjobportal-user-stat-number {
            font-size: 1.75rem; /* Large, bold number */
            font-weight: 800;
            color: var(--color-primary-dark);
            line-height: 1; /* Tight spacing */
        }

        /* 8. Text Label Style */
        .wpjobportal-user-stat-text {
            font-size: 0.875rem;
            color: var(--color-secondary-text);
            font-weight: 500;
            margin-top: 2px;
        }



/* --- Email Templates --- */

         /* --- 1. Navigation Menu (Light Sidebar) --- */
         .emailtemplateform {
            display: flex;
            margin: 40px auto;
            border-radius: 16px; /* More rounded corners */
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); /* More pronounced shadow */
            background-color: var(--color-card-bg);
        }
td.wpjobportal-table-section-header {
    text-align: justify;
    font-size: 18px;
    font-weight: 700;
    background: azure;
}
        .wpjobportal-email-menu {
            width: 300px;
            background-color: var(--color-card-bg); /* Light Sidebar */
            color: var(--color-primary-dark);
            flex-shrink: 0;
            overflow-y: auto;
            border-right: 1px solid var(--color-border-subtle);
        }

        .wpjobportal-email-menu-link {
            display: block;
            margin-bottom: 2px;
        }

        .wpjobportal-email-link {
            display: block;
            padding: 15px 25px;
            color: var(--color-primary-dark);
            text-decoration: none;
            font-size: 1rem;
            transition: background-color 0.2s, color 0.2s;
            border-left: 4px solid transparent;
            border-bottom: 1px solid #dddddd;
        }

        .wpjobportal-email-menu-link:hover .wpjobportal-email-link {
            background-color:#f1f2ff;
            color:  #6c63ff;
        }

        /* Selected Link Style */
        .wpjobportal-email-menu-link.selected .wpjobportal-email-link {
            background-color:#fff;
            color: #6c63ff;
            font-weight: 700;
            border-left-color:#6c63ff;
        }

        /* --- 2. Main Content Body --- */
        .wpjobportal-email-body {
            flex-grow: 1;
            padding: 40px;
            background-color: #fff;
        }

        /* Form Wrappers (Subject/Body fields) */
        .wpjobportal-email-form-wrapper {
            margin-bottom: 30px;
        }

        .wpjobportal-email-form-title {
            font-size: 1.2rem;
            font-weight: 600;
            color: var(--color-primary-dark);
            margin-bottom: 10px;
            padding-bottom: 5px;
            border-bottom: 1px solid var(--color-border-subtle);
        }

        /* Text Input Styling (Subject) */
        .wpjobportal-email-form-field input[type="text"] {
            padding: 12px;
            border: 1px solid #dedede;
            border-radius: 8px;
            width: 100%;
            box-sizing: border-box;
            font-size: 1rem;
            color: var(--color-primary-dark);
            transition: border-color 0.3s, box-shadow 0.3s;
        }

        .wpjobportal-email-form-field input[type="text"]:focus {
            border-color: var(--color-primary-accent);
            box-shadow: 0 0 0 3px rgba(108, 99, 255, 0.15);
            outline: none;
        }

        /* --- 3. Parameters Section --- */
        .wpjobportal-email-parameters {
            background-color: var(--color-background-page);
            padding: 25px;
            border-radius: 12px;
            margin-bottom: 30px;
            border: 1px solid var(--color-border-subtle);
        }
        
        .wpjobportal-email-parameter-heading {
            font-size: 1.1rem;
            font-weight: 700;
            margin-bottom: 15px;
            color: var(--color-primary-dark);
        }

        .wpjobportal-email-paramater {
            display: inline-block;
            background-color: #e6e4ff; /* Lighter accent background for parameters */
            color: var(--color-primary-accent);
            padding: 7px 14px;
            margin: 5px 5px 5px 0;
            border-radius: 6px;
           
            font-size: 15px;
            border: 1px solid #c2bfff;
        }

        /* Rich Text Editor Placeholder */
        .editor-placeholder {
            height: 400px; 
            border: 1px dashed var(--color-border-subtle); 
            border-radius: 8px; 
            background-color: #fcfdfe; 
            padding: 15px; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
            color: var(--color-secondary-text);
            font-style: italic;
            font-size: 1.1rem;
        }

        /* --- 4. Save Button --- */
        .wpjobportal-config-btn {
            padding-top: 20px;
            border-top: 1px solid var(--color-border-subtle);
                display: flex;
    justify-content: center;
        }

       

        /* --- Responsiveness: Switch to vertical layout on small screens --- */
        @media (max-width: 992px) {
            .emailtemplateform {
                margin: 20px;
                flex-direction: column;
            }
            .wpjobportal-email-menu {
                width: 100%;
                padding: 15px;
                border-right: none;
                border-bottom: 1px solid var(--color-border-subtle);
                display: flex;
                flex-wrap: wrap;
                gap: 5px;
                align-items: center;
                justify-content: flex-start;
                box-sizing: border-box;
            }
            .wpjobportal-email-menu-link {
                margin-bottom: 0;
            }
            .wpjobportal-email-link {
                padding: 8px 15px;
                border-radius: 6px;
                border: 1px solid var(--color-border-subtle);
                border-left: none;
                white-space: nowrap;
                font-size: 0.9rem;
            }
            .wpjobportal-email-menu-link.selected .wpjobportal-email-link {
                border-left-color: transparent;
                border-color: var(--color-primary-accent);
                background-color: var(--color-active-link);
            }
            .wpjobportal-email-body {
                padding: 30px 20px;
            }
        }

        form.wpjobportal-filter-form div.wpjobportal-form-help-text {
            width: 100%;
    padding: 10px 5px;
    color: #6c757d;
    display: flex;
    align-items: center;
    border: 1px solid #4f46e5;
    border-radius: 6px;
    background: aliceblue;
        }

     .wpjobportal-form-help-text img {
    padding-right: 5px;
}

.wpjobportal-filter-form-action-wrp {
    margin-top: 25px;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 10px;
    justify-content: center;
    border-top: 1px solid #e0e0e0;
}
.wpjobportal-filter-form-action-wrp input#btnsubmit{
    background: #4f46e5;
    color: #fff;
        padding: 17px 15px;
    height: 55px;
}
.wpjobportal-filter-form-action-wrp input#btnsubmit:hover{
    background-color: var(--wjp-color-primary-dark) ;
    color: #fff;
}
a.wpjobportal-singleplugin-imprt-databtn:hover{
    color: #fff !important;
}
.wpjobportal-form-act-msg {
    padding-left: 10px;
}

/* --- Global Reset and Container Styling --- */
.wpjobportal-seo-option-page-wrap {
    /* Layout */
    padding: 25px;
    
    /* Card Aesthetics */
    background-color: #ffffff; /* White background for the main card */
    border-radius: 10px; /* Soft, modern rounded corners */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); /* Light, subtle elevation */
    border: 1px solid #e9ecef; /* Very light border for definition */
    

    color: #343a40; /* Dark text for high contrast */
}

/* --- Heading Styling --- */
.wpjobportal-config-heading-main {
  font-size: 24px;
    font-weight: 600;
    color: #000;
    padding-bottom: 18px;
    /* margin-top: 25px; */
    margin-bottom: 15px;
    border-bottom: 2px solid #000;
}

.wpjobportal-seo-option-page-wrap h3 {margin: 0 !important;}
/* --- Configuration Row Layout (Flexbox) --- */
.wpjobportal-config-row {
   display: flex;
    padding: 15px 0;
    border-bottom: 1px solid #f8f9fa;
    align-items: baseline;
}

.wpjobportal-config-row:last-of-type {
    border-bottom: none; /* Remove border from the last item in a section */
}

/* --- Configuration Title Column --- */
.wpjobportal-config-title {
    flex-basis: 25%; /* Allocate 35% of width to the title */
    padding-right: 20px;
    font-weight: 500;
    font-size: 16px;
    color: #495057; /* Slightly softer than main text */
    justify-content: flex-end;
    display: flex;

}

/* --- Configuration Value Column --- */
.wpjobportal-config-value {
    flex-basis: 75%; /* Allocate 65% of width to the input/value area */
}

/* --- Input Field Styling --- */
.wpjobportal-config-value .inputbox {
    width: 100%; /* Make input fill the container */
    padding: 10px 12px;
    font-size: 15px;
    border: 1px solid #ced4da; /* Light, subtle border */
    border-radius: 6px; /* Soft rounding on the input box */
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

.wpjobportal-config-value .inputbox:focus {
    border-color: #007bff; /* Blue focus accent */
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25); /* Subtle glowing effect */
}

/* --- Description/Hint Text Styling --- */
.wpjobportal-config-description {
    margin-top: 8px;
    font-size: 13px;
    color: #6c757d; /* Muted gray for hint text */
    line-height: 1.4;
    padding-left: 5px; /* Small inset for better visual grouping */
    border-left: 3px solid #dee2e6; /* Light gray accent bar */
}

/* --- Responsiveness (for smaller screens) --- */
@media (max-width: 600px) {
    .wpjobportal-config-row {
        flex-direction: column; /* Stack the title and value vertically */
        align-items: stretch; /* Stretch items to fill the width */
        padding: 15px; /* Add padding on small screens */
    }
    
    .wpjobportal-config-title {
        flex-basis: auto;
        padding-right: 0;
        margin-bottom: 8px; /* Space between title and input */
    }
    
    .wpjobportal-config-value {
        flex-basis: auto;
    }
}

/*--------------------- activity log popup  ----------------------*/
/* ===================================================
   Activity Log Settings Modal (Popup) Styles
   =================================================== */
div#wpjobportal-admin-wrapper a.popup-act-btn {
    height: 55px;
}
div#wpjobportal-admin-wrapper td.wpjobportal-text-left a {
    color: var(--wjp-color-primary);
}
/* --- 1. Main Modal Container --- */
#popup_main {
    /* Assuming this modal is displayed via JavaScript/fixed position,
       these base styles ensure it looks like a distinct card. */
    max-width: 500px; /* Comfortable width for a checkbox list */
    width: 90%;
    background-color: var(--wjp-bg-card); /* White card background */
    border-radius: var(--wjp-border-radius); /* 0.75rem */
    box-shadow: var(--wjp-shadow-lg);
    overflow: hidden;
    position: relative; /* For positioning the close button */
    /* Note: If the modal is managed by external scripts, position/transform styles should be handled there. */
}

/* --- 2. Header Section --- */
.popup-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background-color: var(--wjp-bg-light); /* Light gray header background */
    border-bottom: 1px solid var(--wjp-border-color);
}

#popup_title {
    font-size: var(--wjp-font-size-xl); /* 1.25rem */
    font-weight: var(--wjp-font-weight-bold);
    color: var(--wjp-text-dark);
}

#popup_cross {
    width: 24px;
    height: 24px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s, transform 0.3s;
}

#popup_cross:hover {
    opacity: 1;
    transform: rotate(90deg);
}

/* --- 3. Checkbox Content Wrapper --- */
#checkbox-popup-wrapper {
    padding: 1.5rem;
}

/* The form itself contains the grid */
#filter_form {
    display: grid;
    /* Two columns for better use of space */
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.75rem; /* Space between checkbox filters */
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--wjp-border-color);
    margin-bottom: 1rem;
}

/* Individual Checkbox Filter Item */
.checkbox-filter {
    /* Ensures the element takes space in the grid */
    min-width: 0; 
}

/* --- Checkbox Field Styling (Reusing existing components for consistency) --- */
.checkbox-filter .wpjobportal-form-chkbox-field {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    background-color: var(--wjp-bg-hover); /* Very light background for items */
    border: 1px solid var(--wjp-border-color);
    border-radius: var(--wjp-border-radius-sm);
    transition: background-color 0.2s, border-color 0.2s;
    cursor: pointer;
}

.checkbox-filter .wpjobportal-form-chkbox-field:hover {
    background-color: var(--wjp-color-primary-light);
    border-color: var(--wjp-color-primary);
}

.checkbox-filter .wpjobportal-form-chkbox-field input[type="checkbox"] {
    /* Base checkbox styling */
    width: 1.25rem;
    height: 1.25rem;
    accent-color: var(--wjp-color-primary);
    margin-right: 0.75rem;
    flex-shrink: 0;
}

.checkbox-filter .wpjobportal-form-chkbox-field label {
    /* Label text style */
    font-size: var(--wjp-font-size-base);
    color: var(--wjp-text-dark);
    font-weight: var(--wjp-font-weight-medium);
    cursor: pointer;
    flex-grow: 1;
}

/* --- 4. Action Button Wrapper --- */
.popup-act-btn-wrp {
    grid-column: 1 / -1; /* Spans across all columns of the grid */
    display: flex;
    justify-content: flex-end;
    padding-top: 1rem;
}

/* Submit Button Style */
.popup-act-btn {
    display: inline-flex;
    align-items: center;
    padding: 0.75rem 1.5rem;
    text-decoration: none;
    font-size: var(--wjp-font-size-base);
    font-weight: var(--wjp-font-weight-semibold);
    border-radius: var(--wjp-border-radius);
    background-color: var(--wjp-color-primary);
    color: var(--wjp-text-white);
    border: 1px solid var(--wjp-color-primary);
    box-shadow: var(--wjp-shadow-md);
    transition: background-color 0.2s, box-shadow 0.2s, transform 0.1s;
    cursor: pointer;
}

.popup-act-btn:hover {
    background-color: var(--wjp-color-primary-dark);
    box-shadow: var(--wjp-shadow-lg);
    transform: translateY(-1px);
}

/* Responsive adjustments for mobile devices */
@media (max-width: 550px) {
    /* Switch to single column on small screens */
    #filter_form {
        grid-template-columns: 1fr;
    }
}


/*--------------------- Move To Folder ----------------------*/
/* ===================================================
   New: Folder Actions Component
   =================================================== */
.wjportal-applied-job-actions-wrp.wjportal-folder-actions-wrp {
    margin: 50px auto;
    padding: 30px;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid #e9ecef;
    color: #343a40;
}
.wjportal-folder-actions-wrp {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    background-color: var(--wjp-bg-light); /* Use a light background for contrast */
    border-radius: var(--wjp-border-radius);
    border: 1px solid var(--wjp-border-color);
    margin: 20px auto;
}

.wjportal-folder-actions-wrp .wjportal-applied-job-actions-row {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.wjportal-folder-actions-wrp #combo-label {
    flex-shrink: 0; /* Keep label width fixed */
    font-size: var(--wjp-font-size-base);
    font-weight: var(--wjp-font-weight-medium);
    color: var(--wjp-text-medium);
}

.wjportal-folder-actions-wrp #combobox {
    flex-grow: 1; /* Allow select field to take available space */
    width: 100%;
    padding: 0.75rem;
    border: 1px solid var(--wjp-border-color);
    border-radius: var(--wjp-border-radius-sm);
    background-color: var(--wjp-bg-card);
    color: var(--wjp-text-dark);
    font-size: var(--wjp-font-size-base);
    transition: border-color 0.2s, box-shadow 0.2s;
    /* Custom drop down arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.wjportal-folder-actions-wrp #combobox:focus {
    outline: none;
    border-color: var(--wjp-color-primary);
    box-shadow: 0 0 0 3px var(--wjp-color-primary-light);
}

.wjportal-folder-actions-wrp .wjportal-job-applied-actions-btn-wrp {
    display: flex;
    justify-content: center; /* Push the button to the right */
}

.wjportal-folder-actions-wrp .wjportal-job-applied-actions-btn {
    padding: 0.75rem 1.5rem;
    font-size: var(--wjp-font-size-base);
    font-weight: var(--wjp-font-weight-semibold);
    border-radius: var(--wjp-border-radius-sm);
    background-color: var(--wjp-color-primary);
    color: var(--wjp-text-white);
    border: 1px solid var(--wjp-color-primary);
    cursor: pointer;
    transition: background-color 0.2s, transform 0.1s;
}

.wjportal-folder-actions-wrp .wjportal-job-applied-actions-btn:hover {
    background-color: var(--wjp-color-primary-dark);
    transform: translateY(-1px);
}



div.wpjobportal-applied-job-actions-popup {width: 100%;padding: 0px !important;margin: 0 !important;position: relative;font-size: 14px;}
div.wpjobportal-applied-job-actions-popup img#close-section {position: absolute;right: 30px;cursor: pointer;}
/* --- Outer Wrapper for the Form Content --- */
.wpj-jp-applied-resume-cnt {
    margin: 50px auto;
    padding: 30px;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
    border: 1px solid #e9ecef;
    color: #343a40;
}

/* --- Row Layout (Flexbox for Label/Input alignment) --- */
.wpj-jp-applied-resume-cnt-row {
    display: flex;
    align-items: center; /* Vertically align label and input/select */
    margin-bottom: 15px;
    gap: 15px; /* Space between elements in the row */
}

/* --- Label Styling --- */
#combo-label {
    font-weight: 600;
    color: #495057;
    flex-shrink: 0; /* Prevent label from shrinking */
}

/* --- Select/Combobox Styling (Modernized Dropdown) --- */
#combobox {
    flex-grow: 1; /* Allow the select box to take up the rest of the space */
    padding: 10px 12px;
    font-size: 15px;
    border: 1px solid #ced4da; /* Light gray border */
    border-radius: 6px;
    background-color: #fefefe;
    transition: border-color 0.2s;
    
    /* Custom Arrow for Modern Look */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Inline SVG for a custom dropdown arrow (gray color #6c757d) */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%236c757d" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
}

#combobox:focus {
    border-color: #007bff; /* Blue focus accent */
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.15);
}

/* --- Button Styling (Add button) --- */
.wpj-jp-applied-resume-cnt-row:has(input[type="button"]) {
    justify-content: flex-end; /* Push the button container to the right */
}

.wpj-jp-outline-btn {
  text-decoration: none;
    white-space: nowrap;
    background-color: var(--wjp-bg-light);
    color: var(--wjp-text-medium);
    font-size: var(--wjp-font-size-sm);
    transition: background-color 0.2s;
    border-radius: 8px;
    padding: 10px 15px;
    border: 1px solid var(--wjp-border-color);
    font-weight: 500;
}

.wpj-jp-outline-btn:hover {
    color: #007bff;
    background-color: #ecf0f1;
    border: 1px solid #007bff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}


/*--------------------- Send Message Popup ----------------------*/

/* --- Outer Popup Container (Modal) --- */
#popup-main-outer {
    /* Positioning (assuming it sits over other content) */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
   
}

/* --- Inner Modal Box --- */
#popup-main {
    width: 90%;
    max-width: 600px; /* Comfortable width for a message composer */
    background-color: #ffffff; /* Pure white content box */
    border-radius: 10px; /* Soft rounding */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
    overflow: hidden; /* Important to keep content within rounded corners */
}

/* --- Popup Header (Top Bar) --- */
.popup-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background-color: #f8f9fa; /* Light gray header background */
    border-bottom: 1px solid #e9ecef;
}

/* Title (Recipient Name) */
#popup_title {
    font-size: 18px;
    font-weight: 600;
    color: #343a40; /* Dark text */
}

/* Close Button Icon */
#popup_cross {
    width: 30px;
    height: 30px;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s;
        background: #000;
    border-radius: 100%;
}

#popup_cross:hover {
    opacity: 1;
}

/* --- Content Area --- */
.popup-content-area {
    padding: 20px;
}

/* --- Subject Input Field --- */
.popup-content-title {
    display: block; /* Ensures it takes full width */
    margin-bottom: 20px;
}

.popup-content-title .inputbox {
    width: 100%;
    padding: 12px 15px;
    font-size: 16px;
    border: 1px solid #ced4da; /* Light gray border */
    border-radius: 6px;
    box-sizing: border-box;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.popup-content-title .inputbox:focus {
    border-color: #007bff; /* Blue focus accent */
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.15);
}
textarea#comments{width: 100%;}

/* Textarea/Content Area */
iframe#jobseekermessage_ifr {
    min-height: 200px; /* Ensure content box is visible */
    border: none !important; /* Remove individual border */
    resize: vertical; /* Allow resizing if needed */
    padding: 10px;
}

/* --- Bottom Action Button Wrapper --- */
.popup-content-btn-wrp {
    display: flex;
    justify-content: flex-end; /* Push button to the right */
    padding: 20px;
    border-top: 1px solid #e9ecef;
    background-color: #f8f9fa; /* Light gray footer background */
}

/* --- Send Message Button --- */
.popup-content-btn {
    padding: 12px 25px;
    background-color: #28a745; /* Green for success/send action */
    color: #ffffff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.popup-content-btn:hover {
    background-color: #1e7e34; /* Darker green on hover */
    box-shadow: 0 4px 10px rgba(40, 167, 69, 0.3);
}


/* ===================================================
   New: Note Actions Component (.wjportal-note-actions-wrp)
   =================================================== */

.wjportal-note-actions-wrp {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.5rem;
    background-color: var(--wjp-bg-light); 
    border-radius: var(--wjp-border-radius);
    border: 1px solid var(--wjp-border-color);
    margin: 20px auto;
}

.wjportal-note-actions-wrp .wjportal-applied-job-actions-row {
    display: flex;
    align-items: flex-start; /* Align label to the top of the textarea */
    gap: 1rem;
}

.wjportal-note-actions-wrp #comments-label {
    flex-shrink: 0; 
    padding-top: 0.25rem; /* Small padding to align with textarea line */
    font-size: var(--wjp-font-size-base);
    font-weight: var(--wjp-font-weight-medium);
    color: var(--wjp-text-medium);
}

.wjportal-note-actions-wrp #comments {
    flex-grow: 1; 
    width: 100%;
    min-height: 120px; /* Give space for a decent note */
    padding: 0.75rem;
    border: 1px solid var(--wjp-border-color);
    border-radius: var(--wjp-border-radius-sm);
    background-color: var(--wjp-bg-card);
    color: var(--wjp-text-dark);
    font-size: var(--wjp-font-size-base);
    transition: border-color 0.2s, box-shadow 0.2s;
    resize: vertical; /* Allow resizing */
}

.wjportal-note-actions-wrp #comments:focus {
    outline: none;
    border-color: var(--wjp-color-primary);
    box-shadow: 0 0 0 3px var(--wjp-color-primary-light);
}

/* The button wrapper and button styles are reused from the folder action, 
   ensuring consistent appearance for the action button. */
.wjportal-note-actions-wrp .wjportal-job-applied-actions-btn-wrp {
    display: flex;
    justify-content: center; 
}

.wjportal-job-applied-actions-btn-wrp input#send,
.wjportal-note-actions-wrp .wjportal-job-applied-actions-btn {
    padding: 0.75rem 1.5rem;
    font-size: var(--wjp-font-size-base);
    font-weight: var(--wjp-font-weight-semibold);
    border-radius: var(--wjp-border-radius-sm);
    background-color: var(--wjp-color-primary);
    color: var(--wjp-text-white);
    border: 1px solid var(--wjp-color-primary);
    cursor: pointer;
    transition: background-color 0.2s, transform 0.1s;
}

.wjportal-job-applied-actions-btn-wrp input#send:hover,
.wjportal-note-actions-wrp .wjportal-job-applied-actions-btn:hover {
    background-color: var(--wjp-color-primary-dark);
    transform: translateY(-1px);
}

/* ===================================================
   New: Applied Resume/Application Tab Search Form
   =================================================== */

#wpjobportal_appliedresume_tab_search {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to next line if needed */
    gap: 15px;       /* Spacing between all inputs and buttons */
    padding: 20px;
    background-color: #f8f9fa; /* Light grey background */
    border: 1px solid #e9ecef;
    border-radius: 8px;
    align-items: center;
    box-sizing: border-box;display: flex;
    flex-wrap: wrap; /* Allows items to wrap to next line if needed */
    gap: 15px;       /* Spacing between all inputs and buttons */
    padding: 20px;
    background-color: #f8f9fa; /* Light grey background */
    border: 1px solid #e9ecef;
    border-radius: 8px;
    align-items: center;
    box-sizing: border-box;
    margin-bottom: 15px;
}

#wpjobportal_appliedresume_tab_search .wpjobportal-form-input-field,
#wpjobportal_appliedresume_tab_search .wpjobportal-form-select-field {
    width: 100%;
    padding: 0.75rem;
    height: auto; /* Allow height to be determined by content/padding */
    border: 1px solid var(--wjp-border-color);
    border-radius: var(--wjp-border-radius-sm);
    background-color: var(--wjp-bg-card);
    color: var(--wjp-text-dark);
    font-size: var(--wjp-font-size-base);
    transition: border-color 0.2s, box-shadow 0.2s;
}

#wpjobportal_appliedresume_tab_search .wpjobportal-form-input-field:focus,
#wpjobportal_appliedresume_tab_search .wpjobportal-form-select-field:focus {
    outline: none;
    border-color: var(--wjp-color-primary);
    box-shadow: 0 0 0 3px var(--wjp-color-primary-light);
}

/* Custom styling for Select boxes to maintain the modern look */
#wpjobportal_appliedresume_tab_search .wpjobportal-form-select-field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add custom arrow (reusing the style from the previous context if available) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23475569'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.71a.75.75 0 111.06 1.06l-4.25 4.25a.75.75 0 01-1.06 0L5.21 8.27a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1.2em;
    padding-right: 2rem;
}

/* Button Styling (Search and Reset) */
#wpjobportal_appliedresume_tab_search input#btnsubmit{
   min-height: 55px;    
   background-color: var(--wjp-color-primary) !important;
   color: var(--wjp-text-white) !important;
 border-color: var(--wjp-color-primary) !important;}

#wpjobportal_appliedresume_tab_search input#btnsubmit:hover {
background-color: var(--wjp-color-primary-dark);
}

/* Hide the placeholder search box (if present) to prevent layout issues */
#wpjobportal_appliedresume_tab_search .inputbox.wpjobportal-form-input-field[placeholder="this searchbox is no related to resume fields"] {
    display: none;
}
/* ===================================================
   Job Actions Detail Row (Key-Value Display)
   =================================================== */
.wjportal-applied-job-actions-row {
    margin-bottom: 12px;
}
.wjportal-job-actions-detail-row {
    display: flex;
    align-items: center;
    padding: 0.75rem 0;
    font-size: var(--wjp-font-size-base);
    border-bottom: 1px dashed var(--wjp-border-color); /* Subtle separator */
}

.wjportal-job-actions-detail-row:last-child {
    border-bottom: none; /* Remove separator on last item */
}

.wjportal-job-actions-detail-tit {
    flex-shrink: 0;
    font-weight: var(--wjp-font-weight-semibold);
    color: var(--wjp-text-dark);
    padding-right: 1rem;
}

.wjportal-job-actions-detail-val {
    text-align: right;
    font-weight: var(--wjp-font-weight-medium);
    color: var(--wjp-text-medium);
}





/*--------------------- others popup ----------------------*/
/* Full-screen Backdrop for Modals */

span#username-div {
    border: 1px solid #d7d7d7;
    text-align: center;
    align-items: center;
    display: flex;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 15px;
    font-weight: 700;
        width: 100%;
        height: 55px;
}
#full_background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */
    z-index: 999; /* Below the modal (z-index 1000) but above everything else */
    /* Add a subtle fade-in transition when display is toggled */
    transition: opacity 0.3s ease; 
}

#popup_main {
    /* Modal container styling */
    position: fixed; /* Fixed position relative to the viewport */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center the popup precisely */
    max-width: 450px;
    width: 90%; /* Responsive width */
    min-width: 300px; /* Ensure it doesn't get too small on tiny screens */
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.08); /* Slightly deeper shadow */
    padding: 0;
    z-index: 1000;
    overflow: hidden; /* Ensures rounded corners clip internal elements */
}

/* 2. Top Header Section (Title and Close Button) */
.popup-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
    background-color: #f7f8fc;
}

#popup_title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}

#popup_cross {
    width: 24px;
    height: 24px;
    cursor: pointer;
    opacity: 0.8; /* Slightly higher opacity for visibility */
    transition: opacity 0.2s, transform 0.2s;
    /* Using a generic close icon placeholder image URL since the original is local */
    content: url('https://placehold.co/24x24/1e293b/ffffff?text=X');
}

#popup_cross:hover {
    opacity: 1;
    transform: rotate(90deg);
}

/* 3. Form Styling */

/* Wrapper for each field/row */
.popup-field-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem; /* Slightly reduced margin */
    padding: 20px ;
    border-bottom: 1px dashed #e2e8f0;
    transition: background-color 0.2s; /* Subtle hover effect on the row */
}

.popup-field-wrapper:hover {
    background-color: #fcfcfc;
}

.popup-field-wrapper:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
}

.popup-field-title {
    font-size: 1rem;
    font-weight: 600;
    color: #475569;
    flex-basis: 20%; /* Gives space for the title */
}

.popup-field-obj {
    flex-basis: 50%;
    display: flex;
    justify-content: flex-end; /* Align input to the right */
}
div#wpjobportaladmin-wrapper .wjportal-form-image-wrp {
    padding-top: 10px;
}
div#wpjobportaladmin-wrapper span.wjportal-form-upload-btn-wrp-txt {
    padding-bottom: 10px;
    display: inline-block;
}
/* Input/Select Styling */
div#wpjobportaladmin-wrapper select.inputbox {
    padding: 0.5rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 0.95rem;
    color: #1e293b;
    background-color: #f8fafc;
    width: 100%;
    transition: border-color 0.2s, box-shadow 0.2s;
    cursor: pointer;
    -webkit-appearance: none; /* Remove default arrow in Chrome/Safari */
    -moz-appearance: none; /* Remove default arrow in Firefox */
    appearance: none; /* Remove default arrow */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23475569'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.71a.75.75 0 111.06 1.06l-4.25 4.25a.75.75 0 01-1.06 0L5.21 8.27a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 1.2em;
    padding-right: 2rem; /* Make space for the custom arrow */
    min-height: 45px;
}

select.inputbox:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
    outline: none;
}

/* 4. Action Button Wrapper */
.popup-act-btn-wrp {
       justify-content: center;
    display: flex;
    text-align: right;
    border-top: 1px solid #e2e8f0;
    background-color: #ffffff;
    margin: 0 -1.5rem -1.5rem -1.5rem;
    padding: 1rem 1.5rem;
    margin-bottom: 10px;
}

.popup-act-btn {
    padding: 0.6rem 1.5rem;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.1s, box-shadow 0.2s;
    
    /* Primary button style (Save) */
    background-color: #4f46e5 !important; /* Blue */
    color: #ffffff !important;
    box-shadow: 0 4px 6px rgba(37, 99, 235, 0.2);
}

.popup-act-btn:hover {
    background-color: #000 !important;
    box-shadow: 0 6px 8px rgba(37, 99, 235, 0.3);
}

.popup-act-btn:active {
    transform: scale(0.98);
}
.wpjobportal-city-data-form-wrap.wpjobportal-city-data-form-wrap-left .wpjobportal-form-wrapper{margin-top: 25px;}
.wpjobportal-form-citycount-wrap {
        align-content: center;
    font-size: 14px;
    border: 1px solid green;
    padding: 10px 10px;
    border-radius: 6px;
    background: #efffef;
    max-height: 40px;
    width: 100%;
    margin-left: 10px;
}
span#loadaddressdata_city_name_msg {
   align-content: center;
    font-size: 14px;
    border: 1px solid #0b37dc;
    padding: 10px 10px;
    border-radius: 6px;
    background: #eff1ff;
    max-height: 40px;
    width: 100%;
    margin-left: 10px;
}
.wpjobportal-city-data-sample {
    width: 100%;
}
span#loadaddressdata_city_name_msg_warn {
       display: flex;
    align-content: center;
    font-size: 14px;
    border: 1px solid #9b5d4c;
    padding: 10px 10px;
    border-radius: 6px;
    background: #fff3f0;
    max-height: 40px;
        align-items: center;
        width: 100%;
        margin-left: 10px;
}
span#loadaddressdata_city_name_msg_warn p{    font-size: 14px;}
span#loadaddressdata_city_name_msg_warn img {
   width: 25px;
   height: 25px;
   margin-right: 5px;
}

/* Media Query for small screens (e.g., mobile) to stack fields */
@media (max-width: 400px) {
    .popup-field-wrapper {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 1rem;
    }
    .popup-field-title {
        flex-basis: auto;
        margin-bottom: 0.5rem;
    }
    .popup-field-obj {
        flex-basis: auto;
        width: 100%;
        justify-content: flex-start;
    }
    select.inputbox {
        max-width: 100%; /* Take full width in stacked mode */
    }
}
/* load address sample data */
.wpjobportal-city-data-form-wrap.wpjobportal-city-data-form-wrap-left {
    width: 100%;
}
.wpjobportal-city-data-sample-heading {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}
.wpjobportal-city-data-sample{
    border: 1px solid #e1e1e1;
    padding: 30px;
    border-radius: 8px;
}
/* Table Styling */
        .wpjobportal-city-data-sample-data {
            width: 100%;
            border-collapse: collapse;
            text-align: left;
            border-radius: 8px;
            overflow: hidden; /* Ensures rounded corners apply to the table border */
        }

        /* Table Header Styling */
        .wpjobportal-city-data-sample-data thead th {
         width: 40%;
            background-color: #3498db;
            color: #ffffff;
            font-weight: 600;
            padding: 14px 20px;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            font-size: 14px;
        }

        /* Table Body Cell Styling */
        .wpjobportal-city-data-sample-data tbody td {
            padding: 12px 20px;
            border-bottom: 1px solid #ecf0f1;
            color: #34495e;
            font-size: 15px;
        }

        /* Table Striping (Zebra Rows) */
        .wpjobportal-city-data-sample-data tbody tr:nth-child(even) {
            background-color: #f9f9f9;
        }

        .wpjobportal-city-data-sample-data tbody tr:hover {
            background-color: #e8f5ff; /* Light blue hover effect */
            transition: background-color 0.3s ease;
        }
        
        /* Language Specific Alignment/Font (for Native Name column) */
        .wpjobportal-city-data-sample-data tbody td:last-child {
            font-size: 16px;
            direction: ltr; /* Default LTR for Latin script data, overridden below */
        }

        /* Specific Alignment for native Arabic text in the second column */
        .wpjobportal-city-data-sample-data tbody tr:nth-child(1) td:last-child {
             direction: rtl; /* Right-to-left for Arabic */
          
        }


        /* Media Query for Desktop/Tablet Layout (Two Columns) */
        @media (min-width: 768px) {
            .wpjobportal-city-data-table-wrap {
                flex: 1 1 48%; /* Takes slightly less than half to allow gap */
            }
        }
/* Full-screen Backdrop for Modals */
#full_background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */
    z-index: 999; /* Below the modal (z-index 1000) but above everything else */
    /* Add a subtle fade-in transition when display is toggled */
    transition: opacity 0.3s ease; 
}

#popup_main {
    /* Modal container styling */
    position: fixed; /* Fixed position relative to the viewport */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center the popup precisely */
    max-width: 700px; /* Increased max width to accommodate the table */
    width: 90%; /* Responsive width */
    min-width: 320px;
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.08);
    padding: 0;
    z-index: 1000;
    overflow: hidden; /* Ensures rounded corners clip internal elements */
}

/* 2. Top Header Section (Title and Close Button) */
.popup-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
    background-color: #f7f8fc;
}

#popup_title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
}

#popup_cross {
    width: 24px;
    height: 24px;
    cursor: pointer;
    opacity: 0.8; 
    transition: opacity 0.2s, transform 0.2s;
    /* Using a generic close icon placeholder image URL since the original is local */
    content: url('https://placehold.co/24x24/1e293b/ffffff?text=X');
}

#popup_cross:hover {
    opacity: 1;
    transform: rotate(90deg);
}

/* 3. Search Form Styling */
.popup-search {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.popup-form-fields-wrp {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Three input fields per row */
    gap: 10px;
    align-items: center;
}

.popup-form-field input[type="text"] {
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 0.95rem;
    color: #1e293b;
    background-color: #ffffff;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.popup-form-field input[type="text"]:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
    outline: none;
}

.popup-form-btn-wrp {
    grid-column: 1 / -1; /* Span across all columns */
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 10px;
}

/* Button styles (reusing previous primary/secondary styles) */
.popup-search-btn, .popup-reset-btn {
    padding: 0.6rem 1.2rem;
    border: none;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.1s;
}

.popup-search-btn {
    background-color: #2563eb; /* Blue primary */
    color: #ffffff;
}

.popup-search-btn:hover {
    background-color: #1d4ed8;
}

.popup-reset-btn {
    background-color: #f1f5f9; /* Light gray secondary */
    color: #475569;
    border: 1px solid #e2e8f0;
}

.popup-reset-btn:hover {
    background-color: #e2e8f0;
}


/* 4. User Records Table Styling */
#popup-record-data {
    /* Max height and overflow for scrollable user list */
    max-height: 350px; 
    overflow-y: auto;
    padding: 0 1.5rem 1rem 1.5rem;
}

#records {
    margin-bottom: 0;
}

.popup-table {
    display: flex;
    font-weight: 600;
    padding: 0.5rem 0;
    border-bottom: 2px solid #e2e8f0;
    color: #475569;
    font-size: 0.9rem;
    background-color: #f8fafc;
    position: sticky; /* Sticky header for scrollable table */
    top: 0;
    z-index: 10;
}

/* Column Distribution */
.user-id { flex-basis: 10%; }
.user-name { flex-basis: 30%; }
.user-name-n { flex-basis: 30%; }
.user-email { flex-basis: 30%; }

.user-list-header-col, .user-list-body-col {
    padding: 0 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-records-row {
    display: flex;
    align-items: center;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f1f5f9;
    font-size: 0.9rem;
    color: #334155;
    transition: background-color 0.15s;
}

.user-records-row:hover {
    background-color: #f7f8fc;
    cursor: pointer; /* Indicates row is clickable */
}

.user-records-row:last-of-type {
    border-bottom: none;
}

.userpopup-link {
    color: #2563eb;
    text-decoration: none;
    font-weight: 500;
}

.userpopup-link:hover {
    text-decoration: underline;
}

/* 5. Pagination Styling */
.wpjobportaladmin-userpages {
    padding: 1rem 1.5rem;
    text-align: right;
    border-top: 1px solid #e2e8f0;
    background-color: #ffffff;
    /* Negative margin to align with the main container padding */
    margin: 0 -1.5rem; 
    border-radius: 0 0 12px 12px; /* Match modal bottom border radius */
}

.wpjobportaladmin-userlink {
    display: inline-block;
    padding: 0.4rem 0.8rem;
    margin-left: 5px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    text-decoration: none;
    color: #475569;
    background-color: #ffffff;
    cursor: pointer;
    font-size: 0.85rem;
    transition: background-color 0.2s, color 0.2s;
}

.wpjobportaladmin-userlink:hover {
    background-color: #f1f5f9;
}

.wpjobportaladmin-userlink.selected {
    background-color: #2563eb;
    color: #ffffff;
    border-color: #2563eb;
    font-weight: 700;
}

/* Media Query for small screens (Mobile optimization for Search and Table) */
@media (max-width: 550px) {
    /* Stack search fields vertically */
    .popup-form-fields-wrp {
        grid-template-columns: 1fr;
    }
    .popup-form-btn-wrp {
        justify-content: space-between;
        grid-column: 1 / 2;
    }
    
    /* Simplify table structure to show only Name and Email on small screens */
    .user-list-header-col.user-id,
    .user-list-body-col.user-id,
    .user-list-header-col.user-name-n,
    .user-list-body-col.user-name-n {
        display: none;
    }

    .user-name, .user-email {
        flex-basis: 50%; /* Distribute remaining space evenly */
    }
}
div#wpjobportaladmin-wrapper a#userpopup {
    color: white;
    padding: 15px 15px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 600;
    transition: background-color 0.2s;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
    display: inline-block;
    background: black;
}
div#wpjobportaladmin-wrapper a#userpopup:hover {
   background: #0e17c7;
}

/*--------------------- Email Candidate ----------------------*/

/* --- Outer Container (Card) --- */
.email-feilds {
    /* Box Model & Layout */
    
    margin: 50px auto; /* Center the form */
    padding: 30px;
    
    /* Aesthetics */
    background-color: #ffffff; /* Pure white background */
    border-radius: 12px; /* Soft, modern rounding */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); /* Subtle elevation */
    border: 1px solid #e9ecef; /* Light outer border */

    /* Typography */
 
    color: #343a40;
}

/* --- Row Layout (Label and Input Alignment) --- */
.wpj-jp-applied-resume-cnt-row {
    display: flex;
    align-items: flex-start; /* Align label and input/textarea to the top */
    margin-bottom: 20px;
    gap: 15px; /* Space between label and field */
}

/* --- Label Styling --- */
.wpj-jp-applied-resume-cnt-row label {
    flex-basis: 120px; /* Fixed width for labels */
    flex-shrink: 0; /* Prevent label from shrinking */
    padding-top: 10px; /* Align with top of text input/textarea */
    font-weight: 600;
    color: #495057;
    font-size: 15px;
}

/* --- Input Fields (Text) --- */
.wpj-jp-applied-resume-cnt-row input[type="text"],
.wpj-jp-applied-resume-cnt-row textarea {
    flex-grow: 1; /* Allow input to fill remaining space */
    padding: 10px 12px;
    font-size: 15px;
    border: 1px solid #ced4da; /* Light gray border */
    border-radius: 6px;
    box-sizing: border-box;
    transition: border-color 0.2s, box-shadow 0.2s;
    background-color: #fefefe;
}

/* Focused (Active) Input State */
.wpj-jp-applied-resume-cnt-row input[type="text"]:focus,
.wpj-jp-applied-resume-cnt-row textarea:focus {
    border-color: #007bff; /* Primary blue focus accent */
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.15);
    background-color: #ffffff;
}

/* Disabled (Read-only) Input State */
.wpj-jp-applied-resume-cnt-row input[disabled="disabled"] {
    background-color: #e9ecef; /* Slightly darker background for disabled fields */
    color: #6c757d; /* Muted text color */
    border: 1px dashed #ced4da; /* Dotted/dashed border for visual cue */
    cursor: not-allowed;
}

/* --- Textarea Styling --- */
.wpj-jp-applied-resume-cnt-row textarea {
    min-height: 150px;
    resize: vertical; /* Allow vertical resizing only */
    line-height: 1.5;
}

/* --- Button Row --- */
.wpj-jp-applied-resume-cnt-row:last-child {
        display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 0;
}

/* --- Send Button Styling --- */
.wpj-jp-outline-btn {

}

.wpj-jp-outline-btn:hover {

}

/* --- Responsiveness: Stack labels on small screens --- */
@media (max-width: 500px) {
    .wpj-jp-applied-resume-cnt-row {
        flex-direction: column;
        gap: 5px;
    }
    .wpj-jp-applied-resume-cnt-row label {
        flex-basis: auto;
        padding-top: 0;
    }
    /* Push button back to the right on small screens */
    .wpj-jp-applied-resume-cnt-row:last-child {
        align-self: flex-end; 
    background-color: #3b82f6;
    color: white;
    padding: 15px 15px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 600;
    transition: background-color 0.2s;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
    display: inline-block;
}
}

 /* ===================================================
           Packages 
 =================================================== */
 /* Main Card Container */
.wpjobportal-pkg-list-item {

    background-color: #ffffff;
    width: 100%;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05), 0 10px 15px rgba(0, 0, 0, 0.03);
    overflow: hidden;
    margin: 20px auto;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-sizing: border-box;
}

.wpjobportal-pkg-list-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* --- Top Section (Header) --- */
.wpjobportal-pkg-list-item-top {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f1f5f9;
    background-color: #f8fafc;
        border-bottom: 3px dotted #291ccb;

}

/* Title Area */
.wpjobportal-pkg-list-item-title {
    flex: 1;
    padding-right: 15px;
}

.wpjobportal-pkg-list-item-title-txt {
    font-size: 22px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 4px;
    line-height: 1.3;
    text-transform: capitalize;
}

.wpjobportal-pkg-list-item-crt-date {
    font-size: 15px;
    color: #94a3b8;
    margin-bottom: 8px;
    padding: 10px 0;
}


/* Discount Badge */
.wpjobportal-pkg-list-item-disc {
display: inline-block;
    background-color: #b4ffd2;
    color: #037809;
    font-size: 15px;
    font-weight: 700;
    padding: 3px 14px;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Price Area */
.wpjobportal-pkg-list-item-price {
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.wpjobportal-pkg-list-item-price-discount {
    font-size: 20px;
    color: #94a3b8;
    text-decoration: line-through;
        margin-bottom: 10px;
        text-decoration-color: #e30101;
}

.wpjobportal-pkg-list-item-price-txt {
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
}

/* --- Middle Section (Data Rows) --- */
.wpjobportal-pkg-list-item-data{
       display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.wpjobportal-pkg-list-item-mid {
    padding: 20px 20px;
    background-color: #ffffff;
}
.wpjobportal-pkg-list-item-row {
    font-size: var(--wjp-font-size-base);
    display: flex;
    align-items: center;
    padding: 16px;
    border: 1px solid #e2dfdf;
    border-radius: 8px;
    background-color: var(--background-color);
    transition: all 0.3s 
ease;
}
span.wpjobportal-pkg-list-item-row-val{
   margin-left: 10px;
}
.wpjobportal-pkg-list-item-row:last-child {
    border-bottom: none;
}

.wpjobportal-pkg-list-item-row-tit {
    color: #64748b;
    font-weight: 500;
}

.wpjobportal-pkg-list-item-row-val {
    color: #334155;
    font-weight: 600;
    text-align: right;
}

/* Highlight "Unlimited" or positive values visually */
.wpjobportal-pkg-list-item-row-val:contains("Unlimited") { 
    /* Note: :contains is not standard CSS, but generic styling follows */
    color: #10b981; 
}

/* --- Bottom Section (Actions) --- */
.wpjobportal-pkg-list-item-btm {
    padding: 20px;
    background-color: #f8fafc;
    border-top: 1px solid #f1f5f9;
}

.wpjobportal-pkg-list-item-action-wrp {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.wpjobportal-pkg-list-item-act-btn {
    flex: 1;
    text-align: center;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    transition: background-color 0.2s, opacity 0.2s;
    cursor: pointer;
}
.wpjobportal-pkg-list-item-act-btn{
    background-color: #3b82f6;
    color: #fff !important;
    border: 1px solid #3b82f6;
}
.wpjobportal-pkg-list-item-act-btn:hover {
    background-color: #281ccb;
}
/* Edit Button Style (Primary) */
.wpjobportal-pkg-list-item-act-btn[title="Edit"] {
    background-color: #3b82f6;
    color: #fff !important;
    border: 1px solid #3b82f6;
}
.wpjobportal-pkg-list-item-act-btn[title="Edit"]:hover {
    background-color: #281ccb;
}

/* Delete Button Style (Danger/Outline) */
.wpjobportal-pkg-list-item-act-btn[title="Delete"] {
    background-color: transparent;
    color: #ef4444 !important;
    border: 1px solid #ef4444;
}
.wpjobportal-pkg-list-item-act-btn[title="Delete"]:hover {
    background-color: #fee2e2;
}

/* Expiry Text */
.wpjobportal-pkg-list-item-exp-date {
    text-align: center;
        font-size: var(--wjp-font-size-base);
    color: #d68600; /* Amber warning color */
    font-weight: 600;
    background: #fffbeb;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #fef3c7;
}
h3.wpjobportal-form-sec-heading {
    background: #f1f1f1;
    padding: 22px 15px;
    width: 100%;
    border: 1px solid #e4e4e4;
    font-size: 20px;
}
/*=====================================
----- Help Page --------------*/

 /* --- Help Section Main Container --- */
     /* --- Help Section Main Container --- */
        .wpjobportal-help-top {
   width: 100%;
            display: flex;
            flex-wrap: wrap;
            gap: 20px; /* Space between the two cards */
        }
        .wpjobportal-help-btm {
        grid-template-columns: repeat(2, 1fr);
    }
        /* --- Individual Card Styling (Left & Right) --- */
        .wpjobportal-help-top-left,
        .wpjobportal-help-top-right {
            background-color: #ffffff;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
            padding: 30px;
            flex: 1 1 100%; /* Default to full width on mobile */
            min-width: 300px;
            box-sizing: border-box;
            display: flex;
            align-items: center; /* Align content vertically in the center */
        }
.wpjobportal-help-btm{width: 100%;margin: 0;}
    

        /* Desktop Layout: Side-by-Side */
        @media (min-width: 768px) {
            .wpjobportal-help-top-left,
            .wpjobportal-help-top-right {
                flex: 1 1 calc(50% - 10px); /* Two columns with 20px gap */
            }
        }

        /* --- Image Container Styling --- */
        .wpjobportal-help-top-left-cnt-img,
        .wpjobportal-help-top-right-cnt-img {
            flex-shrink: 0; /* Prevents image container from shrinking */
            margin-right: 20px;
            width: 80px; /* Set a fixed size for the icon/main image */
            height: 80px;
            border-radius: 50%;
            background-color: #ecf0f1; /* Light gray background for contrast */
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .wpjobportal-help-top-left-cnt-img img,
        .wpjobportal-help-top-right-cnt-img img {
            max-width: 100%;
            height: auto;
            display: block;
        }

        /* --- Content/Info Styling --- */
        .wpjobportal-help-top-left-cnt-info,
        .wpjobportal-help-top-right-cnt-info {
            flex-grow: 1; /* Allows info section to take up remaining space */
        }

        .wpjobportal-help-top-left-cnt-info h2,
        .wpjobportal-help-top-right-cnt-info h2 {
            font-size: 20px;
            font-weight: 700;
            color: #2c3e50;
            margin-top: 0;
            margin-bottom: 8px;
        }

        .wpjobportal-help-top-left-cnt-info p,
        .wpjobportal-help-top-right-cnt-info p {
            font-size: 15px;
            color: #7f8c8d;
            margin-bottom: 15px;
        }

        /* --- Action Link/Button Styling --- */
        .wpjobportal-help-top-middle-action {
            display: inline-flex;
            align-items: center;
            padding: 10px 18px;
            border-radius: 6px;
            text-decoration: none;
            font-weight: 600;
            font-size: 14px;
            transition: background-color 0.3s ease, box-shadow 0.3s ease;
        }

        /* Style for the "View All Videos" button (Primary Blue) */
        .wpjobportal-help-top-middle-action:not(.second) {
               background-color: var(--wjp-color-primary) !important;
            color: #fff !important;
        }

        .wpjobportal-help-top-middle-action:not(.second):hover {
            background-color: var(--wjp-color-primary-dark) !important;
            color: #fff;
            box-shadow: 0 4px 10px rgba(52, 152, 219, 0.4);
        }

        /* Style for the "Submit Ticket" button (Secondary Light Blue/Outline) */
        .wpjobportal-help-top-middle-action.second {
            background-color: #ecf0f1;
            color: #3498db;
            border: 1px solid #3498db;
        }

        .wpjobportal-help-top-middle-action.second:hover {
            background-color: #d8e6eb;
            box-shadow: 0 4px 10px rgba(52, 152, 219, 0.1);
        }

        /* Icon styling within the action link */
        .wpjobportal-help-top-middle-action img {
            width: 16px;
            height: 16px;
            margin-right: 8px;
            vertical-align: middle;
            display: inline-block;
        }
        
        /* Fallback for inaccessible images (use Font Awesome icons for better visual stability) */
        .wpjobportal-help-top-middle-action i {
            margin-right: 8px;
            font-size: 16px;
        }

        /* Hide the original image element if we use a fallback, assuming the original images are not loading */
        .wpjobportal-help-top-middle-action img {
             display: none; 
        }
        
        /* --- BOTTOM HELP SECTION (VIDEO TUTORIALS) --- */
        .wpjobportal-help-btm {
 
            width: 100%;
            margin: 40px auto 0 auto;
            display: grid;
            grid-template-columns: repeat(1, 1fr); /* Default one column on mobile */
            gap: 30px;
        }

        @media (min-width: 768px) {
            .wpjobportal-help-btm {
                grid-template-columns: repeat(2, 1fr); /* Two columns on tablet/mid-size */
            }
        }

        @media (min-width: 1024px) {
            .wpjobportal-help-btm {
                grid-template-columns: repeat(2, 1fr); /* Three columns on desktop */
            }
        }

        .wpjobportal-help-btm-wrp {
            background-color: #ffffff;
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
            padding: 20px;
        }

        .wpjobportal-help-btm-title {
            font-size: 18px;
            font-weight: 700;
            color: #34495e;
            margin-top: 0;
            margin-bottom: 20px;
            padding-bottom: 5px;
            border-bottom: 2px solid #ecf0f1;
        }

        /* Video Link Card Style */
        .wpjobportal-help-btm-cnt {
            /* This is a wrapper for each link, but the main styling will be on the <a> tag */
            margin-bottom: 8px;
            border-radius: 10px;
        }
      
        .wpjobportal-help-btm-link {
            display: flex;
            align-items: center;
            text-decoration: none;
            color: #2c3e50;
            padding: 10px;
            border-radius: 6px;
            border: 1px solid #f0f4f7;
            transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
        }

        .wpjobportal-help-btm-link:hover {
            background-color: #f7f9fb;
            box-shadow: 0 2px 5px rgba(52, 152, 219, 0.1);
            border-color: #aed6f1; /* Subtle blue border on hover */
        }

        .wpjobportal-help-btm-cnt-img {
            flex-shrink: 0;
                width: 100px;
                height: 55px;;
            margin-right: 12px;
            border-radius: 4px;
            background-color: #e8f5ff; /* Light blue background for video icon */
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .wpjobportal-help-btm-cnt-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* Placeholder for missing video icon image using Font Awesome */
        
        }

        
        .wpjobportal-help-btm-cnt-title span {
            font-size: 14px;
            font-weight: 600;
            line-height: 1.3;
        }


/*==============================================================
---------------------Import page -----------------------------
==============================================================*/
/* --- PLUGIN STATUS SECTION (NEW) --- */
        .wpjobportal-plugins-section-wrap {
            max-width: 1200px;
            width: 100%;
            margin: 20px auto 20px auto;
            padding: 20px;
            background-color: #ffffff;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
        }
        
        .wpjobportal-plugins-section-wrap h2 {
            font-size: 22px;
            font-weight: 700;
            color: #2c3e50;
            margin-top: 0;
            margin-bottom: 20px;
            border-bottom: 1px solid #ecf0f1;
            padding-bottom: 10px;
        }

        /* Base Plugin Item Styling */
        .wpjobportal-plugins-imprt-datasec {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 20px;
            border-radius: 8px;
            margin-bottom: 15px;
            transition: all 0.3s ease;
        }

        /* Styling for the NOT INSTALLED state (Error/Warning) */
        .wpjobportal-plugin-notinstalled {
            border: 1px solid #f9dadc; /* Light red border */
            background-color: #fff0f0; /* Very light red background */
        }

        /* Styling for non-error state (Default/Installed - used for dummy installed item) */
        .wpjobportal-plugins-imprt-datasec:not(.wpjobportal-plugin-notinstalled) {
            background-color: #ffffff;
            border: 1px solid #f0f4f7;
        }
        
        .wpjobportal-plugins-imprt-data-plgnnme {
            font-size: 16px;
            font-weight: 600;
            color: #34495e; /* Dark text */
            flex-grow: 1;
        }

        .wpjobportal-plugins-imprt-databtn {
            display: flex;
            align-items: center;
            padding: 8px 15px;
            border-radius: 4px;
            font-size: 14px;
            font-weight: 700;
        }

        /* NOT INSTALLED status button */
        .wpjobportal-plugin-notinstalled .wpjobportal-plugins-imprt-databtn {
            color: #c0392b; /* Strong error red text */
            background-color: #fcebeb; /* Lighter background for the status box */
            border: 1px solid #e74c3c;
        }
        .wpjobportal-plugins-imprt-databtn{
            color: #0b7a31;
    background-color: #e9fff0;
    border: 1px solid #25a658;
        }
        .wpjobportal-plugin-notinstalled .wpjobportal-plugins-imprt-databtn::before {
            font-weight: 900;
            margin-right: 8px;
            font-size: 14px;
            color: #e74c3c; /* Match text color */
        }

        /* INSTALLED status button (Green for Success/Installed) */
        .wpjobportal-plugins-imprt-databtn.installed {
            color: #27ae60; /* Success green text */
            background-color: #e9f8f0; /* Light green background for status box */
            border: 1px solid #2ecc71;
        }

        .wpjobportal-plugins-imprt-databtn.installed::before {
            font-weight: 900;
            margin-right: 8px;
            font-size: 14px;
            color: #27ae60;
        }

        /* Hide the local image path provided in the original HTML */
        .wpjobportal-plugins-imprterror-image {
            width: 22px;
            height: 22px;
            margin-right: 5px;
        }

        /* --- PLUGIN DATA IMPORT SECTION STYLES --- */
        .wpjobportal-plugins-section-wrap {
            max-width: 1200px;
            width: 100%;
            margin: 20px auto 20px auto;
            padding: 20px;
            background-color: #ffffff;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
        }
        
        .wpjobportal-plugins-section-wrap h2 {
            font-size: 22px;
            font-weight: 700;
            color: #2c3e50;
            margin-top: 0;
            margin-bottom: 20px;
            border-bottom: 1px solid #ecf0f1;
            padding-bottom: 10px;
        }

        .plugin-cards-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }
        
        /* Detailed Plugin Item Container */
        .wpjobportal-singleplugin-imprt-data-sec {
            background-color: #fff;
            border-radius: 10px;
            padding: 20px;
            flex: 1 1 100%; /* Default to full width on mobile */
            min-width: 300px;
            box-sizing: border-box;
            border: 1px solid #e0e6eb;
        }

        @media (min-width: 768px) {
            .wpjobportal-singleplugin-imprt-data-sec {
                flex: 1 1 calc(50% - 10px); /* Two columns on larger screens */
            }
        }
        
        .wpjobportal-singleplugin-imprt-datatitle {
            display: block;
            font-size: 18px;
            font-weight: 700;
            color: #34495e;
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 1px solid #ecf0f1;
        }

        .data-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
            margin-bottom: 20px;
        }

        .wpjobportal-singleplugin-imprt-datadisc {
                font-size: 15px;
    color: #555;
    padding: 12px 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e4e4e4;
        }

        /* Styling for positive data points (e.g., 5 Job Types found) */
        .wpjobportal-singleplugin-imprt-datadisc.success {
            font-weight: 600;
            color: #27ae60;
        }
        
        .wpjobportal-singleplugin-imprt-datadisc.success::before {
            content: "\f00c"; /* Check icon */
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            margin-right: 8px;
            color: #2ecc71;
            font-size: 12px;
        }

       

        /* Error state for not installed plugin description */
        .wpjobportal-singleplugin-imprt-datadisc.error {
            color: #e74c3c;
            grid-column: span 2; /* Span across both columns */
            font-weight: 600;
        }
        
        .wpjobportal-singleplugin-imprt-datadisc.error::before {
            content: "\f071"; /* Exclamation triangle */
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            margin-right: 8px;
            color: #e74c3c;
            font-size: 14px;
        }

        .wpjobportal-singleplugin-imprt-databtn-wrp {
            text-align: right;
            padding-top: 15px;
            border-top: 1px solid #ecf0f1;
        }

        .wpjobportal-singleplugin-imprt-databtn {
            display: inline-flex;
            align-items: center;
            padding: 10px 20px;
            border-radius: 6px;
            text-decoration: none;
            font-weight: 600;
            font-size: 14px;
            transition: background-color 0.3s ease, box-shadow 0.3s ease;
            background-color: #3498db;
            color: #ffffff;
        }
        
        .wpjobportal-singleplugin-imprt-databtn:hover {
            background-color: #2980b9;
            color: #fff;
            box-shadow: 0 4px 10px rgba(52, 152, 219, 0.4);
        }

        .wpjobportal-singleplugin-imprt-databtn i {
            margin-right: 8px;
        }
        
        /* Install Button specific style (secondary action) */
        .wpjobportal-singleplugin-imprt-databtn.install {
            background-color: #2ecc71; /* Green color for install */
        }
        
        .wpjobportal-singleplugin-imprt-databtn.install:hover {
            background-color: #27ae60;
            box-shadow: 0 4px 10px rgba(46, 204, 113, 0.4);
        }

        /* Hide the local image path provided in the original HTML */
        .wpjobportal-plugins-imprterror-image {
            display: none;
        }

/*======================================================
---- Responsive ----------
=====================================================*/

@media (max-width: 1280px) {
.wpjobportal-resume-logo{margin-right: 20px;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-left-section-wrap{display: none;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap{width: 100%;}
}

@media (max-width: 1080px) {
div#wpjobportaladmin-wrapper .wpjobportal-form-wrapper{display: unset;text-align: left;}
div#wpjobportaladmin-wrapper  .wpjobportal-form-title {justify-content: flex-start;}
div#wpjobportaladmin-wrapper .wpjobportal-form-description{margin-left: 0;}
div#wpjobportaladmin-wrapper .wpjobportal-resume-middle-wrp{padding-left: 20px;}
div#wpjobportaladmin-wrapper .wpjobportal-pkg-list-item-data{grid-template-columns: repeat(2, 1fr);}
div#wpjobportaladmin-wrapper .wpjobportal-city-data-form-wrap.wpjobportal-city-data-form-wrap-left .wpjobportal-form-title{margin-top: 25px;}
}

@media (max-width: 768px) {
   div#wpjobportaladmin-wrapper .wpjobportal-filter-form{grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}
div#wpjobportaladmin-wrapper a.wpjobportal-table-act-btn{justify-content: flex-end;display: flex;}
div#wpjobportaladmin-wrapper .wpjobportal-table td{width: 100%;justify-content: flex-end;display: flex;}
div#wpjobportaladmin-wrapper .wpjobportal-jobs-middle-wrp{margin-bottom: 15px;}
div#wpjobportaladmin-wrapper  .wpjobportal-resume-logo{flex-wrap: wrap;justify-content: flex-start;margin-left: 20px;}
div#wpjobportaladmin-wrapper span#loadaddressdata_city_name_msg{max-height: 60px;}
.wpjobportal-email-link {display: block;padding: 15px 25px;color: var(--color-primary-dark);text-decoration: none;font-size: 1rem;background: #fff; transition: background-color 0.2s, color 0.2s;border-left: 4px solid transparent;border: 1px solid #dddddd;}
  div#wpjobportaladmin-wrapper .wpjobportal-resume-logo {width: 100%;margin-bottom: 16px;}
  div#wpjobportaladmin-leftmenu {float: left;width: 100%;margin-bottom: 10px;position: relative;z-index: 999999;}
  div#wpjobportaladmin-leftmenu div#wpjobportaladmin-logo a.wpjobportaladmin-anchor,
div#wpjobportaladmin-leftmenu img.wpjobportaladmin-arrow-img {display: inline-block;opacity: 1;}
div.menu-collasped-active div#wpjobportaladmin-leftmenu {width: 100%;}
ul.wpjobportaladmin-sidebar-menu {opacity: 0;height: 0;padding:0;transition: all 500ms; }
div.menu-collasped-active ul.wpjobportaladmin-sidebar-menu,

#wpjobportaladmin-data{margin-left: 0;}

/* configurations */
#wjp-config-dashboard{width: 100%;}
#wjp-config-dashboard #wjp-sticky-sub-nav-wrapper{position: unset !important;}
div#wpjobportaladmin-wrapper div.tabs div.tabInner div.wpjobportal-config-row {width: 100%;margin-left: 0;margin-right: 0;}
div#wpjobportaladmin-wrapper div.tabs div.tabInner div.wpjobportal-config-social-share-row {width: calc(100% / 2 - 10px);margin: 5px;}
div.wpjobportal-config-head{padding: 40px 25px 110px !important;}
div#wpjobportaladmin-leftmenu {float: left;width: 100%;margin-bottom: 10px;}
ul.wpjobportaladmin-sidebar-menu {opacity: 0;height: 0;padding:0;transition: all 500ms;display:none; }
.menu-collasped-active ul.wpjobportaladmin-sidebar-menu {display: block;}
div#wpjobportaladmin-data {padding-left: unset;}
div#wpjobportaladmin-leftmenu div#wpjobportaladmin-logo a.wpjobportaladmin-anchor,
div#wpjobportaladmin-leftmenu img.wpjobportaladmin-arrow-img {display: inline-block;opacity: 1;}
div.menu-collasped-active ul.wpjobportaladmin-sidebar-menu,
div.wpjobportal-config-main-wrapper .wpjobportal-configurations div.wpjobportal-config-left-menu.show ul.wpjobportaladmin-sidebar-menu {opacity: 1;height: auto;padding-bottom: 20px;}
div.menu-collasped-active div#wpjobportaladmin-leftmenu {width: 100%;}
div.menu-collasped-active div#wpjobportaladmin-data {padding-left: unset;}
div.wpjobportal-config-main-wrapper .wpjobportal-configurations div.wpjobportal-configurations-toggle {display: block;float: left;width: 100%;background: #fff;padding: 10px;margin-top: -60px;border-bottom: 1px solid var(--wjp-color-primary);}
div.wpjobportal-config-main-wrapper .wpjobportal-configurations div.wpjobportal-configurations-toggle img {float: left;background: var(--wjp-color-primary);padding: 10px;}
div.wpjobportal-config-main-wrapper .wpjobportal-configurations div.wpjobportal-configurations-toggle span {float: left;margin: 11px 0px 11px 11px;font-size: 22px;font-weight: 400;}
div.wpjobportal-config-main-wrapper .wpjobportal-configurations div.wpjobportal-config-left-menu {width: 100%;opacity: 0;min-height: 0;}
div.wpjobportal-config-main-wrapper .wpjobportal-configurations div.wpjobportal-config-left-menu ul.wpjobportaladmin-sidebar-menu {opacity: 0;height: 0;padding: 0;}
div.wpjobportal-config-main-wrapper .wpjobportal-configurations div.wpjobportal-config-left-menu.show {opacity: 1;min-width: auto;}
div.wpjobportal-config-main-wrapper .wpjobportal-configurations div.wpjobportal-right-content {width: 100%;padding-left: unset;margin-top: 10px;}
div#wpjobportaladmin-wrapper div.tabs div.tabInner div.wpjobportal-config-row div.wpjobportal-config-title {width: 100%;padding: 10px 0;}
div#wpjobportaladmin-wrapper div.tabs div.tabInner div.wpjobportal-config-row div.wpjobportal-config-value {width: 100%;}
div#wpjobportaladmin-wrapper div.tabs div.tabInner div.wpjobportal-config-row div.wpjobportal-config-description {padding: 10px 0;}
div#wpjobportaladmin-wrapper div.tabs div.tabInner div.wpjobportal-config-row div.wpjobportal-config-value.full-width {width: 100%;}
/* job list */
div#wpjobportaladmin-wrapper span.selector{width: fit-content;}


}
@media (max-width: 650px) {
div#wpjobportaladmin-wrapper .wpjobportal-resume-name a{line-height: 1.5;}
div#wpjobportaladmin-wrapper .wpjobportal-resume-data-value{line-height: 1.5;}
div#wpjobportaladmin-wrapper .wpjobportal-count-wrp{grid-template-columns: repeat(2, 1fr);}
div#wpjobportaladmin-wrapper .wpjobportal-form-checkbox-field{height: 55px}
#wjp-dashboard-wrapper div#wjp-header {margin-bottom: 30px;}

/* addon list */
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-msg a.add-on-msg-btn {float: left;margin: 7px 0;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item {width: 100%;margin-left: 0;margin-right: 0;}
div.wpjobportaladmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item {width: 100%;margin-left: 0;margin-right: 0;margin-top: 0;}

/* premium addon installer */
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-left-section-wrap {width: 100%;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap {width: 100%;}

/* admin-addons-status */
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status{display: block;float: left;text-align: center;line-height: 30px;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-addon-status-image-wrp{width:100%;float: left;display: flex;justify-content: center;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-addon-status-image-wrp img{width: auto;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-title-wrp{width:100%;float:left;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-title-wrp .wpjp-admin-adons-status-Deactive{display:block; width: 100%;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-title-wrp{line-height: 40px;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-title-wrp h2{margin: 8px 0 0px 0;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-addonstatus-wrp{width:100%;float: right;line-height: 40px;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-addonsversion-wrp{width:100%;float: right;}
div.wpjpadmin-addons-list-wrp div.wpjp-admin-addon-status div.wpjp-admin-addon-status-addonstatusbtn-wrp{width:100%;float: right;text-align: left;display: flex;justify-content: center;}
/* installer */
div#wpjobportal-admin-wrapper.wpjobportal-admin-installer-wrapper.step1{padding: 80px 20px 100px;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap div.wpjobportal-addon-installer-right-addon-wrapper div.wpjobportal-addon-installer-right-addon-single{width:100%}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap.step2 .wpjobportal-addon-installer-right-section-heading-wrp{flex-wrap: wrap;}
div.wpjobportal-addon-installer-wrapper div.wpjobportal-addon-installer-right-section-wrap.step2 .wpjobportal-addon-installer-right-section-heading-wrp .wpjobportal-addon-installer-right-section-heading{width: 100%;}
.wpjobportal-addon-go-back-messsage-wrap{padding-top: 0;}

}

@media (max-width: 480px) {
   .wpjobportal-update-key-slctall-addonswrp{display: block;}
   .wpjobportal-update-key-all-addons-wrp{    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));}
div#wpjobportaladmin-wrapper span.wpjobportal-resume-name{margin-bottom: 20px;}
div#wpjobportaladmin-wrapper .wpjobportal-resume-middle-wrp{width: 100%;padding-right: 0;}
div#wpjobportaladmin-wrapper .featurednew{    right: 50px;}
div#wpjobportaladmin-wrapper .wpjobportal-shortcode-secndshortcodetext{white-space: unset;}
div#wpjobportaladmin-wrapper .wpjobportal-pkg-list-item-data{grid-template-columns: repeat(1, 1fr);}
div#wpjobportaladmin-wrapper .wpjobportal-form-citycount-wrap{ max-height: 60px;}
div#wpjobportaladmin-wrapper span#loadaddressdata_city_name_msg { max-height: 80px;}
div#wpjobportaladmin-wrapper span#loadaddressdata_city_name_msg_warn{ max-height: 90px;}
#wpjobportal-admin-wrapper {padding: 0;}
}



/*==================== ICONS ===================================*/
/* 1. General alignment for the text spans */
.wpjobportal-jobs-data-text {
    display: inline-flex;
    align-items: center;
    margin-right: 15px; /* Space between the category and location groups */
    color: #555; /* Adjust text color as needed */
    font-size: 14px;
}

/* 2. Setup the empty ::before container */
.wpjobportal-jobs-data-text::before {
    content: '';
    display: inline-block;
    width: 16px; /* Icon Width */
    height: 16px; /* Icon Height */
    margin-right: 6px; /* Space between Icon and Text */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* 3. Icon for Category (Folder Icon) */
.wpjobportal-listing-data-category::before {
    /* SVG: Folder icon, Color: #666666 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
}

/* 4. Icon for Location (Map Pin Icon) */
.wpjobportal-listing-data-location::before {
    /* SVG: Map Pin icon, Color: #666666 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
/* 1. General alignment for the text spans */
.wpjobportal-company-data-value {
    display: inline-flex; /* Ensures icon and text align horizontally */
    align-items: center;
        font-size: var(--wjp-font-size-base);
    color: var(--wjp-text-medium);
    text-decoration: none; /* Removes underline if inherited */
}

/* Ensure the link inside inherits color properly */
.wpjobportal-company-data-value a {
    color: inherit;
    text-decoration: none;
}

/* 2. Setup the empty ::before container */
.wpjobportal-company-data-value::before {
    content: '';
    display: inline-block;
    width: 16px; 
    height: 16px;
    margin-right: 8px; /* Space between Icon and Text */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    flex-shrink: 0; /* Prevents icon from squishing on small screens */
}

/* 3. Icon for Website (Globe Icon) */
.wpjobportal-listing-data-website::before {
    /* SVG: Globe, Color: #666666 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='2' y1='12' x2='22' y2='12'%3E%3C/line%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'%3E%3C/path%3E%3C/svg%3E");
}

/* 4. Icon for Location (Map Pin Icon) */
.wpjobportal-listing-data-location::before {
    /* SVG: Map Pin, Color: #666666 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
/* 1. General alignment for the text spans */
.wpjobportal-resume-data-value {
    display: inline-flex;
    align-items: center;
    margin-bottom: 5px; /* Adds a little space if they stack */
    font-size: var(--wjp-font-size-base);
    color: var(--wjp-text-medium);
    margin-top: 0.5rem;
}

/* 2. Setup the empty ::before container */
.wpjobportal-resume-data-value::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* 3. Icon for Category (Folder) */
.wpjobportal-listing-data-category::before {
    /* SVG: Folder, Color: #666666 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
}

/* 4. Icon for Salary (Dollar Circle) */
.wpjobportal-listing-data-salary::before {
    /* SVG: Dollar Sign in Circle, Color: #666666 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8'%3E%3C/path%3E%3Cline x1='12' y1='18' x2='12' y2='6'%3E%3C/line%3E%3C/svg%3E");
}

/* 5. Icon for Location (Map Pin) */
.wpjobportal-listing-data-location::before {
    /* SVG: Map Pin, Color: #666666 */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
      .wpjobportal-resume-data.wpjobportal-resume-appilcation-title {
    font-size: var(--wjp-font-size-base);
    font-weight: var(--wjp-font-weight-medium);
    color: var(--wjp-color-primary);
    display: block;
    padding: 15px 0px 10px 0;
}
.wpjobportal-resume-data.wpjobportal-resume-appilcation-title:hover {
    color: var(--wjp-color-primary-dark);
}
div#wpjobportal-admin-wrapper span.wpjobportal-form-chkbox-field label{
   font-weight: normal;
       font-size: 0.95rem;
}
div#wpjobportaladmin-wrapper form#wpjobportalform input#reset,
div#wpjobportal-admin-wrapper form#wpjobportalform input#btnsubmit{max-width: 150px; min-width: 100px;}
 #wpjobportal-admin-wrapper form#wpjobportalform input[type="text"]
 {  border: 1px solid #cbd5e1;}


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

/* 1. Base Reset: Define the size of the icon container */
#wjp-quick-actions .wjp-action-icon-wrapper i {
    display: inline-block;
    width: 24px;  /* Adjust size as needed */
    height: 24px; /* Adjust size as needed */
    line-height: 1;
    vertical-align: middle;
}

/* 2. Hide Font Awesome & Setup SVG Container */
#wjp-quick-actions .wjp-action-icon-wrapper i::before {
    font-family: sans-serif !important; /* Reset Font */
    content: "" !important;             /* Remove FA Glyph */
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


/*----------------------------Config icons -----------------------------------------------------*/

/* 1. Base Settings for the Icon */
#wjp-settings-nav ul li a::before {
    content: '';
    display: inline-block;
    width: 16px;            /* Fixed icon width */
    height: 16px;           /* Fixed icon height */
    margin-right: 8px;      /* Gap between icon and text */
    vertical-align: -2px;   /* Pulls the icon down slightly to align with text baseline */
    
    background-color: currentColor; /* Icon takes the text color automatically */
    
    /* Mask Settings */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* 2. Specific Icon Definitions */

/* System & Site (sliders-h) */
.wpjp-icon-class-sliders::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M496 384H160v-16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v16H16c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h80v16c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-16h336c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm0-160h-80v-16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v16H16c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h336v16c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-16h80c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm0-160H288V48c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v16H16C7.2 64 0 71.2 0 80v32c0 8.8 7.2 16 16 16h208v16c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-16h208c8.8 0 16-7.2 16-16V80c0-8.8-7.2-16-16-16z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M496 384H160v-16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v16H16c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h80v16c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-16h336c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm0-160h-80v-16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v16H16c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h336v16c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-16h80c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm0-160H288V48c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v16H16C7.2 64 0 71.2 0 80v32c0 8.8 7.2 16 16 16h208v16c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-16h208c8.8 0 16-7.2 16-16V80c0-8.8-7.2-16-16-16z'/%3E%3C/svg%3E");
}

/* Content & Display (palette) */
.wpjp-icon-class-palette::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M204.3 5C104.9 24.4 24.8 104.3 5.2 203.4c-37 187 131.7 326.4 258.8 306.7 41.2-6.4 61.4-54.6 42.5-91.7-23.1-45.4 9.9-98.4 60.9-98.4h79.7c35.8 0 64.8-29.6 64.9-65.3C511.5 97.1 368.1-26.9 204.3 5zM96 320c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm32-128c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128-64c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 64c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M204.3 5C104.9 24.4 24.8 104.3 5.2 203.4c-37 187 131.7 326.4 258.8 306.7 41.2-6.4 61.4-54.6 42.5-91.7-23.1-45.4 9.9-98.4 60.9-98.4h79.7c35.8 0 64.8-29.6 64.9-65.3C511.5 97.1 368.1-26.9 204.3 5zM96 320c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm32-128c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128-64c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm128 64c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z'/%3E%3C/svg%3E");
}

/* URL & SEO (link) */
.wpjp-icon-class-link::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59l-11.196 11.288c-9.895 9.942-26.257 9.925-36.269-.091-9.928-10.032-9.928-26.319.034-36.324l11.175-11.192c39.923-40.158 40.52-105.77 1.056-146.541-39.736-41.053-104.991-41.353-144.914-.852l-51.468 51.468c-40.123 40.123-40.123 105.518 0 145.641 40.124 40.124 105.517 40.124 145.641 0 9.872 9.873 9.845 26.326.046 36.27-9.808 9.954-26.357 10.122-36.256.126-60.012-60.293-59.817-156.402.164-216.037l51.468-51.468c60.334-60.171 156.33-60.527 215.155-1.077l11.213-11.233c10.033-9.916 26.223-9.809 36.321.135 9.913 9.771 9.997 26.241.134 36.082l-11.214 11.234zM471.956 50.771c-60.012-60.312-156.024-60.211-216.037-.189-9.86 9.948-9.833 26.398-.016 36.289 9.899 9.967 26.471 9.941 36.311.047 39.907-40.091 105.418-40.147 145.641.076 40.123 40.123 40.123 105.518 0 145.641l-51.468 51.468c-39.932 40.491-105.152 40.231-144.914-.803-39.467-40.768-38.903-106.394 1.056-146.541l11.175-11.192c9.963-10.005 9.963-26.292.034-36.324-10.012-10.016-26.374-10.033-36.269-.091l-11.196 11.288c-58.567 58.892-59.387 154.781.36 214.59l11.214 11.234c-9.863 9.841-9.779 26.311.134 36.082 10.098 9.944 26.288 10.051 36.321.135l11.213-11.233c58.825 59.45 154.821 59.094 215.155-1.077l51.468-51.468c60.013-60.273 59.914-156.415-.189-216.037z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59l-11.196 11.288c-9.895 9.942-26.257 9.925-36.269-.091-9.928-10.032-9.928-26.319.034-36.324l11.175-11.192c39.923-40.158 40.52-105.77 1.056-146.541-39.736-41.053-104.991-41.353-144.914-.852l-51.468 51.468c-40.123 40.123-40.123 105.518 0 145.641 40.124 40.124 105.517 40.124 145.641 0 9.872 9.873 9.845 26.326.046 36.27-9.808 9.954-26.357 10.122-36.256.126-60.012-60.293-59.817-156.402.164-216.037l51.468-51.468c60.334-60.171 156.33-60.527 215.155-1.077l11.213-11.233c10.033-9.916 26.223-9.809 36.321.135 9.913 9.771 9.997 26.241.134 36.082l-11.214 11.234zM471.956 50.771c-60.012-60.312-156.024-60.211-216.037-.189-9.86 9.948-9.833 26.398-.016 36.289 9.899 9.967 26.471 9.941 36.311.047 39.907-40.091 105.418-40.147 145.641.076 40.123 40.123 40.123 105.518 0 145.641l-51.468 51.468c-39.932 40.491-105.152 40.231-144.914-.803-39.467-40.768-38.903-106.394 1.056-146.541l11.175-11.192c9.963-10.005 9.963-26.292.034-36.324-10.012-10.016-26.374-10.033-36.269-.091l-11.196 11.288c-58.567 58.892-59.387 154.781.36 214.59l11.214 11.234c-9.863 9.841-9.779 26.311.134 36.082 10.098 9.944 26.288 10.051 36.321.135l11.213-11.233c58.825 59.45 154.821 59.094 215.155-1.077l51.468-51.468c60.013-60.273 59.914-156.415-.189-216.037z'/%3E%3C/svg%3E");
}

/* Employers (user-tie) */
.wpjp-icon-class-user-tie::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm95.8 32.6L272 480l-32-136 32-56h-96l32 56-32 136-47.8-191.4C56.9 292 0 350.3 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-72.1-56.9-130.4-128.2-133.8z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm95.8 32.6L272 480l-32-136 32-56h-96l32 56-32 136-47.8-191.4C56.9 292 0 350.3 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-72.1-56.9-130.4-128.2-133.8z'/%3E%3C/svg%3E");
}

/* Job Seekers (user-graduate) */
.wpjp-icon-class-user-graduate::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M319.4 320.6L224 416l-95.4-95.4C57.1 323.7 0 382.2 0 454.4v9.6c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-9.6c0-72.2-57.1-130.7-128.6-133.8zM13.6 219.1L224 361.5l210.4-142.4c18.1-12.2 18.1-42.3 0-54.5l-210.4-142.4c-18.1-12.2-47.5-12.2-65.6 0L13.6 164.6c-18.1 12.2-18.1 42.3 0 54.5zm80-79.4L224 58.6l130.4 81.1L224 220.8 93.6 139.7zM64 224h32v192h-32z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M319.4 320.6L224 416l-95.4-95.4C57.1 323.7 0 382.2 0 454.4v9.6c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-9.6c0-72.2-57.1-130.7-128.6-133.8zM13.6 219.1L224 361.5l210.4-142.4c18.1-12.2 18.1-42.3 0-54.5l-210.4-142.4c-18.1-12.2-47.5-12.2-65.6 0L13.6 164.6c-18.1 12.2-18.1 42.3 0 54.5zm80-79.4L224 58.6l130.4 81.1L224 220.8 93.6 139.7zM64 224h32v192h-32z'/%3E%3C/svg%3E");
}

/* Visitors (user-secret) */
.wpjp-icon-class-user-secret::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 16c-68.8 0-125.7 54.8-127.9 123l-3.2 81.2c-5.7 1.8-10.7 5.4-14.3 10.4-4.8 6.7-5.9 15.6-2.5 23.2l20.4 46.9c1.9 4.3 5.4 7.7 9.8 9.5 2.5 1 5.2 1.6 7.8 1.6 6.8 0 13.2-3.3 17.1-9L160 256.7c16.3 15.5 38.6 25.3 64 25.3s47.7-9.7 64-25.3l28.9 46.2c3.9 5.7 10.3 9 17.1 9 2.6 0 5.3-.5 7.8-1.6 4.4-1.9 7.9-5.2 9.8-9.5l20.4-46.9c3.3-7.6 2.3-16.5-2.5-23.2-3.6-5-8.5-8.6-14.3-10.4l-3.2-81.2C349.7 70.8 292.8 16 224 16zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64v-32c0-35.3-28.7-64-64-64H64z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 16c-68.8 0-125.7 54.8-127.9 123l-3.2 81.2c-5.7 1.8-10.7 5.4-14.3 10.4-4.8 6.7-5.9 15.6-2.5 23.2l20.4 46.9c1.9 4.3 5.4 7.7 9.8 9.5 2.5 1 5.2 1.6 7.8 1.6 6.8 0 13.2-3.3 17.1-9L160 256.7c16.3 15.5 38.6 25.3 64 25.3s47.7-9.7 64-25.3l28.9 46.2c3.9 5.7 10.3 9 17.1 9 2.6 0 5.3-.5 7.8-1.6 4.4-1.9 7.9-5.2 9.8-9.5l20.4-46.9c3.3-7.6 2.3-16.5-2.5-23.2-3.6-5-8.5-8.6-14.3-10.4l-3.2-81.2C349.7 70.8 292.8 16 224 16zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64v-32c0-35.3-28.7-64-64-64H64z'/%3E%3C/svg%3E");
}

/* Jobs (briefcase) */
.wpjp-icon-class-briefcase::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 128h-80V80c0-26.51-21.49-48-48-48H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v256c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48zM176 80h160v48H176V80zM48 176h416v32H48v-32zm0 256V248h416v184H48z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 128h-80V80c0-26.51-21.49-48-48-48H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v256c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V176c0-26.51-21.49-48-48-48zM176 80h160v48H176V80zM48 176h416v32H48v-32zm0 256V248h416v184H48z'/%3E%3C/svg%3E");
}

/* Companies (building) */
.wpjp-icon-class-building::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M436 480h-20V24c0-13.255-10.745-24-24-24H56C42.745 0 32 10.745 32 24v456H12c-6.627 0-12 5.373-12 12v20h448v-20c0-6.627-5.373-12-12-12zM128 72c0-4.418 3.582-8 8-8h48c4.418 0 8 3.582 8 8v48c0 4.418-3.582 8-8 8h-48c-4.418 0-8-3.582-8-8V72zm0 96c0-4.418 3.582-8 8-8h48c4.418 0 8 3.582 8 8v48c0 4.418-3.582 8-8 8h-48c-4.418 0-8-3.582-8-8v-48zm0 96c0-4.418 3.582-8 8-8h48c4.418 0 8 3.582 8 8v48c0 4.418-3.582 8-8 8h-48c-4.418 0-8-3.582-8-8v-48zm128-192c0-4.418 3.582-8 8-8h48c4.418 0 8 3.582 8 8v48c0 4.418-3.582 8-8 8h-48c-4.418 0-8-3.582-8-8V72zm0 96c0-4.418 3.582-8 8-8h48c4.418 0 8 3.582 8 8v48c0 4.418-3.582 8-8 8h-48c-4.418 0-8-3.582-8-8v-48zm0 96c0-4.418 3.582-8 8-8h48c4.418 0 8 3.582 8 8v48c0 4.418-3.582 8-8 8h-48c-4.418 0-8-3.582-8-8v-48z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M436 480h-20V24c0-13.255-10.745-24-24-24H56C42.745 0 32 10.745 32 24v456H12c-6.627 0-12 5.373-12 12v20h448v-20c0-6.627-5.373-12-12-12zM128 72c0-4.418 3.582-8 8-8h48c4.418 0 8 3.582 8 8v48c0 4.418-3.582 8-8 8h-48c-4.418 0-8-3.582-8-8V72zm0 96c0-4.418 3.582-8 8-8h48c4.418 0 8 3.582 8 8v48c0 4.418-3.582 8-8 8h-48c-4.418 0-8-3.582-8-8v-48zm0 96c0-4.418 3.582-8 8-8h48c4.418 0 8 3.582 8 8v48c0 4.418-3.582 8-8 8h-48c-4.418 0-8-3.582-8-8v-48zm128-192c0-4.418 3.582-8 8-8h48c4.418 0 8 3.582 8 8v48c0 4.418-3.582 8-8 8h-48c-4.418 0-8-3.582-8-8V72zm0 96c0-4.418 3.582-8 8-8h48c4.418 0 8 3.582 8 8v48c0 4.418-3.582 8-8 8h-48c-4.418 0-8-3.582-8-8v-48zm0 96c0-4.418 3.582-8 8-8h48c4.418 0 8 3.582 8 8v48c0 4.418-3.582 8-8 8h-48c-4.418 0-8-3.582-8-8v-48z'/%3E%3C/svg%3E");
}

/* Resumes (file-alt) */
.wpjp-icon-class-file-alt::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm160-14.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9zM64 224h256v32H64v-32zm0 96h256v32H64v-32zm0 96h256v32H64v-32z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm160-14.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9zM64 224h256v32H64v-32zm0 96h256v32H64v-32zm0 96h256v32H64v-32z'/%3E%3C/svg%3E");
}

/* Applications (inbox) */
.wpjp-icon-class-inbox::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M567.9 96c7.9 0 12.9-9.1 8-15.5L520.3 11C515.2 4.2 507 0 498.5 0H77.4c-8.5 0-16.7 4.2-21.8 11L1.9 80.5c-4.9 6.5 0 15.5 8 15.5h558zM552 128H384c-17.7 0-32 14.3-32 32v24c0 8.8-7.2 16-16 16H240c-8.8 0-16-7.2-16-16v-24c0-17.7-14.3-32-32-32H24v208c0 35.3 28.7 64 64 64h400c35.3 0 64-28.7 64-64V128z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M567.9 96c7.9 0 12.9-9.1 8-15.5L520.3 11C515.2 4.2 507 0 498.5 0H77.4c-8.5 0-16.7 4.2-21.8 11L1.9 80.5c-4.9 6.5 0 15.5 8 15.5h558zM552 128H384c-17.7 0-32 14.3-32 32v24c0 8.8-7.2 16-16 16H240c-8.8 0-16-7.2-16-16v-24c0-17.7-14.3-32-32-32H24v208c0 35.3 28.7 64 64 64h400c35.3 0 64-28.7 64-64V128z'/%3E%3C/svg%3E");
}

/* Email & Alerts (envelope) */
.wpjp-icon-class-envelope::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v1.542c0 2.656-.843 5.343-2.687 7.406L266.36 303.8c-2.922 3.266-7.797 3.266-10.72 0L50.688 120.9C48.843 118.9 48 116.2 48 113.5V112h416z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v1.542c0 2.656-.843 5.343-2.687 7.406L266.36 303.8c-2.922 3.266-7.797 3.266-10.72 0L50.688 120.9C48.843 118.9 48 116.2 48 113.5V112h416z'/%3E%3C/svg%3E");
}

/* Feeds & AI (rss) */
.wpjp-icon-class-rss::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M128.081 415.959c0 35.369-28.672 64.041-64.041 64.041S0 451.328 0 415.959s28.672-64.041 64.041-64.041 64.04 28.673 64.04 64.041zm175.66 47.25c-8.354-154.6-132.185-278.587-286.95-286.95C7.656 175.765 0 183.105 0 192.253v48.069c0 8.415 6.49 15.472 14.887 16.018 111.832 7.284 201.473 96.702 208.772 208.772.547 8.397 7.604 14.887 16.018 14.887h48.069c9.149.001 16.489-7.655 15.995-16.79zm144.249.288C439.596 229.677 251.465 40.445 16.503 32.01 7.473 31.686 0 38.981 0 48.016v48.068c0 8.625 6.835 15.645 15.453 15.999 191.179 7.839 344.627 161.316 352.465 352.465.353 8.618 7.373 15.453 15.999 15.453h48.068c9.034-.001 16.329-7.474 16.005-16.502z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M128.081 415.959c0 35.369-28.672 64.041-64.041 64.041S0 451.328 0 415.959s28.672-64.041 64.041-64.041 64.04 28.673 64.04 64.041zm175.66 47.25c-8.354-154.6-132.185-278.587-286.95-286.95C7.656 175.765 0 183.105 0 192.253v48.069c0 8.415 6.49 15.472 14.887 16.018 111.832 7.284 201.473 96.702 208.772 208.772.547 8.397 7.604 14.887 16.018 14.887h48.069c9.149.001 16.489-7.655 15.995-16.79zm144.249.288C439.596 229.677 251.465 40.445 16.503 32.01 7.473 31.686 0 38.981 0 48.016v48.068c0 8.625 6.835 15.645 15.453 15.999 191.179 7.839 344.627 161.316 352.465 352.465.353 8.618 7.373 15.453 15.999 15.453h48.068c9.034-.001 16.329-7.474 16.005-16.502z'/%3E%3C/svg%3E");
}

/* Integrations (plug) */
.wpjp-icon-class-plug::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M384 192h-64v-64c0-35.3-28.7-64-64-64h-32V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48h-64V16c0-8.8-7.2-16-16-16H48C39.2 0 32 7.2 32 16v48C14.3 64 0 78.3 0 96v32c0 17.7 14.3 32 32 32h16v160c0 53 43 96 96 96h32l-37 86.3c-2.3 5.3-1 11.5 3.3 15.4 4.3 4 10.7 4.7 15.6.8l70.7-56.6 28 65.4c2.2 5.1 7.2 8.4 12.8 8.4 1.4 0 2.8-.2 4.1-.7 6.6-2.2 10.5-9.1 8.9-15.9l-22.9-97.1c32.7-10.7 56.6-41.5 56.6-77.9V192h64c17.7 0 32-14.3 32-32v-32c0-17.7-14.3-32-32-32z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M384 192h-64v-64c0-35.3-28.7-64-64-64h-32V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48h-64V16c0-8.8-7.2-16-16-16H48C39.2 0 32 7.2 32 16v48C14.3 64 0 78.3 0 96v32c0 17.7 14.3 32 32 32h16v160c0 53 43 96 96 96h32l-37 86.3c-2.3 5.3-1 11.5 3.3 15.4 4.3 4 10.7 4.7 15.6.8l70.7-56.6 28 65.4c2.2 5.1 7.2 8.4 12.8 8.4 1.4 0 2.8-.2 4.1-.7 6.6-2.2 10.5-9.1 8.9-15.9l-22.9-97.1c32.7-10.7 56.6-41.5 56.6-77.9V192h64c17.7 0 32-14.3 32-32v-32c0-17.7-14.3-32-32-32z'/%3E%3C/svg%3E");
}

/* Security & Captcha (lock) */
.wpjp-icon-class-lock::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'/%3E%3C/svg%3E");
}

/* Monetization (dollar-sign) */
.wpjp-icon-class-dollar-sign::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 288 512'%3E%3Cpath d='M209.2 233.4l-108-31.6C88.7 198.2 80 186.5 80 173.5c0-16.3 13.2-29.5 29.5-29.5h66.3c12.2 0 24.2 3.7 34.2 10.5 6.1 4.1 14.3 3.1 19.5-2l34.8-34c7.1-6.9 6.1-18.4-1.8-24.5C238 74.8 207.4 64.1 176 64V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48h-2.5C45.8 64-5.4 118.7.5 183.6c4.2 46.1 39.4 83.6 83.8 96.6l102.5 30c12.5 3.7 21.2 15.3 21.2 28.3 0 16.3-13.2 29.5-29.5 29.5h-66.3C100 368 88 364.3 78 357.5c-6.1-4.1-14.3-3.1-19.5 2l-34.8 34c-7.1 6.9-6.1 18.4 1.8 24.5 24.5 19.2 55.1 29.9 86.5 30v48c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-48h2.5c63.7 0 114.9-54.7 109-119.6-4.2-46.1-39.4-83.6-83.8-96.6z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 288 512'%3E%3Cpath d='M209.2 233.4l-108-31.6C88.7 198.2 80 186.5 80 173.5c0-16.3 13.2-29.5 29.5-29.5h66.3c12.2 0 24.2 3.7 34.2 10.5 6.1 4.1 14.3 3.1 19.5-2l34.8-34c7.1-6.9 6.1-18.4-1.8-24.5C238 74.8 207.4 64.1 176 64V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48h-2.5C45.8 64-5.4 118.7.5 183.6c4.2 46.1 39.4 83.6 83.8 96.6l102.5 30c12.5 3.7 21.2 15.3 21.2 28.3 0 16.3-13.2 29.5-29.5 29.5h-66.3C100 368 88 364.3 78 357.5c-6.1-4.1-14.3-3.1-19.5 2l-34.8 34c-7.1 6.9-6.1 18.4 1.8 24.5 24.5 19.2 55.1 29.9 86.5 30v48c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-48h2.5c63.7 0 114.9-54.7 109-119.6-4.2-46.1-39.4-83.6-83.8-96.6z'/%3E%3C/svg%3E");
}

/* Payment Gateways (credit-card) */
.wpjp-icon-class-credit-card::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M0 432c0 26.5 21.5 48 48 48h480c26.5 0 48-21.5 48-48V256H0v176zm192-68c0-6.6 5.4-12 12-12h136c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H204c-6.6 0-12-5.4-12-12v-40zm-128 0c0-6.6 5.4-12 12-12h72c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM576 80c0-26.5-21.5-48-48-48H48C21.5 32 0 53.5 0 80v96h576V80z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M0 432c0 26.5 21.5 48 48 48h480c26.5 0 48-21.5 48-48V256H0v176zm192-68c0-6.6 5.4-12 12-12h136c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H204c-6.6 0-12-5.4-12-12v-40zm-128 0c0-6.6 5.4-12 12-12h72c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM576 80c0-26.5-21.5-48-48-48H48C21.5 32 0 53.5 0 80v96h576V80z'/%3E%3C/svg%3E");
}

/* 3. Hover Effect */
#wjp-settings-nav ul li a:hover,
#wjp-settings-nav ul li a.active {
    color: #0073aa; /* Example Active Color */
}


/*=======================================*/
/* 1. Main Wrapper Styling */
.wjp-search-input-wrapper {
  display: flex;                /* Aligns icon and input side-by-side */
  align-items: center;          /* Centers items vertically */
  width: 100%;                  /* Full width of container */
  max-width: 400px;             /* Optional: specific max width */
  padding: 10px 15px;           /* Spacing inside the box */
  background-color: #ffffff;    /* White background */
  border: 1px solid #e2e8f0;    /* Light grey border */
  border-radius: 8px;           /* Rounded corners */
  transition: all 0.2s ease;    /* Smooth transition for hover/focus */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /* Subtle shadow */
}

/* 2. Focus State (Highlight wrapper when input is clicked) */
.wjp-search-input-wrapper:focus-within {
  border-color: #3b82f6;        /* Blue border on focus */
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); /* Blue glow ring */
}

.wjp-search-input-wrapper svg {
  width: 18px;                  /* Fixed size for consistency */
  height: 18px;
  fill: #9ca3af;                /* Grey icon color */
  margin-right: 12px;           /* Space between icon and text */
  flex-shrink: 0;               /* Prevents icon from squishing */
}

/* 4. Input Field Styling */
#wjp-search-box {
  border: none;                 /* Remove default border */
  outline: none;                /* Remove default outline */
  background: transparent;      /* See-through background */
  width: 100%;                  /* Take up remaining space */
  font-size: 16px;              /* Readable font size */
  color: #1f2937;               /* Dark text color */
}

/* 5. Placeholder Text Styling */
#wjp-search-box::placeholder {
  color: #9ca3af;               /* Lighter grey for placeholder */
}


/*==================== Left Menu Icons =========================================
=====================================================================*/

/* 1. Hide the old PNG images/icons */
.wpjobportaladmin-sidebar-menu .wpjobportaladmin-menu-icon {
    display: none !important;
}


/* 2. Base settings for Outline Menu Icons (Masking Logic) */
.wpjobportaladmin-sidebar-menu .treeview > a::before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 27px;
    margin-right: 12px;
    vertical-align: middle;
    
    /* MASK SETTINGS */
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: background-color 0.2s ease; /* Smooth color transition */
}

/* 3. HOVER & ACTIVE STATE (Must stay at the bottom or have high specificity) */
/* This ensures hover is ALWAYS Blue #4f46e5 regardless of the icon's base color */
.wpjobportaladmin-sidebar-menu .treeview.active > a::before,
.wpjobportaladmin-sidebar-menu .treeview > a:hover::before {
    background-color: #4f46e5 !important; 
}


/* --- ICON COLORS & SHAPES --- */

/* Dashboard (Blue-Purple) */
.wpjobportaladmin-menu-icon-dashboard::before {
    background-color: #6366f1; 
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>');
}

/* Jobs (Orange) */
.wpjobportaladmin-menu-icon-jobs::before {
    background-color: #f97316;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"></rect><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path></svg>');
}

/* Resume (Green) */
.wpjobportaladmin-menu-icon-resumes::before {
    background-color: #10b981;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>');
}

/* Companies (Teal) */
.wpjobportaladmin-menu-icon-companies::before {
    background-color: #06b6d4;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="2" width="16" height="20" rx="2" ry="2"></rect><line x1="9" y1="22" x2="9" y2="22.01"></line><line x1="15" y1="22" x2="15" y2="22.01"></line><line x1="12" y1="22" x2="12" y2="22.01"></line><line x1="12" y1="18" x2="12" y2="18.01"></line><line x1="9" y1="18" x2="9" y2="18.01"></line><line x1="15" y1="18" x2="15" y2="18.01"></line><line x1="9" y1="14" x2="9" y2="14.01"></line><line x1="12" y1="14" x2="12" y2="14.01"></line><line x1="15" y1="14" x2="15" y2="14.01"></line><line x1="9" y1="10" x2="9" y2="10.01"></line><line x1="12" y1="10" x2="12" y2="10.01"></line><line x1="15" y1="10" x2="15" y2="10.01"></line><line x1="9" y1="6" x2="9" y2="6.01"></line><line x1="12" y1="6" x2="12" y2="6.01"></line><line x1="15" y1="6" x2="15" y2="6.01"></line></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="4" y="2" width="16" height="20" rx="2" ry="2"></rect><line x1="9" y1="22" x2="9" y2="22.01"></line><line x1="15" y1="22" x2="15" y2="22.01"></line><line x1="12" y1="22" x2="12" y2="22.01"></line><line x1="12" y1="18" x2="12" y2="18.01"></line><line x1="9" y1="18" x2="9" y2="18.01"></line><line x1="15" y1="18" x2="15" y2="18.01"></line><line x1="9" y1="14" x2="9" y2="14.01"></line><line x1="12" y1="14" x2="12" y2="14.01"></line><line x1="15" y1="14" x2="15" y2="14.01"></line><line x1="9" y1="10" x2="9" y2="10.01"></line><line x1="12" y1="10" x2="12" y2="10.01"></line><line x1="15" y1="10" x2="15" y2="10.01"></line><line x1="9" y1="6" x2="9" y2="6.01"></line><line x1="12" y1="6" x2="12" y2="6.01"></line><line x1="15" y1="6" x2="15" y2="6.01"></line></svg>');
}

/* Configuration (Dark Gray) */
.wpjobportaladmin-menu-icon-configurations::before {
    background-color: #4b5563;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>');
}

/* Zwrap (#22d3ee) */
.wpjobportaladmin-menu-icon-zywrap::before {
   background-color: #22d3ee;
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='black'%3E%3C!-- Outer Hexagon --%3E%3Cpath d='M50 10 L85 28 L85 72 L50 90 L15 72 L15 28 Z' fill='none' stroke='black' stroke-width='6' stroke-linejoin='round' stroke-linecap='round' /%3E%3C!-- Bottom Gap Fix (Optional style) --%3E%3Cpath d='M45 92 L55 92' stroke='white' stroke-width='8' /%3E%3C!-- Brain/Cloud Shape --%3E%3Cpath d='M50 25 C65 25 75 35 75 50 C75 65 65 75 50 75 C35 75 25 65 25 50 C25 35 35 25 50 25' fill='none' stroke='black' stroke-width='6' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='10, 5' /%3E%3C!-- Text AI --%3E%3Ctext x='50' y='58' font-family='sans-serif' font-weight='bold' font-size='30' text-anchor='middle' fill='black'%3EAI%3C/text%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='black'%3E%3C!-- Outer Hexagon --%3E%3Cpath d='M50 10 L85 28 L85 72 L50 90 L15 72 L15 28 Z' fill='none' stroke='black' stroke-width='6' stroke-linejoin='round' stroke-linecap='round' /%3E%3C!-- Bottom Gap Fix (Optional style) --%3E%3Cpath d='M45 92 L55 92' stroke='white' stroke-width='8' /%3E%3C!-- Brain/Cloud Shape --%3E%3Cpath d='M50 25 C65 25 75 35 75 50 C75 65 65 75 50 75 C35 75 25 65 25 50 C25 35 35 25 50 25' fill='none' stroke='black' stroke-width='6' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='10, 5' /%3E%3C!-- Text AI --%3E%3Ctext x='50' y='58' font-family='sans-serif' font-weight='bold' font-size='30' text-anchor='middle' fill='black'%3EAI%3C/text%3E%3C/svg%3E");
}


/* Addons (Deep Purple) */
.wpjobportaladmin-menu-icon-addons::before {
    background-color: #8b5cf6;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>');
}



/* Shortcodes (Code Blue) */
.wpjobportaladmin-menu-icon-shortcodes::before {
    background-color: #3b82f6;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"></polyline><polyline points="8 6 2 12 8 18"></polyline></svg>');
}

/* Colors (Pink/Rose) */
.wpjobportaladmin-menu-icon-colors::before {
    background-color: #ec4899;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"></path></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z"></path></svg>');
}

/* Reports (Red) */
.wpjobportaladmin-menu-icon-reports::before {
    background-color: #ef4444;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="20" x2="18" y2="10"></line><line x1="12" y1="20" x2="12" y2="4"></line><line x1="6" y1="20" x2="6" y2="14"></line></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="20" x2="18" y2="10"></line><line x1="12" y1="20" x2="12" y2="4"></line><line x1="6" y1="20" x2="6" y2="14"></line></svg>');
}

/* Departments (Indigo) */
.wpjobportaladmin-menu-icon-departments::before {
    background-color: #4f46e5;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 2 7 12 12 22 7 12 2"></polygon><polyline points="2 17 12 22 22 17"></polyline><polyline points="2 12 12 17 22 12"></polyline></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 2 7 12 12 22 7 12 2"></polygon><polyline points="2 17 12 22 22 17"></polyline><polyline points="2 12 12 17 22 12"></polyline></svg>');
}

/* Cover Letters (Amber) */
.wpjobportaladmin-menu-icon-coverletters::before {
    background-color: #f59e0b;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg>');
}

/* Messages (Sky Blue) */
a[href*="wpjobportal_message"]::before {
    background-color: #0ea5e9;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>');
}

/* Packages (Gold/Yellow) */
a[href*="wpjobportal_package"]::before {
    background-color: #eab308;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>');
}

/* Address Data (Red-Orange) */
.wpjobportaladmin-menu-icon-addressdata::before, a[href*="wpjobportal_country"]::before {
    background-color: #f87171;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>');
}

/* Folders (Manila/Yellow-Orange) */
a[href*="wpjobportal_folder"]::before {
    background-color: #d97706;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path></svg>');
}

/* Job Types (Lime Green) */
.wpjobportaladmin-menu-icon-jobtypes::before {
    background-color: #84cc16;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>');
}

/* Job Status (Cyan) */
.wpjobportaladmin-menu-icon-jobstatus::before {
    background-color: #22d3ee;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>');
}

/* Highest Education (Violet) */
.wpjobportaladmin-menu-icon-highesteducation::before {
    background-color: #7c3aed;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 10v6M2 10l10-5 10 5-10 5z"></path><path d="M6 12v5c3 3 9 3 12 0v-5"></path></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 10v6M2 10l10-5 10 5-10 5z"></path><path d="M6 12v5c3 3 9 3 12 0v-5"></path></svg>');
}

/* Career Levels (Green-Blue) */
.wpjobportaladmin-menu-icon-careerlevels::before {
    background-color: #14b8a6;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg>');
}

/* Currency (Money Green) */
.wpjobportaladmin-menu-icon-currencies::before, .wpjobportaladmin-menu-icon-salaryrange::before {
    background-color: #16a34a;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg>');
}

/* Categories (Deep Orange) */
.wpjobportaladmin-menu-icon-categories::before {
    background-color: #ea580c;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>');
}

/* Tags (Purple) */
a[href*="wpjobportal_tag"]::before {
    background-color: #9333ea;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"></path><line x1="7" y1="7" x2="7.01" y2="7"></line></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"></path><line x1="7" y1="7" x2="7.01" y2="7"></line></svg>');
}

/* Users (Blue Group) */
.wpjobportaladmin-menu-icon-users::before {
    background-color: #2563eb;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>');
}

/* Email Templates (Yellow-Green) */
.wpjobportaladmin-menu-icon-emials::before {
    background-color: #a3e635;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>');
}

/* Help (Royal Blue) */
.wpjobportaladmin-menu-icon-help::before {
    background-color: #1e40af;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>');
}

/*==================left menu disabled======================
=========================================================*/

/* ==========================================================
   1. DISABLED STATE STYLING
   Targeting the specific class found in your HTML
   ========================================================== */

/* Gray out the text and link */
.wpjobportaladmin-menu-icon-disabled {
    cursor: not-allowed !important;
    opacity: 0.6 !important; /* Make it look faded */
    pointer-events: none; /* Prevent clicking */
}

/* Force the Icon to be Gray (overriding specific colors) */
.wpjobportaladmin-menu-icon-disabled::before {
    background-color: #9ca3af !important; /* Gray Color */
}

/* Disable Hover Effect for these items */
.wpjobportaladmin-menu-icon-disabled:hover::before {
    background-color: #9ca3af !important; /* Stay Gray on hover */
}

/* Force Text color to Gray */
.wpjobportaladmin-menu-icon-disabled .wpjobportaladmin-text {
    color: #9ca3af !important;
}

/* Optional: Add a Lock Icon next to the text */
.wpjobportaladmin-menu-icon-disabled::after {
    content: '';
    font-size: 11px;
    position: absolute;
    right: 15px;
    opacity: 0.7;
    filter: none !important;
}


/* ==========================================================
   2. ICON MAPPING FOR DISABLED CLASSES
   Connecting your specific classes (tags, credits, etc.) 
   to the SVG shapes defined previously.
   ========================================================== */

/* Messages */
/* Added: .wpjobportaladmin-menu-icon-messages */
a[href*="wpjobportal_message"]::before,
.wpjobportaladmin-menu-icon-messages::before {
    background-color: #0ea5e9; /* Default Color (Hidden by disabled rule above) */
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>');
}

/* Credits / Packages */
/* Added: .wpjobportaladmin-menu-icon-credits */
a[href*="wpjobportal_package"]::before,
.wpjobportaladmin-menu-icon-credits::before {
    background-color: #eab308;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>');
}

/* Folder */
/* Added: .wpjobportaladmin-menu-icon-folders */
a[href*="wpjobportal_folder"]::before,
.wpjobportaladmin-menu-icon-folders::before {
    background-color: #d97706;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"></path></svg>');
}

/* Tags */
/* Added: .wpjobportaladmin-menu-icon-tags */
a[href*="wpjobportal_tag"]::before,
.wpjobportaladmin-menu-icon-tags::before {
    background-color: #9333ea;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"></path><line x1="7" y1="7" x2="7.01" y2="7"></line></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"></path><line x1="7" y1="7" x2="7.01" y2="7"></line></svg>');
}

/* Departments */
/* Added: .wpjobportaladmin-menu-icon-departments (Existing, just ensuring it matches) */
.wpjobportaladmin-menu-icon-departments::before {
    background-color: #4f46e5;
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 2 7 12 12 22 7 12 2"></polygon><polyline points="2 17 12 22 22 17"></polyline><polyline points="2 12 12 17 22 12"></polyline></svg>');
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 2 7 12 12 22 7 12 2"></polygon><polyline points="2 17 12 22 22 17"></polyline><polyline points="2 12 12 17 22 12"></polyline></svg>');
}

/*==================Post Installation======================
=========================================================*/


/* post installation */
div.wpjobportal-post-installation-wrp div#wpjobportal-head {padding-left: 26.5%;}
div.wpjobportal-post-installation-wrp div.wpjobportal-post-installation {width: 100%;gap: 30px;display: flex;flex-wrap: wrap;align-items: flex-start; padding: 30px 30px 50px;background: linear-gradient(90deg, rgba(79, 70, 229, 1) 0%, rgba(14, 23, 199, 1) 50%, rgba(80, 35, 210, 1) 100%);}
div.wpjobportal-post-installation div.wpjobportal-post-menu {display: flex;flex-direction: column; padding: 30px 20px; width:calc(340px - 30px);background: #fff;border-radius: 25px;background-image: url("../../includes/images/postinstallation/menu_bg.png");background-size: contain;background-position:0 100%;background-repeat: no-repeat;box-shadow: 0 0px 30px #061d42;min-height: 763px;border-bottom: 6px solid #32373c;}
div.wpjobportal-post-installation div.wpjobportal-post-menu ul {list-style: none;margin: 0;padding: 0;}
div.wpjobportal-post-installation-wrp .wpjobportal-post-installation-logowrp{display: flex;align-items: center;justify-content: center;}
div.wpjobportal-post-installation-wrp .wpjobportal-post-installation-logowrp img{max-width: 100%;max-height: 100%;width: 200px;height: auto;margin-bottom: 40px;}
div.wpjobportal-post-installation div.wpjobportal-post-menu ul li {margin: 0;padding:5px 0;}
div.wpjobportal-post-installation div.wpjobportal-post-menu ul li:not(:last-child){border-bottom: 1px solid #dfdfdf;}
div.wpjobportal-post-installation div.wpjobportal-post-menu ul li a {display:flex;align-items: center;justify-content: space-between;flex-wrap: wrap; width: 100%;padding:14px 10px;text-decoration: none;color: #001738;}
div.wpjobportal-post-installation div.wpjobportal-post-menu ul li a span{display: flex;align-items: center;}
div.wpjobportal-post-installation div.wpjobportal-post-menu ul li a .wpjobportal-post-installation-white-arrowicon{display: none;}
div.wpjobportal-post-installation div.wpjobportal-post-menu ul li.active a .wpjobportal-post-installation-white-arrowicon{display: inline-block;}
div.wpjobportal-post-installation div.wpjobportal-post-menu ul li a:hover {color: #026ef8;}
div.wpjobportal-post-installation div.wpjobportal-post-menu ul li.active a {background: linear-gradient(90deg, rgba(79, 70, 229, 1) 0%, rgba(14, 23, 199, 1) 50%, rgba(80, 35, 210, 1) 100%);color: #fff;border-radius: 4px;width: 100%;}
div.wpjobportal-post-installation div.wpjobportal-post-menu ul li.active a:hover {color: #fff !important;}
div.wpjobportal-post-installation div.wpjobportal-post-menu ul li a .wpjobportal-post-installation-white-icon{display: none;}
div.wpjobportal-post-installation div.wpjobportal-post-menu ul li.active a .wpjobportal-post-installation-lfticon{display: none;}
div.wpjobportal-post-installation div.wpjobportal-post-menu ul li.active a .wpjobportal-post-installation-white-icon{display:flex;align-items: center;}
div.wpjobportal-post-installation div.wpjobportal-post-menu ul li a img {margin-right: 10px;}
div.wpjobportal-post-installation div.wpjobportal-post-data {display: flex;flex-direction: column;flex-wrap: wrap; width: calc(100% - 340px);padding: 30px;background: #fff;box-shadow: 0 0 3px 2px rgba(0,0,0,0.2);border-radius: 35px;background-image: url("../../includes/images/postinstallation/quickstrt_bg.png");background-size: contain;background-position:0 100%;background-repeat: no-repeat;border-bottom: 6px solid #32373c;min-height: 763px;}
div.wpjobportal-post-installation div.wpjobportal-post-data div.wpjobportal-post-heading {float: left;font-size: 28px;line-height: 40px; font-weight: bold;}
div.wpjobportal-post-installation div.wpjobportal-post-data div.wpjobportal-post-heading-wrp{display: flex;align-items: center;justify-content: space-between;padding-bottom: 15px;margin-bottom: 30px;border-bottom: 1px solid #dfdfdf;}
div.wpjobportal-post-installation div.wpjobportal-post-data div.wpjobportal-post-heading-wrp .wpjobportal-post-head-rightbtns-wrp{display: flex;justify-content: center;gap:5px;min-width: fit-content;}
div.wpjobportal-post-installation div.wpjobportal-post-data div.wpjobportal-post-heading-wrp .wpjobportal-post-head-pagestep{display: flex;align-items: center;justify-content:center;background-color: #373435;color: #fff;font-size: 18px;padding:15px 20px;border-radius: 6px;font-weight: bold;}
div.wpjobportal-post-installation div.wpjobportal-post-data div.wpjobportal-post-heading-wrp .wpjobportal-post-head-closebtn{display: flex;align-items: center;border: 2px solid #974244;justify-content: center;padding:5px 8px;border-radius: 8px;}
div.wpjobportal-post-installation div.wpjobportal-post-data div.wpjobportal-post-heading-wrp .wpjobportal-post-head-closebtn img{max-width: 80%;max-height: 100%;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row {float: left;width: 100%;padding: 15px 0 30px;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-tit {float: left;width: 25%;padding: 10px 40px 10px 10px;height: 45px;color: #3f3e3e;text-align: right;font-weight: bold;font-size: 15px;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val {float: left;width: 75%;color: #6c757d;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val.wpjobportal-post-val-user-list {min-width: 150px;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val.wpjobportal-post-val-user-list .chosen-container{width: 65% !important;float: left;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row a.wpjobportal-post-create-user-btn {margin-left: 5px; background: linear-gradient(90deg, rgba(79, 70, 229, 1) 0%, rgba(14, 23, 199, 1) 50%, rgba(80, 35, 210, 1) 100%);color: #fff;border: 1px solid #026ef8;display: flex;align-items: center;justify-content: center; width: 110px;text-align: center;text-decoration: none;border-radius: 0;height: 45px;font-size: 16px !important;line-height: initial;box-shadow: unset;float: left;min-width: 120px;border-radius: 6px;font-weight: bold;border-bottom: 2px solid #32373c;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row a.wpjobportal-post-create-user-btn:hover{color: white !important;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row span.wpjobportal-post-refresh-btn {margin-left: 5px; background: #32373c;color: #fff;border: 1px solid #32373c;display: flex;align-items: center;justify-content: center; width: 80px;text-align: center;text-decoration: none;border-radius: 0;height: 45px;font-size: 16px !important;line-height: initial;box-shadow: unset;cursor: pointer;float: left;min-width: 100px;border-radius: 6px;font-weight: bold;border-bottom: 2px solid #32373c;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val input[type="text"],
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val input[type="password"] {float: left;width: 100%;border-radius: 6px; height: 45px;padding: 10px;margin: 0;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #dfdfdf;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val input[type="text"]:focus,
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val input[type="password"]:focus{box-shadow:0 0 20px #d3d2d2;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val select {float: left;height: 45px !important;line-height: initial;border-radius: 6px;width: 100%;max-width: 100%;padding: 10px;margin: 0;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #dfdfdf;background-image: url('../../includes/images/selecticonb.png');background-repeat: no-repeat;background-position: calc(100% - 15px);-webkit-appearance: none;-moz-appearance: none;appearance: none;background-size: 16px;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val select:focus{box-shadow:0 0 20px #d3d2d2;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val .wpjobportal-post-smpledata-infowrp{display: flex;align-items: center;width:fit-content;max-width: 100%; padding: 10px;border: 1px solid #bbd8ff;background-color: #edf5ff;float: left;margin: 10px 0;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val .wpjobportal-post-smpledata-infowrp img{margin-right: 10px;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-help-text {float: left;width: 100%;padding-top: 5px;color: #6c757d;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-text {padding: 10px;height: 45px;color: #6c757d;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row .chosen-results{float: left;width: 100%;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row .chosen-single{height: 45px !important;font-size: 14px;color: #6c757d !important;background: #f8fafc !important;border: 1px solid #dfdfdf !important;border-radius: 0 !important;padding: 10px !important;background-image: url('../../includes/images/selecticonb.png');background-repeat: no-repeat;background-position: calc(100% - 15px);-webkit-appearance: none;-moz-appearance: none;appearance: none;background-size: 16px;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row .chosen-single.active-shadow{ box-shadow: 0 0 20px #d3d2d2 !important;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row .chosen-container-single .chosen-single div {width: 33px !important;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row .chosen-container-single .chosen-single div b{background-image: url('../../includes/images/selecticonb.png');background-repeat: no-repeat;background-position: calc(100% - 15px);-webkit-appearance: none;-moz-appearance: none;appearance: none;background-size: 16px;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-action-btn {width: 100%;text-align: right;padding:60px 0 70px 0;display: flex;align-items: center;justify-content: center;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-action-btn .wpjobportal-post-act-btn {display: inline-block;padding: 15px 30px;text-align: center;text-decoration: none;border-radius: 0;height: auto;font-size: 16px !important;line-height: initial;box-shadow: unset;width: calc(50% - 5px);float: left;font-weight: bold;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-action-btn .wpjobportal-post-act-btn.back-step {background: #32373c;color: #fff;border: 1px solid #32373c;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-action-btn .wpjobportal-post-act-btn.back-step:hover {background: #fff;color: #32373c;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-action-btn .wpjobportal-post-act-btn.next-step {background: linear-gradient(90deg, rgba(79, 70, 229, 1) 0%, rgba(14, 23, 199, 1) 50%, rgba(80, 35, 210, 1) 100%);color: #fff;border: 1px solid #026ef8;width: 80%;border-bottom: 2px solid #32373c;border-radius: 6px;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-action-btn .wpjobportal-post-act-btn.next-step:hover {background: #fff;color: #026ef8;border-color: #026ef8;}
div.wpjobportal-post-installation div.wpjobportal-post-data form .wpjobportal-post-data-subtitle{display: flex;align-items: center;justify-content: center;text-align: center;font-size: 22px;line-height: 35px;margin-bottom: 20px;font-weight: bold;}
div.wpjobportal-post-installation div.wpjobportal-post-data .wpjobportal-post-card-mainwrp{display: flex;align-items:flex-start;justify-content: space-between;border: 1px solid #ebeced;padding: 60px 20px 30px;background-color: #fff;border-bottom: 4px solid #32373c;border-radius: 6px;width: 100%;}
div.wpjobportal-post-installation div.wpjobportal-post-data form .wpjobportal-post-show-default-user-form .wpjobportal-post-val.wpjobportal-post-val-user-list{display: flex;align-items: center;flex-wrap: wrap;gap: 5px;}
div.wpjobportal-post-installation div.wpjobportal-post-data form#wpjobportal-form-ins .wpjobportal-post-heading{float: left;font-size: 24px;line-height: 40px;font-weight: bold;padding-bottom: 10px;border-bottom: 1px solid #dfdfdf;width: 100%;margin-bottom: 40px;}
div.wpjobportal-post-installation div.wpjobportal-post-data .wpjobportal-post-cmpletesetup-wrp{display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;text-align:center;flex-direction: column;padding-top: 50px;}
div.wpjobportal-post-installation div.wpjobportal-post-data .wpjobportal-post-cmpletesetup-wrp .wpjobportal-post-cmpletesetup-title{font-size: 22px;font-weight: bold;line-height: 35px;padding: 30px 0;}
div.wpjobportal-post-installation div.wpjobportal-post-data .wpjobportal-post-cmpletesetup-wrp .wpjobportal-post-action-btn .wpjobportal-post-act-btn{display: inline-block;padding: 15px 0px;background: linear-gradient(90deg, rgba(79, 70, 229, 1) 0%, rgba(14, 23, 199, 1) 50%, rgba(80, 35, 210, 1) 100%);color: #fff;border-radius: 6px;width: 40%;max-width: 100%;border: 1px solid #026ef8;font-size: 16px; border-bottom: 2px solid #32373c;font-weight: bold;text-decoration: unset;}
div.wpjobportal-post-installation div.wpjobportal-post-data .wpjobportal-post-cmpletesetup-wrp .wpjobportal-post-action-btn .wpjobportal-post-act-btn:hover{background: #fff;color: #026ef8;border-color: #026ef8;}
div.wpjobportal-post-installation div.wpjobportal-post-data .wpjobportal-post-cmpletesetup-wrp .wpjobportal-post-action-btn{width: 100%;display: flex;align-items: center;justify-content: center;}
div.wpjobportal-post-installation div.wpjobportal-post-data .wpjobportal-post-selected-image{display: none;align-items: center;min-height: 45px;padding-left: 10px;}
.wpjobportal-post-employer-mode-selection-btn {width: 50px;height: 26px;border-radius: 13px;background-color: #f0f0f0;border: 1px solid #000;position: relative;cursor: pointer;padding: 0;}
.wpjobportal-post-employer-mode-selection-circle {width: 22px;height: 22px;background-color: #000;border-radius: 50%;position: absolute;top: 1px;left: 1px;transition: left 0.2s ease;}
.wpjobportal-post-employer-mode-selection-btn.active .wpjobportal-post-employer-mode-selection-circle {left: 25px;background-color: #026ef8;}
.wpjobportal-post-employer-mode-selection-btn.active{border-color:#026ef8;}
.wpjobportal-post-data-row .wpjobportal-post-val select#cur_location,
 .wpjobportal-post-data-row .wpjobportal-post-val select#date_format{width: 100%;}
/* postinstalltion new scree   */
.wpjobportal-post-employer-mode-wrap{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;gap: 20px;}
.wpjobportal-post-employer-mode-section-title{text-align: center;color: #000;font-size: 25px;line-height: initial;margin: 0;font-weight: bold;padding: 10px 0}
.wpjobportal-post-employer-mode-single{float: left;display: flex;align-items: center;flex-wrap: wrap;flex-direction:column;width: 45%;}
.wpjobportal-post-employer-mode-single-img-wrap{text-align: center;width: 180px;height: 160px;border: 1px solid #ebeced;display: flex;align-items: center;justify-content: center;text-align: center;bottom: -40px;position: relative;background-color: #fff;}
.wpjobportal-post-employer-mode-single-img-wrap img{display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;}
.wpjobportal-post-employer-mode-single-title{color: #000;font-size: 20px;line-height: initial;margin: 0;font-weight: 500;padding: 15px 0 8px}
.wpjobportal-post-employer-mode-single-desc{float: left;width: 100%;color: #6c757d;font-size: 13px;line-height: 25px;}
.wpjobportal-post-employer-mode-single-btn{text-align: center;padding-top: 15px;display: inline-block;}
.wpjobportal-post-employer-mode-single-btn button{display: inline-block;font-size: 16px;padding: 12px 20px;font-weight: bold;cursor: pointer;}
div.wpjobportal-post-installation div.wpjobportal-post-data .wpjobportal-post-employer-mode-single.wpj-is-selected .wpjobportal-post-card-mainwrp{border-color:#026ef8;box-shadow:0 2px 15px #026ef8;}
div.wpjobportal-post-installation div.wpjobportal-post-data .wpjobportal-post-employer-mode-single.wpj-is-selected .wpjobportal-post-employer-mode-single-img-wrap{border-color: #026ef8;}


/*------------------- fillter-----------------------------------------*/

.wpjobportal-filter-form  .wpjobportal-extra-filter-fields {
    display: none;
}
.wpjobportal-form-act-msg {
    /* Layout & Spacing */
    display: block;
    padding: 12px 15px;
    margin: 15px 0;
    
    /* Colors (Warning Yellow Theme) */
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffeeba;
    
    /* Borders & Shadow */
    border-radius: 4px;
    border-left: 5px solid #ffeeba; /* Thicker left border for emphasis */
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);

    /* Text Styling */
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

/* Optional: Adds a warning icon before the text automatically */
.wpjobportal-form-act-msg::before {
    content: "\26A0"; /* Unicode for Warning Triangle (⚠) */
    font-weight: bold;
    margin-right: 8px;
    font-size: 16px;
    vertical-align: middle;
}
.wpjobportal-city-data-load-data-box-css img{
   max-width: 50%;
}
/*------------------------- import data------------------ */
/* Table Container and General Styling */
.wpjobportal-import-data-result-import-table {
    width: 100%;
    border-collapse: separate; /* Required for border-radius */
    border-spacing: 0;
    margin: 20px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 8px; /* Modern rounded corners */
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Header Styling */
.wpjobportal-import-data-result-import-table thead tr th {
 background-color: var(--wjp-color-primary);
    border-bottom: 2px solid var(--wjp-border-color);
    padding: 16px 20px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-bottom: 2px solid #4338ca;
    text-align: center !important; /* Force center alignment */
}

/* Specific alignment for the first column header (Entity) */
.wpjobportal-import-data-result-import-table thead tr th:first-child {
    text-align: left !important;
    width: 40% !important; /* Adjusted for better spacing */
}

/* Body Row Styling */
.wpjobportal-import-data-result-import-table tbody tr {
    transition: background-color 0.2s ease;
}

.wpjobportal-import-data-result-import-table tbody tr:hover {
    background-color: #f9fafb; /* Subtle hover effect */
}

/* Cell Styling */
.wpjobportal-import-data-result-import-table tbody tr td {
    padding: 16px 20px;
    border-bottom: 1px solid #f3f4f6;
    color: #000000; /* Secondary Color */
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
}

/* First Column (Entity Name) specific styling */
.wpjobportal-import-data-result-import-table tbody tr td:first-child {
        padding: 1rem 1.5rem;
    font-size: var(--wjp-font-size-base);
    color: var(--wjp-text-dark);
    vertical-align: top;
}
.wpjobportal-import-data-result-import-table th{
   color:#fff;
}
/* Status Column Styling - Modern "Badge" look */

/* Success Column */
.wpjobportal-import-data-result-import-table .wpjobportal-import-data-result-success {
    text-align: center;
    color: #166534; /* Dark Green Text */
    background-color: #f0fdf4; /* Light Green BG */
    border-left: 1px solid #ffffff;
}

/* Similar/Skipped Column */
.wpjobportal-import-data-result-import-table .wpjobportal-import-data-result-similar {
    text-align: center;
    color: #9a3412; /* Dark Orange Text */
    background-color: #fff7ed; /* Light Orange BG */
    border-left: 1px solid #ffffff;
}

/* Failed Column */
.wpjobportal-import-data-result-import-table .wpjobportal-import-data-result-failed {
    text-align: center;
    color: #991b1b; /* Dark Red Text */
    background-color: #fef2f2; /* Light Red BG */
    border-left: 1px solid #ffffff;
}

/* Last Row Border Fix */
.wpjobportal-import-data-result-import-table tbody tr:last-child td {
    border-bottom: none;
}
@media screen and (max-width: 1280px){
    /* post installation */
div.wpjobportal-post-installation div.wpjobportal-post-menu{width: calc(300px - 30px);}
div.wpjobportal-post-installation div.wpjobportal-post-data{width: calc(100% - 300px);}
.wpjobportal-post-employer-mode-single{width: 85%;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-tit{width: 34%;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val{width: 66%;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val input[type="text"], div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val input[type="password"], div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val select{width: 85%;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val.wpjobportal-post-val-user-list .chosen-container{width: 85% !important;}
div.wpjobportal-post-installation div.wpjobportal-post-data .wpjobportal-post-cmpletesetup-wrp .wpjobportal-post-action-btn .wpjobportal-post-act-btn{width: 60%;}
}
/* =========================================
   MEDIA QUERY: 1080px (Laptops)
   ========================================= */
@media screen and (max-width: 1080px) {
    .wpjobportal-import-data-result-import-table {
        margin: 15px 0;
    }
    
    .wpjobportal-import-data-result-import-table tbody tr td {
        padding: 12px 14px; /* Slightly compact padding */
    }
}

@media (max-width: 1079px){
/* post installation */
div.wpjobportal-post-installation div.wpjobportal-post-data div.wpjobportal-post-heading-wrp{flex-wrap: wrap;}
div.wpjobportal-post-installation div.wpjobportal-post-data div.wpjobportal-post-heading{width: 100%;margin-bottom: 10px;}
div.wpjobportal-post-installation-wrp div.wpjobportal-post-installation{gap: 20px;padding: 30px 20px 50px;}
div.wpjobportal-post-installation div.wpjobportal-post-data{width: calc(100% - 280px);}
div.wpjobportal-post-installation div.wpjobportal-post-menu{width: calc(290px - 30px);}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-tit{width: 40%;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val{width: 60%;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val input[type="text"], div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val input[type="password"], div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val select{width: 100%;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val.wpjobportal-post-val-user-list .chosen-container{width: 100% !important;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val .wpjobportal-post-smpledata-infowrp{align-items: flex-start;}
div.wpjobportal-post-installation div.wpjobportal-post-data .wpjobportal-post-cmpletesetup-wrp .wpjobportal-post-action-btn .wpjobportal-post-act-btn{width: 70%;}
}
/* =========================================
   MEDIA QUERY: 767px (Tablets)
   ========================================= */
@media screen and (max-width: 767px) {
    .wpjobportal-import-data-result-import-table thead tr th {
        font-size: 12px;
        padding: 10px;
    }

    .wpjobportal-import-data-result-import-table tbody tr td {
        font-size: 13px;
        padding: 10px;
    }
    
    /* Reduce width of first column to give numbers more space */
    .wpjobportal-import-data-result-import-table thead tr th:first-child {
        width: 30%;
    }
}


/* =========================================
   MEDIA QUERY: 650px & 480px (Mobile Card View)
   ========================================= */
/* Combining 650px and 480px because standard tables break at 650px usually */
@media screen and (max-width: 650px) {

    /* Force table to not behave like a table */
    .wpjobportal-import-data-result-import-table, 
    .wpjobportal-import-data-result-import-table tbody, 
    .wpjobportal-import-data-result-import-table tr, 
    .wpjobportal-import-data-result-import-table td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }

    /* Hide Header Row */
    .wpjobportal-import-data-result-import-table thead {
        display: none;
    }

    /* Style each Row as a "Card" */
    .wpjobportal-import-data-result-import-table tbody tr {
        margin-bottom: 15px;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }

    /* Style Cells to look like list items */
    .wpjobportal-import-data-result-import-table tbody tr td {
        text-align: right; /* Value on right */
        padding: 12px 15px;
        position: relative;
        border-bottom: 1px solid #f3f4f6;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    /* Remove background colors from cells in card view to keep it clean, 
       or keep them if you prefer. Here I reset them for a cleaner card look 
       but keep text color for status. */
    .wpjobportal-import-data-result-import-table .wpjobportal-import-data-result-success,
    .wpjobportal-import-data-result-import-table .wpjobportal-import-data-result-similar,
    .wpjobportal-import-data-result-import-table .wpjobportal-import-data-result-failed {
        background-color: transparent; 
    }

    /* Add Labels via CSS (Since headers are hidden) */
    
    /* 1. Entity Name (Top of card) */
    .wpjobportal-import-data-result-import-table tbody tr td:first-child {
        background-color: #4f46e5;
        color: #fff;
        font-weight: bold;
        text-align: left;
        border-radius: 7px 7px 0 0;
        justify-content: flex-start;
    }
    
    /* 2. Imported Label */
    .wpjobportal-import-data-result-import-table tbody tr td:nth-of-type(2)::before {
        content: "Imported";
        font-weight: 600;
        color: #000;
        float: left;
    }

    /* 3. Similar Label */
    .wpjobportal-import-data-result-import-table tbody tr td:nth-of-type(3)::before {
        content: "Similar Found";
        font-weight: 600;
        color: #000;
        float: left;
    }

    /* 4. Not Imported Label */
    .wpjobportal-import-data-result-import-table tbody tr td:nth-of-type(4)::before {
        content: "Not Imported";
        font-weight: 600;
        color: #000;
        float: left;
    }
    
    /* Last border removal */
    .wpjobportal-import-data-result-import-table tbody tr td:last-child {
        border-bottom: none;
    }
    /* post installation */
div.wpjobportal-post-installation-wrp div#wpjobportal-head {padding-left: 25px;}
div.wpjobportal-post-installation div.wpjobportal-post-menu {margin-top: 0;width: 100%;min-height: unset;background-image: unset;}
div.wpjobportal-post-installation div.wpjobportal-post-data {width: 100%;margin: 0;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-action-btn {text-align: center;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-tit {width: 100%;padding-left: 0;padding-right: 0;text-align: start;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row{padding-bottom: 15px;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val {width: 100%;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val.wpjobportal-post-val-user-list {width: 100%;margin-bottom: 15px;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-text {padding-left: 0;padding-right: 0;}

}

/* =========================================
   MEDIA QUERY: 480px (Small Mobile)
   ========================================= */
@media screen and (max-width: 480px) {
    /* Tighten margins for very small screens */
    .wpjobportal-import-data-result-import-table {
        margin: 10px 0;
    }
    
    .wpjobportal-import-data-result-import-table tbody tr td {
        font-size: 13px;
        padding: 10px 12px;
    }
    /* post installation */
div.wpjobportal-post-installation-wrp div#wpjobportal-head {padding-left: 25px;}
div.wpjobportal-post-installation div.wpjobportal-post-menu {margin-top: 0;width: 100%;min-height: unset;background-image: unset;padding: 20px 10px;}
div.wpjobportal-post-installation div.wpjobportal-post-data {width: 100%;margin: 0;padding: 20px 10px;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-action-btn {text-align: center;padding: 30px 0 40px;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row{padding-bottom: 15px;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-tit {width: 100%;padding-left: 0;padding-right: 0;text-align: start;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val {width: 100%;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-val.wpjobportal-post-val-user-list {width: 100%;margin-bottom: 15px;}
div.wpjobportal-post-installation div.wpjobportal-post-data form div.wpjobportal-post-data-row div.wpjobportal-post-text {padding-left: 0;padding-right: 0;}
.wpjobportal-post-employer-mode-single{width: 100%;}
/* resume */
.wpjobportal-resume-cnt-wrp{flex-wrap:wrap;}
}
div#wpjobportal-admin-wrapper div.wpjobportal-admin--backlink-wrap a.wpjobportal-admin--backlink-wrap{display: inline-block;padding: 10px 20px;background: #148544;margin-top: 24px;color: #fff;border-radius: 6px;}
div#wpjobportal-admin-wrapper div.wpjobportal-admin--backlink-wrap a.wpjobportal-admin--backlink-wrap:hover{background:#000;}


/* sample data importer new style*/
div#wpjobportaladmin-wrapper div.wpjobportal-temp-sample-data-wrapper{display: inline-block;
    text-align: center;
    background: #fafafa;
    width: 100%;
    padding: 25px;
    margin: 10px;
    margin-left:-70px;

}
div#wpjobportaladmin-wrapper div.wpjobportal-temp-sample-data-wrapper div.wpjobportal-temp-sample-data-content {display: inline-block;width: 100%;background: linear-gradient(0deg,rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url(../images/postinstallation/sample-data-bg.jpg);background-size:100% 100% ;max-height: 550px;}
div#wpjobportaladmin-wrapper div.wpjobportal-temp-sample-data-wrapper div.wpjobportal-temp-sample-data-content div.wpjobportal-temp-sample-data-content-left {display: inline-block;width: 45%;float: left;padding:8% 35px;text-align: left;}
div#wpjobportaladmin-wrapper div.wpjobportal-temp-sample-data-wrapper div.wpjobportal-temp-sample-data-content div.wpjobportal-temp-sample-data-content-left div.wpjobportal-temp-sample-data-content-demo-title {display: inline-block;width: 100%;font-size: 30px;color:#fff;padding:7px 0px;line-height: 40px;}
div#wpjobportaladmin-wrapper div.wpjobportal-temp-sample-data-wrapper div.wpjobportal-temp-sample-data-content div.wpjobportal-temp-sample-data-content-left div.wpjobportal-temp-sample-data-content-demo-combo {display: inline-block;width: 100%;padding:12px 0px;}
div#wpjobportaladmin-wrapper div.wpjobportal-temp-sample-data-wrapper div.wpjobportal-temp-sample-data-content div.wpjobportal-temp-sample-data-content-left div.wpjobportal-temp-sample-data-content-demo-combo select {display: inline-block;width: 100%;height: 45px;}
div#wpjobportaladmin-wrapper div.wpjobportal-temp-sample-data-wrapper div.wpjobportal-temp-sample-data-content div.wpjobportal-temp-sample-data-content-left div.wpjobportal-temp-sample-data-content-demo-desc {display: inline-block;width: 100%;font-size: 18px;color:#fff;padding:7px 0px;line-height: 28px;}
div#wpjobportaladmin-wrapper div.wpjobportal-temp-sample-data-wrapper div.wpjobportal-temp-sample-data-content div.wpjobportal-temp-sample-data-content-left div.wpjobportal-temp-sample-data-content-demo-overwrite {display: inline-block;width: 100%;padding:12px 0px;}
div#wpjobportaladmin-wrapper div.wpjobportal-temp-sample-data-wrapper div.wpjobportal-temp-sample-data-content div.wpjobportal-temp-sample-data-content-left div.wpjobportal-temp-sample-data-content-demo-overwrite label {display: inline-block;width: 100%;padding-bottom:5px;color: #fff;}
div#wpjobportaladmin-wrapper div.wpjobportal-temp-sample-data-wrapper div.wpjobportal-temp-sample-data-content div.wpjobportal-temp-sample-data-content-left div.wpjobportal-temp-sample-data-content-demo-overwrite #demo_warning {display: inline-block;width: 100%;font-size: 15px;color: #fff;}
div#wpjobportaladmin-wrapper div.wpjobportal-temp-sample-data-wrapper div.wpjobportal-temp-sample-data-content div.wpjobportal-temp-sample-data-content-left div.wpjobportal-temp-sample-data-content-demo-button {display: inline-block;width: 100%;padding:12px 0px;}
div#wpjobportaladmin-wrapper div.wpjobportal-temp-sample-data-wrapper div.wpjobportal-temp-sample-data-content div.wpjobportal-temp-sample-data-content-left div.wpjobportal-temp-sample-data-content-demo-button input {display: inline-block;padding: 10px 15px;background: #0073aa;color: #fff;border: none;cursor: pointer;}
div#wpjobportaladmin-wrapper div.wpjobportal-temp-sample-data-wrapper div.wpjobportal-temp-sample-data-content div.wpjobportal-temp-sample-data-content-right {display: inline-block;width: 55%;float: left;}
div#wpjobportaladmin-wrapper div.wpjobportal-temp-sample-data-wrapper div.wpjobportal-temp-sample-data-content div.wpjobportal-temp-sample-data-content-right div.wpjobportal-temp-sample-data-content-image-wrapper {display: inline-block;width: 100%;text-align: center;margin-top: 30px;max-height: 504px;}
div#wpjobportaladmin-wrapper div.wpjobportal-temp-sample-data-wrapper div.wpjobportal-temp-sample-data-content div.wpjobportal-temp-sample-data-content-right div.wpjobportal-temp-sample-data-content-image-wrapper img {display: inline-block;width: auto;max-width: 100%;}
div#wpjobportaladmin-wrapper div.wpjobportal-sample-data-loading {display: inline-block;width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right:0;background: rgba(0,0,0,0.7);}
div#wpjobportaladmin-wrapper div.wpjobportal-sample-data-loading img {display: inline-block;;position: absolute;top: 0;bottom: 0;left: 0;right:0;margin: auto;}


.wpjobportal-form-wrapper.js-form-custm-flds-wrp.visible{
   display: none;
}
div#wpjobportal-popup-background {display: none;position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 9998;background: rgba(0,0,0,0.5);}
div#wpjobportal-popup {display: none;box-sizing: border-box;position: fixed;top: 50%;left: 50%;width: 50%;z-index: 9999;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);background: #fff;}
div#wpjobportal-popup.wpjobportal-pkg-popup span.popup-top {float: left;width: 100%;background: var(--wjp-color-primary);padding: 15px;}
div#wpjobportal-popup.wpjobportal-pkg-popup span.popup-top span#popup_title {float: left;color: #fff;font-weight: bold;font-size: 20px;line-height: initial;text-transform: capitalize;}
div#wpjobportal-popup.wpjobportal-pkg-popup span.popup-top span#popup_help_text {float: left;color: #fff;font-weight: normal;font-size: 14px;line-height: initial;text-transform: capitalize;margin: 5px 0 0 15px;}
div#wpjobportal-popup.wpjobportal-pkg-popup span.popup-top img#popup_cross {float: right;cursor: pointer;}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea {float: left;width: 100%;padding: 15px;}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.packages-wrp {float: left;width: 100%;}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.packages-wrp div.pkg-item {float: left;width: calc(100% / 2 - 10px);margin: 0 5px 20px;text-align: center;border: 1px solid #d1d3d3;}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.packages-wrp div.pkg-item.pkg-selected {border-color: var(--wjp-color-primary);}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.packages-wrp div.pkg-item div.pkg-item-top {float: left;width: 100%;padding: 15px;border-bottom: 1px solid #d1d3d3;background: #f8fafc;}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.packages-wrp div.pkg-item.pkg-selected div.pkg-item-top {border-color: var(--wjp-color-primary);}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.packages-wrp div.pkg-item div.pkg-item-top div.pkg-item-title {font-size: 16px;font-weight: bold;color: #23282d;}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.packages-wrp div.pkg-item div.pkg-item-btm {float: left;width: 100%;font-size: 14px;padding: 10px 50px 20px;}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.packages-wrp div.pkg-item div.pkg-item-btm div.pkg-item-row {float: left;width: 100%;padding: 10px;}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.packages-wrp div.pkg-item div.pkg-item-btm div.pkg-item-row:first-child {border-top: 0px;}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.packages-wrp div.pkg-item div.pkg-item-btm div.pkg-item-row div.pkg-item-tit {display: inline-block;color: #6c757d;}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.packages-wrp div.pkg-item div.pkg-item-btm div.pkg-item-row div.pkg-item-val {display: inline-block;margin-left: 5px;color: #23282d;}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.packages-wrp div.pkg-item div.pkg-item-btm div.pkg-item-btn-row {float: left;width: 100%;}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.packages-wrp div.pkg-item div.pkg-item-btm div.pkg-item-btn-row .pkg-item-btn {display: inline-block;width: 100%;font-size: 14px;padding: 7px 10px;line-height: 30px;text-decoration: none;background: #f8fafc;color: #23282d;border: 1px solid #d1d3d3;}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.packages-wrp div.pkg-item.pkg-selected div.pkg-item-btm div.pkg-item-btn-row .pkg-item-btn {background: var(--wjp-color-primary);color: #fff;border-color: var(--wjp-color-primary);}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.packages-wrp div.pkg-item div.pkg-item-btm div.pkg-item-btn-row .pkg-item-btn:hover {background: var(--wjp-color-primary);color: #fff;border-color: var(--wjp-color-primary);}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.popup-act-btn-wrp {width: 100%;text-align: center;padding: 15px;margin: 0}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.popup-act-btn-wrp .popup-act-btn {display: inline-block;padding: 15px 35px;margin: 0 3px;text-decoration: none;border-radius: unset;height: auto;line-height: inherit;font-size: 14px;}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.popup-act-btn-wrp .popup-act-btn.proceed-without-paying {border: 1px solid var(--wjp-color-primary);color: #fff;background-color: var(--wjp-color-primary);}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.popup-act-btn-wrp .popup-act-btn.proceed-without-paying:hover {color: var(--wjp-color-primary);background-color: #fff;}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.popup-act-btn-wrp .popup-act-btn.proceed-with-paying {border: 1px solid #23282d;color: #fff;background-color: #23282d;}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.popup-act-btn-wrp .popup-act-btn.proceed-with-paying:hover {color: #23282d;background-color: #fff;}
div#wpjobportal-popup.wpjobportal-pkg-popup div.popup-contentarea div.popup-act-btn-wrp .proceed-without-paying.disabled-btn {pointer-events: none;opacity: 0.4;}


/* =========================================
   AI Generate Text Start
   ========================================= */
/* --- LAYOUT STRUCTURE --- */
div.wpjobportaladmin-wrapper .zywrap-playground-grid {display: grid;grid-template-columns: 350px 1fr;grid-template-rows: 0px 1fr;margin: 0 auto;align-items: flex-start;}
/* --- SIDEBAR (CONFIG) --- */
div.wpjobportaladmin-wrapper .zywrap-controls-column {grid-row: 2 / -1;background-color: #ffffff;border-right: 1px solid #e2e8f0;padding: 24px;display: flex;flex-direction: column;gap: 24px;border: 1px solid #e2e8f0;border-radius: 16px;}
div.wpjobportaladmin-wrapper .wpjobportal-sidebar-section-title {margin-bottom: 12px;color: #373435;font-size: 22px;font-weight: 600;}
/* --- MAIN WORKSPACE --- */
div.wpjobportaladmin-wrapper .wpjobportal-app-main {grid-row: 2 / -1;grid-column: 2;padding-left: 32px;display: flex;gap: 32px;overflow-y: auto;padding-top: 0px;}
/* --- CARDS & PANELS --- */
div.wpjobportaladmin-wrapper .wpjobportal-glass-panel {background: #ffffff;border: 1px solid #e2e8f0;border-radius: 16px;padding: 24px;display: flex;flex-direction: column;transition: border-color 0.3s ease, box-shadow 0.3s ease;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);width: 100%;max-width: 100%;}
div.wpjobportaladmin-wrapper .wpjobportal-wpjobportal-glass-panel-s, div.wpjobportaladmin-wrapper .wpjobportal-glass-panel:hover {box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.025);border-color: #cbd5e1;}
div.wpjobportaladmin-wrapper .wpjobportal-wpjobportal-glass-panel-s {border-radius: 16px;padding: 24px;display: flex;flex-direction: column;transition: border-color 0.3s ease, box-shadow 0.3s ease;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);background-color: rgb(191 193 253 / 17%);border: 1px dashed rgba(99, 102, 241, 0.3);}
div.wpjobportaladmin-wrapper .wpjobportal-wpjobportal-glass-panel-s:hover {box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.025);border-color: #cbd5e1;}
div.wpjobportaladmin-wrapper .wpjobportal-panel-header {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-bottom: 20px;border-bottom: 1px solid transparent;}
div.wpjobportaladmin-wrapper .wpjobportal-panel-title {font-weight: 700;display: flex;align-items: center;gap: 10px;color: #373435;font-size: 25px;}
div.wpjobportaladmin-wrapper .wpjobportal-special-config-wrapper {background-color: rgb(191 193 253 / 17%);border: 1px dashed rgba(99, 102, 241, 0.3);border-radius: 8px;padding: 16px;display: flex;flex-direction: column;gap: 16px;border-radius: 16px;}
/* --- FORM ELEMENTS --- */
div.wpjobportaladmin-wrapper .wpjobportal-input-group {margin-bottom: 20px;}
div.wpjobportaladmin-wrapper .input-label {display: block;font-size: 18px;color: #2c3338;margin-bottom: 8px;font-weight: 600;padding-bottom: 10px;}
div.wpjobportaladmin-wrapper .input-label span {color: #9f9a9a;padding-left: 10px;}
div.wpjobportaladmin-wrapper .wpjobportal-input-label-s-case{display: block;font-size: 18px;color: #6366f1;margin-bottom: 8px;font-weight: 600;padding-bottom: 10px;}
div.wpjobportaladmin-wrapper input.dark-input, div.wpjobportaladmin-wrapper .dark-select, div.wpjobportaladmin-wrapper .dark-textarea {width: 100%;background-color: #fff;border: 1px solid #e2e8f0;border-radius: 8px;padding: 12px 16px;font-family: inherit;color: #1e293b;font-size: 14px;transition: all 0.2s ease;font-size: 16px;}
div.wpjobportaladmin-wrapper .dark-input:focus, div.wpjobportaladmin-wrapper .dark-select:focus, div.wpjobportaladmin-wrapper .dark-textarea:focus {outline: none;background-color: #ffffff;border-color: #6366f1;box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);}
div.wpjobportaladmin-wrapper .wpjobportal-glass-panel .wpjobportal-input-group {border-bottom: 2px dotted ;padding-bottom: 25px;border-color: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);}
div.wpjobportaladmin-wrapper .wpjobportal-input-group-scase {border-color: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);margin-bottom: 0;padding-bottom: 15px;}
div.wpjobportaladmin-wrapper .dark-textarea {resize: vertical;min-height: 200px;line-height: 1.6;}
/* Custom Select Arrow */
div.wpjobportaladmin-wrapper .dark-select {appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 12px center;background-size: 16px;padding-right: 40px;cursor: pointer;}
/* Toggle/Checkboxes styling */
div.wpjobportaladmin-wrapper .wpjobportal-checkbox-group {display: flex;gap: 16px;margin-top: 10px;}
div.wpjobportaladmin-wrapper .wpjobportal-checkbox-label {display: flex;align-items: center;gap: 8px;font-size: 13px;color: #1e293b;cursor: pointer;user-select: none;background-color: #fff;border: 1px solid #e2e8f0;border-radius: 8px;padding: 12px 16px;}
div.wpjobportaladmin-wrapper .wpjobportal-checkbox-label input {accent-color: #6366f1;width: 16px;height: 16px;margin-top: 2px;}
/* --- ADVANCED ACCORDION --- */
div.wpjobportaladmin-wrapper details.modern-details {border: 1px solid #e2e8f0;border-radius: 12px;background-color: #f8fafc;}
div.wpjobportaladmin-wrapper details.modern-details summary {background: transparent;padding: 12px 16px;font-size: 16px;font-weight: 600;color: #1e293b;cursor: pointer;list-style: none;display: flex;justify-content: space-between;align-items: center;}
div.wpjobportaladmin-wrapper details.modern-details summary::after {content: '+';color: #64748b;font-weight: bold;font-size: 22px}
div.wpjobportaladmin-wrapper details.modern-details[open] summary::after { content: '-'; }
div.wpjobportaladmin-wrapper .details-content {padding: 16px;background: #ffffff;display: grid;grid-template-columns: 1fr;gap: 16px;border-top: 1px solid #e2e8f0;}
/* --- BUTTONS --- */
div.wpjobportaladmin-wrapper .btn {display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 24px;border-radius: 8px;font-weight: 600;font-size: 14px;cursor: pointer;border: none;transition: all 0.2s ease;}
div.wpjobportaladmin-wrapper .btn-primary {background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);color: white;width: 100%;text-transform: capitalize;letter-spacing: 0.05em;box-shadow: 0 4px 6px -1px rgba(99, 102, 241, 0.4);}
div.wpjobportaladmin-wrapper .btn-primary:hover {transform: translateY(-2px);box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.5);}
div.wpjobportaladmin-wrapper .btn-icon {background: white;color: #64748b;padding: 8px 12px;font-size: 13px;border: 1px solid #e2e8f0;border-radius: 6px;}
div.wpjobportaladmin-wrapper .btn-icon:hover {background: #f8fafc;color: #6366f1;border-color: #6366f1;}
/* --- OUTPUT AREA --- */
div.wpjobportaladmin-wrapper .output-container {background-color:#fff;border-radius: 8px;flex-grow: 1;padding: 24px;font-family: 'Consolas', 'Monaco', monospace;color: #1e293b;font-size: 14px;line-height: 1.7;overflow-y: auto;border: 1px solid #e2e8f0;min-height: 300px;}
div.wpjobportaladmin-wrapper .zywrap-controls-column .select2-container--default .select2-selection--single {border: 1px solid #e2e8f0;border-radius: 8px;}
div.wpjobportaladmin-wrapper .zywrap-controls-column .select2-container--default.select2-container--disabled .select2-selection--single {background-color: #fff;}
div.wpjobportaladmin-wrapper .select2-container .select2-selection--single {height: auto;}
div.wpjobportaladmin-wrapper .select2-container .select2-selection--single .select2-selection__rendered {padding: 10px;}
/* Scrollbars */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
/* Responsive */
/* =========================================
   AI Generate Text End
   ========================================= */
   #zywrap_overrides_parent div.zywrap_overrides_parent_wrp {display: flex; gap: 10px;flex-wrap: wrap;}
   #zywrap_overrides_parent div.zywrap_overrides_parent_wrp div.wpjp-zywrap-jp-chosen-wrap{width: 100%;}
   .zywrap-output-column {display: flex;flex-direction: column;}
   .zywrap-output-pre {background: #fdfdfd;border: 1px solid #e5e5e5;border-radius: 8px;padding: 1em;min-height: 400px;white-space: pre-wrap;word-wrap: break-word;font-family: monospace;flex-grow: 1;box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);color: #333;}
   .zywrap-overrides-grid {display: flex;grid-template-columns: 1fr 1fr;gap: 1em;}
   /* Style for the filter checkboxes */
   .zywrap-filter-options {display: flex;gap: 1.5em;padding-left: 5px;margin-top: 10px;}
   .zywrap-filter-options label {font-weight: normal;display: flex;align-items: center;gap: 5px;font-size: 13px;color: #555;}
   .zywrap-filter-options input {width: auto;}
   /* Updated Styles for Setup Notices */
   .wpjobportal-setup-notice {background-color: #fff;border-left: 4px solid #ffb900;box-shadow: 0 1px 1px rgba(0,0,0,.04);margin: 20px 0 20px 0;padding: 12px;clear: both;display: flex;overflow: hidden; position: relative;flex-wrap: wrap;gap: 10px;align-items: center;}
   .wpjobportal-setup-notice a {color: #d63638;text-decoration: none;font-weight: bold;font-size: 14px;display: flex;align-items: center;}
   .wpjobportal-setup-notice a:hover {color: #d63638;text-decoration: underline;}
   /* Select2 Overrides */
   .select2-container--default .select2-selection--single .select2-selection__rendered {color: #333 !important;line-height: 28px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
   .select2-dropdown,
   .select2-dropdown .select2-search__field,
   .select2-dropdown .select2-results__option {color: #333 !important;}
   .select2-container--default .select2-results__option--highlighted[aria-selected] {color: #333 !important;}
   .select2-dropdown {z-index: 9999999 !important;}

   /* =========================================
      From admin_classic_modal.php
      ========================================= */
    /* dupilcate css for modal
   #zywrap-classic-modal-backdrop {display: none;position: fixed;top: 0; left: 0;width: 100%; height: 100%;background: #000;opacity: 0.7;z-index: 100000;}
   #zywrap-classic-modal-wrap {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;max-width: 600px;max-height: 90vh;overflow-y: auto;background: #f9f9f9;border-radius: 8px;box-shadow: 0 5px 30px rgba(0,0,0,0.3);z-index: 100001;}
   #zywrap-classic-modal-header {padding: 15px 20px;border-bottom: 1px solid #ddd;display: flex;justify-content: space-between;align-items: center;}
   #zywrap-classic-modal-header h2 {margin: 0;font-size: 20px;}
   #zywrap-classic-modal-close {font-size: 24px;text-decoration: none;color: #666;line-height: 1;}
   #zywrap-classic-modal-content {padding: 20px;display: flex;flex-direction: column;gap: 15px;}
   #zywrap-classic-modal-content label {font-weight: 600;margin-bottom: 5px;display: block;}
   #zywrap-classic-modal-content .select2-container {width: 100% !important;}
   #zywrap-classic-modal-content textarea {width: 100%;border-radius: 4px;border: 1px solid #ddd;}
   #zywrap-classic-modal-overrides {padding: 10px 15px;background: #eee;border-radius: 4px;}
   #zywrap-classic-modal-overrides-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 10px;}
   #zywrap-classic-modal-footer {padding: 15px 20px;border-top: 1px solid #ddd;text-align: right;}
   /* Style for the new checkboxes 
   .zywrap-classic-wpjobportal-checkbox-group {display: flex; gap: 15px; margin-top: -5px; margin-bottom: 5px; padding-left: 5px;}
   .zywrap-classic-wpjobportal-checkbox-group label {font-weight: normal; display: flex; align-items: center; gap: 5px;margin-bottom: 0;}
   #wpjobportal-zywrap-status-result {float: left;width: 100%;margin-top: 15px;margin-bottom: 5px;}
   #wpjobportal-zywrap-status-result .notice{margin: 0;}
   #wpjobportal-zywrap-sync-result {float: left;width: 100%;}*/
   /* =========================================
      From admin_logs.php
      ========================================= */
   /* --- LAYOUT FIX: Summary Grid now 3 columns --- */
   div.wpjobportaladmin-wrapper div.wpjobportal-summary-grid {display: grid;grid-template-columns: repeat(1, 1fr);gap: 16px;margin-bottom: 24px;}
   @media (min-width: 768px) {
     /* Changed from 4 to 3 */
     div.wpjobportaladmin-wrapper div.wpjobportal-summary-grid {grid-template-columns: repeat(3, 1fr); }
   }
   /* --- END LAYOUT FIX --- */
   div.wpjobportaladmin-wrapper div.wpjobportaladmin-container {max-width: 100%;margin: 0px 0px 20px 0px;}
   /* TYPOGRAPHY & HEADERS */
   div.wpjobportaladmin-wrapper div.wpjobportal-page-header h1 {font-size: 28px;font-weight: 700;color: #1f2937;margin-bottom: 5px;}
   div.wpjobportaladmin-wrapper div.wpjobportal-page-header p {color: #6b7280;font-size: 14px;}
   /* SUMMARY CARDS */
   div.wpjobportaladmin-wrapper div.wpjobportal-summary-card {background-color: #f9fafb;padding: 20px;border-radius: 12px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);display: flex;flex-direction: column;gap: 5px;transition: transform 0.2s;border: 1px solid #dfdfdf;}
   div.wpjobportaladmin-wrapper div.wpjobportal-summary-card:hover {transform: translateY(-2px);}
   div.wpjobportaladmin-wrapper div.wpjobportal-summary-label {font-size: 13px;color: #6b7280;font-weight: 500;}
   div.wpjobportaladmin-wrapper div.wpjobportal-summary-value {font-size: 24px;font-weight: 700;color: #1f2937;}
   div.wpjobportaladmin-wrapper div.wpjobportal-summary-value.wpjobportal-error {color: #ef4444;}
   div.wpjobportaladmin-wrapper div.wpjobportal-summary-value.wpjobportal-model {font-size: 16px;font-weight: 500;}
   /* FILTER BAR */
   div.wpjobportaladmin-wrapper div.wpjobportal-filter-bar {background-color: #f9fafb;padding: 20px;border-radius: 12px;margin-bottom: 20px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);display: flex;flex-wrap: wrap;gap: 15px;align-items: center;border: 1px solid #dfdfdf;}
   div.wpjobportaladmin-wrapper input.wpjobportal-filter-input,
   div.wpjobportaladmin-wrapper select.wpjobportal-filter-input {padding: 8px 12px;border: 1px solid #d1d5db;border-radius: 6px;font-size: 14px;transition: border-color 0.2s, box-shadow 0.2s;flex-grow: 1;}
   div.wpjobportaladmin-wrapper input.wpjobportal-search-input {width: 100%;}
   @media (min-width: 768px) {
       div.wpjobportaladmin-wrapper input.wpjobportal-search-input {width: 33.3333%;}
       div.wpjobportaladmin-wrapper select.wpjobportal-select-input {width: auto;}
   }
   div.wpjobportaladmin-wrapper input.wpjobportal-filter-input:focus,
   div.wpjobportaladmin-wrapper select.wpjobportal-filter-input:focus {border-color: #2563eb;outline: none;box-shadow: 0 0 0 1px #2563eb;}
   div.wpjobportaladmin-wrapper button.wpjobportal-filter-button {background-color: #2563eb;color: white;font-weight: 600;padding: 8px 16px;border-radius: 6px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);transition: background-color 0.15s, transform 0.15s;border: none;cursor: pointer;display: flex;align-items: center;line-height: 2;}
   div.wpjobportaladmin-wrapper button.wpjobportal-filter-button:hover {background-color: #1d4ed8;}
   /* TABLE STYLES */
   div.wpjobportaladmin-wrapper .wpjobportaladmin-container table.wpjobportal-table {border-collapse: separate;border-spacing: 0;width: 100%;background-color: white;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.03);border-radius: 12px;overflow: hidden;border: 1px solid #dfdfdf;}
   div.wpjobportaladmin-wrapper .wpjobportaladmin-container table.wpjobportal-table th,
   div.wpjobportaladmin-wrapper .wpjobportaladmin-container table.wpjobportal-table td {padding: 14px 16px;text-align: left;border-bottom: 1px solid #f3f4f6;vertical-align: top;font-size: 14px;color: #374151;}
   div.wpjobportaladmin-wrapper .wpjobportaladmin-container table.wpjobportal-table th {border-bottom: 1px solid #dfdfdf;background-color: #f9fafb;}
   div.wpjobportaladmin-wrapper .wpjobportaladmin-container table.wpjobportal-table thead th {background-color: #f9fafb;font-weight: 600;color: #4b5563;text-transform: uppercase;font-size: 11px;letter-spacing: 0.05em;}
   div.wpjobportaladmin-wrapper .wpjobportaladmin-container table.wpjobportal-table tbody tr {transition: background-color 0.15s ease;}
   div.wpjobportaladmin-wrapper .wpjobportaladmin-container table.wpjobportal-table tbody tr:hover {background-color: #f0f8ff;cursor: pointer;}
   /* Status Badges */
   div.wpjobportaladmin-wrapper span.wpjobportal-status-badge {padding: 4px 8px;border-radius: 6px;font-size: 11px;font-weight: 700;display: inline-block;min-width: 50px;text-align: center;text-transform: uppercase;}
   span.wpjobportal-status-success { background-color: #d4edda; color: #155724; } /* Custom colors used from template end */
   span.wpjobportal-status-error { background-color: #f8d7da; color: #721c24; }
   span.wpjobportal-status-warning { background-color: #fff3cd; color: #856404; }
   span.wpjobportal-status-ok { background-color: #e0f2fe; color: #0ea5e9; } /* Default OK/Info color */
   /* Performance & Cost */
   div.wpjobportaladmin-wrapper div.wpjobportal-performance-stats {font-size: 0.9em;line-height: 1.4;display: flex;flex-direction: column;gap: 4px;}
   /* Error/Details Column */
   div.wpjobportaladmin-wrapper div.wpjobportal-text-error-detail {color: #f59e0b;font-weight: 500;font-size: 0.95em;}
   /* Details Button */
   div.wpjobportaladmin-wrapper button.wpjobportal-details-btn {background-color: #f3f4f6;border: none;color: #4b5563;padding: 6px;border-radius: 6px;transition: all 0.2s;line-height: 1;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;}
   div.wpjobportaladmin-wrapper button.wpjobportal-details-btn:hover {background-color: #e5e7eb;transform: scale(1.05);}
   /* Utility classes (simplified from Tailwind, prefixed) */
   .wpjobportal-font-bold { font-weight: 700; }
   .wpjobportal-text-gray-800 { color: #1f2937; }
   .wpjobportal-text-sm { font-size: 12px; }
   .wpjobportal-text-gray-500 { color: #6b7280; }
   .wpjobportal-text-xs { font-size: 10px; }
   .wpjobportal-font-semibold { font-weight: 600; }
   .wpjobportal-text-gray-600 { color: #4b5563; }
   .wpjobportal-text-success { color: #28a745; font-weight: 600; } /* Used custom success color */
   .wpjobportal-text-error { color: #dc3545; font-weight: 600; } /* Used custom error color */
   .wpjobportal-text-gray-700 { color: #374151; }
   .wpjobportal-text-gray-400 { color: #9ca3af; }
   .wpjobportal-text-center { text-align: center; }
   /* Dashicon Placeholders (using WordPress dashicons which must be loaded by the theme/plugin) */
   .dashicons { vertical-align: middle; }
   /* Custom styles from bottom of original file */
   .wpjobportal-token-stats { font-size: 0.9em; }
   .wpjobportal-token-breakdown { font-size: 0.85em; color: #888; margin-top: 2px; }
   div#geekybotadmin-wrapper div#geekybotadmin-data div#wpjobportaladmin-wrapper.wpjobportaladmin-error-log-container {background-color: unset !important;}
   
.wpjobportal-config-row-cstm-treatment{
   align-items: flex-start;
   padding-top: 40px;

}  
.wpjobportal-config-row-cstm-treatment .wpjobportal-config-title{margin-top: 20px;flex-basis: 20%;}
.wpjobportal-config-row-cstm-treatment .wpjobportal-config-value{flex-basis: 60%;}
.wpjobportal-config-row-cstm-treatment .wpjobportal-config-description{flex-basis: 20%;}

.wpjobportal-config-row-cstm-treatment .wpjobportal-config-description {
   margin-top: 0;
}

.wpjobportal-config-description.wpjobportal-config-description-button.wpjobportal-api-status{
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   margin: 20px 0 30px;
}
.wpjobportal-config-description.wpjobportal-config-description-button.wpjobportal-api-status h3{
   display: flex;
   flex-basis: 20%;
   padding-right: 20px;
   font-weight: 500;
   font-size: 16px;
   color: #495057;
   justify-content: flex-end;
}

.wpjobportal-config-description.wpjobportal-config-description-button.wpjobportal-api-status #wpjobportal-zywrap-status-result{
   display: flex;
   flex-basis: 60%;
   font-weight: 500;
   font-size: 16px;
   color: #495057;
   align-self: flex-end;
   margin-left: auto;
   margin-right: 20%;
}
.wpjobportal-config-description.wpjobportal-config-description-button.wpjobportal-api-status .wpjobportal-config-auto-download-button-wrap{
   flex-basis: 80%;
}

.wpjobportal-config-description.wpjobportal-config-description-button.wpjobportal-api-status button{
   padding: 10px 20px;
    border-radius: var(--wjp-border-radius-sm);
    text-decoration: none;
    font-weight: var(--wjp-font-weight-semibold);
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    font-size: var(--wjp-font-size-base);
    border: 1px solid #d8d8d8;
    height: 55px;
    background-color: var(--wjp-color-secondary) !important;
    color: var(--wjp-text-white) !important;
    border-color: var(--wjp-color-secondary)!important;
 }

.wpjobportal-config-description.wpjobportal-config-description-button.wpjobportal-api-status #wpjobportal-zywrap-status-result .notice{
   margin-left: 0;
   width: 100%;
}

.wpjobportal-config-row.wpjobportal-config-description-bottom-wrap{
   display: flex;
   justify-content: center;
   gap: 10px;
   width: 100%;
   border-left: 0;
}

.wpjobportal-config-row.wpjobportal-config-description-bottom-wrap .wpjobportal-config-description.wpjobportal-config-description-button.wpjobportal-api-status{
   border-left: 0;

}
.wpjobportal-config-row.wpjobportal-config-description-bottom-wrap .wpjobportal-config-description.wpjobportal-config-description-button.wpjobportal-api-status{
   justify-content: center;
}

/* Back to listing wrapper */
.wpjobportal-admin--backlink-wrap {
    margin: 20px 0 30px; /* adds space at bottom */
    text-align: left; /* adjust to right if preferred */
}

/* Back button styling */
.wpjobportal-admin--backlink-wrap .wpjobportal-form-back-btn {
    display: inline-block;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background-color: #1578e8; /* custom blue */
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
    margin-bottom: 20px; /* ensures separation */
}

/* Hover & focus states */
.wpjobportal-admin--backlink-wrap .wpjobportal-form-back-btn:hover,
.wpjobportal-admin--backlink-wrap .wpjobportal-form-back-btn:focus {
    background-color: #0f63c3; /* darker shade for hover */
    text-decoration: none;
    box-shadow: 0 3px 6px rgba(0,0,0,0.12);
    color: #fff;
}

/* Active click effect */
.wpjobportal-admin--backlink-wrap .wpjobportal-form-back-btn:active {
    background-color: #0b4e9a;
    box-shadow: 0 2px 4px rgba(0,0,0,0.08) inset;
}

div.wpjobportal-applied-resume-title {float: left;width: 100%;padding: 20px;margin-bottom: 20px;line-height: initial;color: #23282d;background: #fff;border: 1px solid #d1d3d3;font-size: 24px;font-weight: bold;color: #23282d;}

#wpjobportaladmin-wrapper .popup-field-wrapper .inputbox{
    border: 1px solid #cbd5e1;
    color: #1e293b;
    background-color: #f8fafc;
    width: 100%;
    transition: border-color 0.2s, box-shadow 0.2s;
    height: 45px;
}

.wpjobportal-config-description-notice {
   margin: 40px 0;
   text-align: center;
}
.wpjobportal-zywrap-header-2step{
   margin-top: 50px;
}


#zywrap-classic-modal-wrap input[type="text"],#zywrap-classic-modal-wrap  input[type="email"],#zywrap-classic-modal-wrap input[type="url"], #zywrap-classic-modal-wrap input[type="password"], #zywrap-classic-modal-wrap input[type="search"], #zywrap-classic-modal-wrap input[type="number"], #zywrap-classic-modal-wrap input[type="tel"],#zywrap-classic-modal-wrap input[type="range"], #zywrap-classic-modal-wrap input[type="date"], #zywrap-classic-modal-wrap input[type="month"],#zywrap-classic-modal-wrap input[type="week"], #zywrap-classic-modal-wrap input[type="time"],#zywrap-classic-modal-wrap input[type="datetime"], #zywrap-classic-modal-wrap input[type="datetime-local"], #zywrap-classic-modal-wrap input[type="color"], #zywrap-classic-modal-wrap textarea, #zywrap-classic-modal-wrap select {
    border-radius: 8px !important;
    height: 55px !important;
    color: var(--wpjp-body-font-color) !important;
    background-color: white !important;
    width: 100% !important;
    max-width: 100% !important;
    

}


/* Input/Select Styling */
#zywrap-classic-modal-wrap select.inputbox {
    padding: 0.5rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 0.95rem;
    color: #1e293b;
    background-color: #f8fafc;
    width: 100%;
    transition: border-color 0.2s, box-shadow 0.2s;
    cursor: pointer;
    -webkit-appearance: none; /* Remove default arrow in Chrome/Safari */
    -moz-appearance: none; /* Remove default arrow in Firefox */
    appearance: none; /* Remove default arrow */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23475569'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.71a.75.75 0 111.06 1.06l-4.25 4.25a.75.75 0 01-1.06 0L5.21 8.27a.75.75 0 01.02-1.06z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 1.2em;
    padding-right: 2rem; /* Make space for the custom arrow */
    min-height: 45px;
}

#zywrap-classic-modal-wrap select:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
    outline: none;
}

#zywrap-open-modal-button{
      border-radius: var(--wjp-border-radius-sm);
      text-decoration: none;
      font-weight: var(--wjp-font-weight-semibold);
      cursor: pointer;
      transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
      font-size: var(--wjp-font-size-base);
      border: 1px solid #d8d8d8;
      color: var(--wjp-color-primary) !important;
      background-color: var(--wjp-text-white) !important;
      border-color: var(--wjp-color-primary)!important;
      padding-right: 10px;
      margin-left: auto;
}
.wpjobportal-zwrap-settings-section{
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   padding: 10px 25px;
   padding-top: 25px;
}
.wpjobportal-zwrap-settings-section .wpjobportal-zwrap-settings-section-title {
   display: flex;
   width: 100%;
   font-size: 22px;
   font-weight: bold;
}
.wpjobportal-zwrap-settings-section .wpjobportal-zwrap-settings-section-description {
   display: flex;
   width: 100%;
   margin-top: 15px;
}

.wpjobportal-zwrap-settings-section-wrap{
   padding: 10px 25px 25px;  
   border: 1px solid var(--wjp-border-color);
   background: #fff;
   border-radius: 8px;
   margin-bottom: 25px;
}

.wpjobportal-zwrap-settings-bottom-section .wpjobportal-config-row{width: 100%;flex-wrap: wrap;padding-left:25px; }
.wpjobportal-zwrap-settings-bottom-section .wpjobportal-config-row .wpjobportal-config-title{flex-basis: unset;}
.wpjobportal-zwrap-settings-bottom-section .wpjobportal-config-row .wpjobportal-config-description{width: 100%;border: none;}

.wpjobportal-config-row.wpjobportal-config-description-bottom-wrap .wpjobportal-config-description.wpjobportal-config-description-button.wpjobportal-api-status .zywrap-full-import-btn , 
.wpjobportal-config-row.wpjobportal-config-description-bottom-wrap .wpjobportal-config-description.wpjobportal-config-description-button.wpjobportal-api-status .zywrap-delta-sync-btn{
   background-color: var(--wjp-color-primary);
}

.wpjobportal-config-row.wpjobportal-config-description-bottom-wrap .wpjobportal-config-description.wpjobportal-config-description-button.wpjobportal-api-status .zywrap-full-import-btn {
   background-color: var(--wjp-color-secondary) !important;
}

.wpjobportal-config-row.wpjobportal-config-description-bottom-wrap .wpjobportal-config-description.wpjobportal-config-description-button.wpjobportal-api-status .zywrap-delta-sync-btn{
   background-color: var(--wjp-color-primary) !important;
}

.wpjobportal-wrapper-description-wrap{
   display: none;
   background: #fff;
   border: 1px solid var(--wjp-border-color);
   padding: 15px 10px;
   margin-bottom: 5px;
}



/* Header Row: Label + Sort Toggle */
        .wpjobportal-zywrap-playground-container .wpjobportal-zywrap-playground-header-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 0.5rem;
        }

        .wpjobportal-zywrap-playground-container .wpjobportal-zywrap-playground-label {
            font-size: var(--wjp-font-size-sm);
            font-weight: var(--wjp-font-weight-medium);
            color: var(--wjp-text-light);
        }

        .wpjobportal-zywrap-playground-container .wpjobportal-zywrap-playground-sort-toggle {
            font-size: var(--wjp-font-size-xs);
            font-weight: var(--wjp-font-weight-medium);
            color: var(--wjp-color-primary);
            background: none;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            gap: 0.25rem;
            transition: color 0.2s;
            padding: 0;
            margin-bottom: -20px;
        }

        .wpjobportal-zywrap-playground-container .wpjobportal-zywrap-playground-sort-toggle:hover {
            color: var(--wjp-color-primary-dark);
        }

        /* Chips Row */
        .wpjobportal-zywrap-playground-container .wpjobportal-zywrap-playground-chips-row {
            display: flex;
            gap: 0.5rem;
            margin-bottom: 0.5rem;
        }

        .wpjobportal-zywrap-playground-container .wpjobportal-zywrap-playground-chip {
            flex: 1;
            font-size: var(--wjp-font-size-xs);
            font-weight: var(--wjp-font-weight-medium);
            padding: 0.375rem 0.75rem;
            border-radius: var(--wjp-border-radius-full);
            border: 1px solid var(--wjp-border-color);
            background-color: var(--wjp-bg-card);
            color: var(--wjp-text-medium);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.375rem;
            transition: all 0.2s;
        }

        .wpjobportal-zywrap-playground-container .wpjobportal-zywrap-playground-chip:hover {
            border-color: var(--wjp-color-primary);
            background-color: var(--wjp-color-secondary);
        }

        /* Active Chip State */
        .wpjobportal-zywrap-playground-container .wpjobportal-zywrap-playground-chip.wpjbpis-active {
            background-color: var(--wjp-color-primary);
            border-color: var(--wjp-color-primary);
            color: var(--wjp-text-white);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        }

        /* Icons in chips */
        .wpjobportal-zywrap-playground-container .wpjobportal-zywrap-playground-chip-icon {
            width: 0.75rem;
            height: 0.75rem;
            fill: none;
            stroke: currentColor;
            stroke-width: 2;
        }

        /* Specific icon fill changes when active */
        .wpjobportal-zywrap-playground-container .wpjobportal-zywrap-playground-chip.wpjbpis-active .wpjobportal-zywrap-playground-chip-icon.icon-star {
            fill: var(--wjp-text-white); /* Fill star white when active */
            stroke: var(--wjp-text-white);
        }
        
        .wpjobportal-zywrap-playground-container .wpjobportal-zywrap-playground-chip-icon.icon-star {
            stroke: var(--wjp-text-lighter); /* Gray outline when inactive */
        }
        button #wpjobportal-sort-text{
         color: var(--wjp-color-primary);
        }
        button #wpjobportal-sort-text:hover{
         
         text-decoration: underline;
        }
        
        button.wpjobportal-zywrap-playground-sort-toggle:hover svg{
         color: var(--wjp-color-primary) !important;
        }
        
        /* --- Modernized Chosen Selects --- */
.zywrap-playground-grid .chosen-container-single .chosen-single {
    background: var(--wjp-bg-card) !important;
    border: 1px solid var(--wjp-border-color) !important;
    border-radius: var(--wjp-border-radius-sm) !important;
    box-shadow: var(--wjp-shadow) !important;
    height: 40px !important;
    line-height: 38px !important;
    color: var(--wjp-text-dark) !important;
    background-image: none !important; /* Removes old-school gradient */
    transition: all 0.2s ease-in-out;
}

/* Dropdown Arrow Position */
.zywrap-playground-grid .chosen-container-single .chosen-single div b {
    background-position: 0 10px !important; 
}

/* Active/Focus State */
.zywrap-playground-grid .chosen-container-active.chosen-with-drop .chosen-single {
    border-color: var(--wjp-color-primary) !important;
    background: var(--wjp-bg-card) !important;
    box-shadow: 0 0 0 3px var(--wjp-color-primary-bg) !important;
}

/* Dropdown Menu Style */
.zywrap-playground-grid .chosen-container .chosen-drop {
    border: 1px solid var(--wjp-border-color) !important;
    border-radius: 0 0 var(--wjp-border-radius-sm) var(--wjp-border-radius-sm) !important;
    box-shadow: var(--wjp-shadow-lg) !important;
    margin-top: 2px;
    background: var(--wjp-bg-card);
}

/* Search Input inside the dropdown */
.zywrap-playground-grid .chosen-container .chosen-search input[type="text"] {
    border: 1px solid var(--wjp-border-color) !important;
    border-radius: 4px !important;
    padding: 8px !important;
}

/* Results Hover/Highlighted */
.zywrap-playground-grid .chosen-container .chosen-results li.highlighted {
    background-color: var(--wjp-color-primary) !important;
    background-image: none !important;
    color: var(--wjp-text-white) !important;
}

/* Results Padding */
.zywrap-playground-grid .chosen-container .chosen-results li {
    padding: 8px 12px !important;
    color: var(--wjp-text-medium);
}

/* Disabled State */
.zywrap-playground-grid .chosen-disabled {
    opacity: 0.6 !important;
}

.zywrap-playground-grid .chosen-disabled .chosen-single {
    background-color: var(--wjp-bg-light) !important;
    cursor: not-allowed;
}
#filter_featured.wpjobportal-zywrap-playground-chip:hover svg{color: #fff !important;stroke: #fff !important;}


#wpjobportal-admin-wrapper .chosen-container-single .chosen-search input[type=text]{height: auto !important;}
#wpjp_zywrap_wrapper_count{font-size: 12px;color: grey;width: 100%;text-align: right;padding-top: 5px;}
.wpjobportal-input-group-search-case .wpjp-zywrap-jp-chosen-wrap.wpjp-zywrap-jp-chosen-wrap-search-results{
   margin-top: 15px;
}

div.wpjobportaladmin-wrapper .wpjobportal-input-group.wpjobportal-input-group-search-trigger {
   display: flex;
   justify-content: flex-end;
   flex-wrap: wrap;
   margin: 0;
}

.wpjobportal-input-group.wpjobportal-input-group-search-trigger div{
   position: absolute;
   color: #00f;
   font-size: 14px;
   cursor: pointer;
   border: 1px solid var(--wjp-border-color);
   background: #FFF;
   padding: 5px 10px;
   display: flex;
}

.wpjobportal-input-group.wpjobportal-input-group-search-trigger div:hover{
   border: 1px solid var(--wjp-color-primary);
}


.wpjobportal-input-group.wpjobportal-input-group-search-trigger div.wpjobportal-input-group-search-trigger-close{
   display: none;
   background-color: #ffd8d0;
    color: #931a1a;
}

.wpjobportal-input-group-search-case{
   display: none;

}
/* Specificity wrapper using the requested parent classes */
.wpjobportal-config-row.wpjobportal-config-row-zywrap-notice {
   display: flex;
   flex-wrap:wrap ;
   width: 100%;
}
.wpjobportal-config-row.wpjobportal-config-row-zywrap-notice .wpjobportal-config-zywrap-container {
    background: #f0f6fc;
    border: 1px solid #cce5ff;
    padding: 15px 20px;
    border-radius: 6px;
    margin-bottom: 25px;
    width: 100%;
}

.wpjobportal-config-row.wpjobportal-config-row-zywrap-notice .wpjobportal-config-zywrap-title {
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #1d2327;
    border: none;
    padding: 0;
    text-transform: none;
}

.wpjobportal-config-row.wpjobportal-config-row-zywrap-notice .wpjobportal-config-zywrap-icon {
    color: #2271b1;
    margin-right: 5px;
}

.wpjobportal-config-row.wpjobportal-config-row-zywrap-notice .wpjobportal-config-zywrap-list {
    margin: 0 0 0 25px;
    font-size: 13px;
    color: #50575e;
    line-height: 1.6;
}

.wpjobportal-config-row.wpjobportal-config-row-zywrap-notice .wpjobportal-config-zywrap-highlight {
    color: #2271b1;
    font-weight: 600;
}

.wpjobportal-config-row.wpjobportal-config-row-zywrap-notice .wpjobportal-config-zywrap-link {
    text-decoration: none;
    font-weight: 600;
}

.wpjobportal-config-row.wpjobportal-config-row-zywrap-notice .wpjobportal-config-zywrap-description {
    margin-bottom: 15px;
}
.wjportal-form-resumeskill-content-generation{
   width: 100%;
   display: flex;
   margin-bottom: 10px;
}


div#wpjobportaladmin-data .zywrap-playground-grid button:hover svg{
   color: var(--wjp-color-primary);
}



div#wpjobportaladmin-data .zywrap-playground-grid button:hover svg{
   color: var(--wjp-color-primary);
}


div.wpjobportaladmin-wrapper #zywrap-schema-container .modern-details{
   margin-top: 10px;
   margin-bottom: 20px;
}

div.wpjobportaladmin-wrapper #zywrap-schema-container .modern-details .wpjobportal-input-label-spexc-case{
font-size: 18px;color: #6366f1;margin-bottom: 8px;font-weight: 600;padding-bottom: 10px;   
}



div.wpjobportaladmin-wrapper #zywrap-schema-container .details-content.wpjobportal-special-config-wrapper{
   display: flex;
   flex-wrap:wrap;
   flex-direction:row;
   gap: 15px;
   background-color: none;
   background-color: unset;
   border: none;
}

div.wpjobportaladmin-wrapper #zywrap-schema-container .wpjobportal-special-config-wrapper .wpjobportal-input-group{
   width: calc( 50% - 15px);
   display:flex;
   border:none !important;
   flex-wrap:wrap;
   flex-direction:row;
   padding-bottom:0px ;
   margin-bottom: 0px;
}
div.wpjobportaladmin-wrapper #zywrap-schema-container .wpjobportal-special-config-wrapper .wpjobportal-input-group label{
   width:100%;
   display:flex;
   color: #2c3338;
   font-size: 15px;
   margin-bottom: 0;
   padding-bottom: 5px;
}
div.wpjobportaladmin-wrapper #zywrap-schema-container .wpjobportal-special-config-wrapper .wpjobportal-input-group input{
   width:100%;
   display:flex;
}

#zywrap-wrapper-loader{
   margin-top: -10px ;
   text-align: left;
   width: 95%;
   display: none;
}



#wpjobportal-admin-wrapper span.wpjp-badge-urgent-flag {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--wpjp-danger-color, #dc3545);
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    padding: 4px 14px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.3em;
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.4);
    display: flex;
    align-items: center;
    z-index: 10;
}

#wpjobportal-admin-wrapper span.wpjp-badge-urgent-flag svg {
    margin-right: 4px;
    color: #ffffff;
}
#wpjobportal-admin-wrapper span.wpjp-badge-urgent-flag svg *{
    color: #ffffff;
}

div#wpjobportaladmin-wrapper .wpjobportal-jobs-list{
    position: relative;
}



/* --- WP Job Portal: Workplace Type Badges --- */

#wpjobportal-admin-wrapper .wpjp-badge-mode {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    font-size: 11px;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out;
    vertical-align: middle;
    margin-left: 8px;
    margin-bottom: 10px;
}
#wpjobportal-admin-wrapper .wpjp-badge-mode span{
    display: inline-flex;
    text-transform: unset;
}

#wpjobportal-admin-wrapper .wpjp-badge-icon {
    width: 14px;
    height: 14px;
    stroke-width: 2.5;
    margin-right:5px;
}



#wpjobportal-admin-wrapper  .wpjp-badge-remote span{
    color: #2563eb !important;
}

#wpjobportal-admin-wrapper  .wpjp-badge-remote svg *{
    color: #2563eb !important;
}

/* Hybrid Variant */
#wpjobportal-admin-wrapper  .wpjp-badge-hybrid span{
    color: #a855f7 !important;
}

#wpjobportal-admin-wrapper  .wpjp-badge-hybrid svg *{
    color: #a855f7 !important;
}

/* On-site Variant */
#wpjobportal-admin-wrapper  .wpjp-badge-onsite span{
    color: #d97706 !important;
}

#wpjobportal-admin-wrapper  .wpjp-badge-onsite svg *{
    color: #d97706 !important;
}

.wpjp-badge-new{
   font-weight: bold;
   color: green;
   font-size: 14px;
   border: 1px solid green;
   padding: 4px 8px;
   border-radius: 5px;
}
.wpjobportal-slug-description-text{
        text-transform: capitalize;
    }
/* Container Spacing */
#wpjobportal-admin-wrapper.wpjobportal-admin-system-error-layout .wjp-error-cell {
    max-width: 650px; /* Widened slightly to give URLs more room */
    font-size: var(--wjp-font-size-sm);
    line-height: 1.5;
    color: var(--text-color);
}

/* Rows & Spacing */
#wpjobportal-admin-wrapper.wpjobportal-admin-system-error-layout .wjp-error-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 8px;
}

/* Badges / Pills */
#wpjobportal-admin-wrapper.wpjobportal-admin-system-error-layout .wjp-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: var(--wjp-border-radius-sm);
    font-size: var(--wjp-font-size-xs);
    font-weight: var(--wjp-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    white-space: nowrap;
}

#wpjobportal-admin-wrapper.wpjobportal-admin-system-error-layout .wjp-badge-danger {
    background-color: var(--wjp-color-danger-bg);
    color: var(--wjp-color-danger-text);
}

#wpjobportal-admin-wrapper.wpjobportal-admin-system-error-layout .wjp-badge-slate {
    background-color: var(--wjp-color-slate-bg);
    color: var(--wjp-color-slate);
}

/* Text Formatting */
#wpjobportal-admin-wrapper.wpjobportal-admin-system-error-layout .wjp-error-text {
    font-weight: var(--wjp-font-weight-medium);
    color: var(--wjp-text-dark);
}

#wpjobportal-admin-wrapper.wpjobportal-admin-system-error-layout .wjp-url-text {
    color: var(--wjp-text-light);
    word-break: break-all;
    margin-top: 1px;
}

/* Summary Toggle */
#wpjobportal-admin-wrapper.wpjobportal-admin-system-error-layout .wjp-error-details summary {
    cursor: pointer;
    margin-top: 12px;
    user-select: none;
    display: inline-flex;
    align-items: center;
    color: var(--wjp-color-primary);
    font-weight: var(--wjp-font-weight-medium);
    transition: color 0.2s ease;
}

#wpjobportal-admin-wrapper.wpjobportal-admin-system-error-layout .wjp-error-details summary:hover {
    color: var(--wjp-color-primary-dark);
}

/* Expanded Box */
#wpjobportal-admin-wrapper.wpjobportal-admin-system-error-layout .wjp-error-expanded {
    margin-top: 10px;
    padding: 16px;
    background-color: var(--wjp-bg-body);
    border: 1px solid var(--wjp-border-color);
    border-radius: var(--wjp-border-radius);
    box-shadow: var(--wjp-shadow);
}

/* Code Groups inside expanded area */
#wpjobportal-admin-wrapper.wpjobportal-admin-system-error-layout .wjp-code-group {
    margin-bottom: 12px;
}
#wpjobportal-admin-wrapper.wpjobportal-admin-system-error-layout .wjp-code-group:last-child {
    margin-bottom: 0;
}

#wpjobportal-admin-wrapper.wpjobportal-admin-system-error-layout .wjp-code-title {
    font-size: var(--wjp-font-size-xs);
    font-weight: var(--wjp-font-weight-bold);
    color: var(--wjp-text-medium);
    margin-bottom: 4px;
    text-transform: uppercase;
}

/* Code Blocks */
#wpjobportal-admin-wrapper.wpjobportal-admin-system-error-layout .wjp-code-block {
    font-family: monospace;
    font-size: 12px;
    background-color: var(--wjp-bg-card);
    color: var(--wjp-text-dark);
    padding: 10px;
    border: 1px solid var(--wjp-border-color);
    border-radius: var(--wjp-border-radius-sm);
    word-break: break-all;      
    white-space: pre-wrap;      
    max-height: 180px;          
    overflow-y: auto;           
}
