html{scroll-behavior:smooth}
.w100{width:100%!important}
input{background-clip:text!important;-webkit-background-clip:text!important}
*{font-family:Helvetica,sans-serif!important}
h1,h2,h3,h4,h5,h6{font-family:Helvetica;font-weight:700!important;margin:0 0 10px;line-height:normal!important}
/* CSS variables moved to common.css to avoid duplication */
.-green{color:var(--positive)!important;font-size:20px}
.-red{color:#be0000!important;font-size:20px}
body{background:#fff;letter-spacing:.4px!important}
.primary-bg-color{color:#fff!important;background-color:var(--primary)!important;border-color:var(--primary)!important}
.primary-color-font{color:var(--primary)!important}
.secondary-bg-color{color:#fff!important;background-color:var(--secondary)!important}
.secondary-color-font{color:var(--secondary)!important}
button.negative-color-font{color:#be0000!important}
button.negative-color-font:hover{opacity:.8;color:#be0000!important}
.sidebar-color{background-color:var(--primary)}
.sidebar{z-index:2000;height:100vh;width:290px!important}
.el-menu-item.is-disabled{opacity:.4!important}
.el-menu-item .menu-items i{color:#fff!important}
.el-menu-item .menu-items span{color:#fff;font-weight:700}
.el-menu-item.is-active,.el-menu-item:focus,.el-menu-item:hover{background:linear-gradient(90deg,#d2239b 0%,#1a4e51 100%)!important}
aside .el-menu{background-color:var(--primary);border:none}
.el-dropdown-menu__item,.el-menu-item{background:#d9d9d91a}
/* Standardized card pane classes - using search-1 as primary pattern */
.card-left-pane,.card-left-pane-dep,.card-left-pane-search,.card-left-pane-search-1{overflow-y:auto;overflow-x:hidden;border-radius:20px}
.card-right-pane,.card-right-pane-dep,.card-right-pane-search,.card-right-pane-search-1{overflow-y:hidden;overflow-x:hidden;border-radius:10px}
/* Deprecated: margin rules for -dep classes (causes dead space issues) */
/* .card-right-pane,.card-right-pane-dep{margin-bottom:10px} */
/* .card-left-pane-dep,.card-right-pane-dep{margin-top:10px} */
.card-left-pane::-webkit-scrollbar,.card-right-pane::-webkit-scrollbar,.card-left-pane-dep::-webkit-scrollbar,.card-right-pane-dep::-webkit-scrollbar,.role-description::-webkit-scrollbar,.card-left-pane-search::-webkit-scrollbar,.card-right-pane-search::-webkit-scrollbar,.card-left-pane-search-1::-webkit-scrollbar,.card-right-pane-search-1::-webkit-scrollbar{display:none}
.card-left-pane,.card-right-pane,.card-left-pane-dep,.card-right-pane-dep,.role-description{-ms-overflow-style:none;scrollbar-width:none}
.role-description{overflow-y:auto!important;border-radius:10px!important;background:#fff}
.homepage-content-1{align-self:center;align-items:center}
.search-bar{margin-top:16px}
.skills-card-bg{background:#f4f5ff;color:var(--txtcolor);padding:10px;font-size:14px!important;border-radius:var(--bradius);width:49%}
.skills-cards{margin:0;display:flex;height:100px;align-items:center;justify-content:start}
.skills-cards .skills-details{text-align:left}
.skills-cards div{font-size:15px}
.skills-cards span{color:var(--accent);margin-left:8px}
.skills-heading{font-size:16px!important;margin-top:16px!important;font-weight:500!important;text-align:left!important;color:#000!important}
.company-dep-name{text-align:left;font-size:15px}
.company-dep-name .el-radio__label{color:#377F7E!important}
.company-dep-name .el-radio__input.is-checked+.el-radio__label{color:#377F7E!important;font-weight:bolder}
.company-dep-name .el-radio__input.is-checked .el-radio__inner{background:#17484C!important;border-color:#17484C!important}
.job-post-description{margin-top:10px;text-align:justify;word-break:break-word;font-style:normal;font-weight:400;font-size:14px;color:#767676}
.create-new-department{float:left;margin-top:5px}
.job-post-label{text-align:left;display:block}
.skills-actions{display:flex;flex-wrap:wrap;align-items:center}
.component-title{font-style:normal;font-weight:700;color:var(--primary);text-align:left}
.component-title h1{font-size:16px;display:flex;align-items:center}
.homepage-subtitle{font-weight:500;color:#fff;text-align:left!important}
.myAccount-heading{font-style:normal;font-weight:500;font-size:15px;line-height:22px;color:#000}
.salary-cost{text-align:left;font-style:normal;font-weight:500;font-size:15px;margin-top:5px}
.salary-cost div span:nth-child(2){font-weight:600}
.card-actions{display:flex;align-items:center}
.card-actions button{color:#000;font-size:20px;padding:0!important;margin:0!important}
.apply-posted-job,.submit-skills-btn{color:#fff!important}
.take-quiz-button:hover,.take-quiz-button:active,.apply-posted-job:hover,.apply-posted-job:active,.submit-skills-btn:hover,.submit-skills-btn:active{background:#377F7E}
.take-quiz-button{background:#377F7E;margin-top:20px;padding:10px 20px}
.close-btn{font-size:22px!important}
.close-btn i{color:var(--negative)}
.el-button--text:focus,.el-button--text:hover{color:#377F7E!important}
.el-radio-button__inner{color:#17484C!important;background:#fff!important;padding:18px 20px!important;border-color:#17484C!important}
.el-radio-button__inner:hover{border-color:#17484C!important;color:#17484C!important}
.el-radio-button__orig-radio:checked + .el-radio-button__inner{color:#fff!important;background:#17484C!important;border:none!important;opacity:1}
.select-skills-1{margin-bottom:10px}
.select-skills-1 span{height:50px}
.menu-header{display:flex;align-items:center}
.el-popover{word-break:break-word!important}
.profile-avatar{margin-right:0;font-weight:900;font-size:40px;width:100px;height:100px;line-height:100px;text-align:center}
.posted-title{width:100%;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:16px;color:var(--primary);overflow:hidden;font-weight:700;}
.posted-description{display:flex;justify-content:space-between;text-align:left;word-break:break-word;width:100%;text-overflow:ellipsis;white-space:nowrap}
.standard-button{padding:10px;font-size:14px;color:#fff!important;font-style:normal;text-align:center}
.posted-job-label{margin-top:8px;text-align:left;font-weight:600;color:#377F7E}
.collapse{text-align:center;padding:10px}
.not-collapse{text-align:left;padding-left:20px}
.job-description{font-size:15px;text-align:justify;word-break:break-word;color:var(--dark);z-index:999;position:relative;align-items: center;}
.job-description div span{display:block;color:var(--secondary);font-weight:700}
.salary-range{padding:20px 16px!important;width:250px}
.filter-btn{width:100%;height:40px}
.filter-btn,.department-dropdown:active,.department-dropdown:focus,.filter-btn:active,.filter-btn:focus,.filter-btn .el-input__inner{border-radius:5px;border:none!important;color:var(--primary);background-color:#E7EDEB!important}
.skill-status-filter i{font-size:20px}
.skill-status-filter{margin-left:10px!important}
.skill-status-filter,.skill-status-filter:active,.skill-status-filter:focus{border:none!important}
.description1{font-weight:300;color:#5A5A5A;text-align:justify}
.heading2{font-weight:400;color:#000;font-style:normal;padding-top:10px;margin-bottom:0;margin-top:0;text-align:justify}
.skills-action-buttons{display:flex;align-items:center;width:100%;margin:10px 0 0;justify-content:end}
.cp2s-heading{font-style:normal;font-weight:500;text-align:justify!important}
.cp2s-head-2{font-size:16px;line-height:1}
.salary-head{text-align:justify;font-style:normal;font-weight:300;color:#fff}
.career-fit-head{text-align:justify;font-style:normal;font-weight:300;color:#fff}
.main-heading-div{display:flex;width:100%;justify-content:space-between;margin-bottom:20px;align-items:center}

.exp-level-dd{padding:13px!important;max-height:150px!important;overflow-y:auto!important;border-radius:5px!important;margin-top:0!important;width:220px}
.posted-subtitle{text-align:left;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.posted-location{text-align:left;font-weight:400;font-size:14px;color:var(--secondary)}
.posted-status {background: var(--positive);border-radius: 5px;width: 76px;text-align: center;padding: 6px;line-height: normal;color: #fff;font-size: 12px;position: absolute;right: 26px;bottom: 27px;z-index: 1100;}
.posted-status span{font-weight: 700;font-size: 13px;}
.job-title{width:80%;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:600;text-align:left;color:#131336;overflow:hidden}
.divider-class.el-divider--horizontal{margin:10px 0 0!important}
.custom-drawer{line-height:1!important;z-index:9999!important;top:70px!important;height:calc(100% - 70px)!important;overflow-y:auto!important;text-align:left!important}
.custom-drawer .el-drawer__header{padding:15px 20px 0!important;margin-bottom:0!important}
.subtasks-list{display:flex!important;align-items:center!important;margin-top:10px!important}
.subtasks-list .so-progress-text{color:#17484C!important;font-weight:600!important;font-size:16px!important;margin-left:10px!important}
.so-progress .el-slider__runway{height:20px!important;border-bottom-right-radius:20px!important;border-top-right-radius:20px!important}
.so-progress .el-slider__runway .el-slider__bar{height:20px!important;border-bottom-left-radius:20px!important;border-top-left-radius:20px!important;background:#17484C!important}
.so-progress .el-slider__runway .el-slider__button-wrapper{top:-8px!important}
.so-progress .el-slider__runway .el-slider__button-wrapper .el-slider__button{width:30px!important;height:30px!important;border:1px solid #17484C!important}
.so-progress{padding:0 10px!important}
.custom-slider .el-slider__runway{height:15px!important;border-bottom-right-radius:20px!important;border-top-right-radius:20px!important}
.custom-slider .el-slider__runway .el-slider__bar{height:15px!important;border-bottom-left-radius:20px!important;border-top-left-radius:20px!important;background:var(--accent)!important}
.custom-slider .el-slider__runway .el-slider__button-wrapper{top:-6px!important;height:25px;width:25px}
.custom-slider .el-slider__runway .el-slider__button-wrapper .el-slider__button{width:25px!important;height:25px!important;border:1px solid var(--accent)!important;background:var(--accent)!important}
.custom-slider .el-slider__runway .el-slider__stop{width:10px!important;height:10px!important;transform:translateX(-50%) translateY(25%)}
.add-new-objective{display:block!important;height:auto!important;border:none!important;width:100%;margin-left:0!important;margin-right:10px!important;margin-top:10px!important}
.role-card:last-child{margin-bottom:0!important}
.role-card{border-radius:10px!important;margin-top:10px!important;margin-bottom:16px!important;cursor:pointer!important}
.edu-qua-title{display:flex;word-break:break-word;font-weight:700;justify-content:flex-start}
.skills-matched-progress,.skills-matched-progress .el-progress-bar,.skills-matched-progress .el-progress-bar__outer,.skills-matched-progress .el-progress-bar__inner{height:30px!important;border-radius:3px!important}
.skills-matched-progress .el-progress-bar__inner{background-color:#377F7E!important}
.skills-matched-progress .el-progress-bar__innerText{color:#0A3C1F!important}
.skills-matched{display:flex;justify-content:space-between;align-items:center;margin-top:5px;margin-bottom:5px;z-index:9999;color:#0A3C1F}
.logo-avatar{object-fit:cover;background:transparent}
.logo-avatar-log{object-fit:cover;background:transparent;position:absolute}
.job-card-avatar{width:60px!important;height:60px!important;font-size:30px!important;line-height:60px!important;background:transparent!important}
.place{padding:7px;height:30px;width:30px;color:#fff;border-radius:50%;margin-left:70px;margin-top:70px;display:inline-block;position:relative}
.job-search-pagination .el-pagination__total{color:#fff!important}
.profile-circle{position:relative}
.job-search-pagination .btn-next,.job-search-pagination >>> i{color:#17484C!important}
.job-search-pagination .el-pager .number:hover{color:#17484C!important;font-weight:900!important}
.profile-edit-button{font-size:20px}
.job-search-pagination.is-background .el-pager li:not(.disabled).active{background-color:#17484C!important;color:#fff!important}
.el-loading-spinner .path{stroke:#377F7E!important}
.load-avatars .el-loading-spinner .circular{height:20px;width:20px}
.total-users{font-weight:500;font-size:14px;line-height:1;color:#181818;margin-top:2px;text-align:left;white-space:nowrap}
.total-users span{color:var(--accent)}
.el-empty__image svg{height:auto!important}
.upload-demo .el-upload__input,.upload-cert .el-upload__input{display:none!important}
.upload-demo >>> .el-upload-list__item-name [class^=el-icon]{height:auto!important;text-align:left}
.custom-upload{width:150px;height:150px;border:1px dashed #377F7E;float:left}
.custom-upload [class^=el-icon-]{line-height:150px!important;color:#377F7E!important;font-size:100px}
.add-edit-exp-dialog .el-dialog__body{padding-top:0}
.create-wheel-btn{margin:auto!important;display:block!important}




.list-tags .el-tag .el-tag__close{background:var(--negative);font-size:14px;color:#fff;right:0;top:-1px}
.list-tags .el-tag .el-tag__close:hover{opacity:.8}
.switch-container{display:flex;justify-content:center;align-items:center;left:70px;position:absolute;top:10px}
.switch-container .el-switch .el-switch__label{color:#fff!important}
.switch-container .el-switch .el-switch__label--right{margin-left:5px}
.switch-container .el-switch{background:#337a7f;height:39px;padding:0 8px;border-radius:30px;color:#fff!important}
.menu-items{width:100%}
.sidebar .el-menu{overflow-y:auto;-webkit-overflow-scrolling:touch}
.sidebar .el-menu::after,.el-menu::before{content:none!important;display:none!important}
.setup-steps ol{margin-top:16px;padding-inline:16px!important}
.setup-steps .el-icon-close{font-weight:bolder;margin-left:5px;cursor:pointer}
.setup-steps li{text-align:left}
.setup-steps{margin-top:16px;padding:16px;border-radius:10px;background-color:#fff;height:auto}
.setup-steps >>> .el-step__title.is-finish,.setup-steps >>> .el-step__head.is-finish{color:#17484C;border-color:#17484C}
.sidebar-logo{max-width:250px;width: 250px;}
.sidebar-logo:hover{cursor:pointer}
.general-heading{font-size:16px!important;font-weight:500!important;text-align:left!important;color:#000!important}
[class*=" el-icon-"],[class^=el-icon-]{color:#17484C}
.course-search-box{color:#fff!important;float:left;border:none!important;padding:0!important}
.course-search-box:hover,.course-search-box:focus{color:#fff!important;border:none!important;padding:0!important}

.el-input__inner:focus{border-color:#17484C!important}
[class^='el-'] .selected{border-color:#17484C!important;color:#17484C!important}
.el-checkbox__input.is-checked .el-checkbox__inner{background-color:#17484C!important;color:#17484C!important;border-color:#17484C!important}
.el-checkbox__input.is-checked+.el-checkbox__label{color:#17484C!important}
.el-checkbox__input.is-focus .el-checkbox__inner{border-color:#17484C!important}
.el-dropdown-menu__item:focus,.el-dropdown-menu__item:hover{color:#17484C!important}
.recommended-courses-row{display:flex;align-items:center;margin-top:10px;flex-wrap:wrap}
.recommended-courses-card{padding:5px;width:25%}
.recommended-courses-title{display:block;font-size:16px;text-align:left;margin-top:10px}
.top-bar{padding:15px 20px;margin-top:60px}
.menu-items i{margin-right:10px;color:white;font-size:20px!important;font-weight:400}
.el-empty .el-empty__description{margin-top:0}
.el-empty .el-empty__image{display:none}
.el-empty {padding: 10px;border: 1px dashed #f5c6cb;border-radius: 4px;height: 80px;background: #fff5f6;}
.el-empty .el-empty__description p{color: #721c24}
.add-absolute{margin-left:5px}
.welcomes-text h1,.welcomes-text h2{color:var(--primary);font-size:16px}
.el-card__body .el-avatar{background:#f2f2f2;color:#0003}
.resultnumb{text-align:left;margin-bottom:10px}
.el-card.profile-card{border:none}
.el-card.profile-card .el-card__body{margin:0;border-radius:var(--bradius);padding:var(--spacer);border:none;background:var(--secondary)}
.dashboard .titlehead.coursesearch{display:none}
.dashboard .main .mainbody{margin:0;padding:0;box-shadow:none}
.profile-card .profile-head h4{color:var(--white);font-size:16px;margin:0}
.profile-card .profile-body{display:flex;align-items:center;margin-top:20px}
.el-progress__text{color:#fff!important;font-size:15px!important;font-weight:400}
.el-switch__core{border:1px solid var(--accent)!important;background:var(--accent)!important}
.columndiv .el-card__body{display:flex;align-items:center;padding:20px}
.columndiv .el-card__body .left-img{border:1px solid #ddd;overflow:hidden;border-radius:10px;margin-right:25px;width:270px}
.columndiv .el-card__body .right-content{text-align:left;width:100%}
.columndiv .el-card__body .right-content h2{color:var(--secondary);font-size:18px;margin:0}
.columndiv .el-card__body .right-content p{margin:10px 0}
.columndiv .el-card__body .right-content button{border-radius:4px;border:none;width:110px}
.certify-list{padding:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.certify-list .el-card{border:none;padding:15px;border:1px solid #ddd;width:49.3%;margin:4px 3px}
.certify-list .el-card:hover{background:#f8f9ff}
.certify-list .el-card .el-card__body{display:flex;align-items:center;width:100%;justify-content:space-between}
.certify-list .action-btns button{padding:0;margin-left:3px!important}
.certify-list .action-btns button i{margin:0}
.addskills .el-collapse{margin-top:25px;border:none}
.addskills .el-collapse .el-collapse-item__header i{color:var(--white)}
.addskills .el-collapse .el-collapse-item__header .ti{font-size:24px;margin-right:5px}
.addskills .el-collapse-item__wrap{border:none}
.addskills .el-collapse-item__content{padding-bottom:0}
.addskills .el-collapse .el-collapse-item__header{background:var(--accent);font-size:14px;color:#fff !important;border-radius:5px;padding:0 15px;margin-top:10px;margin-bottom:10px;width: 230px;}
.addskills .el-collapse .el-collapse-item__header:focus{color:#fff;}
.formdivaction{padding:0}
.formdivaction .el-form-item__content{line-height:normal}
.formdivaction label{height:auto;line-height:normal;width:100%;text-align:left;font-weight:400;font-size:13px;color:var(--secondary)}
.-accent-text span{color:var(--accent)}
.tabledata{text-align:left}
.tabledata table{color:var(--txtcolor);margin:0;font-size:14px;border:1px solid #dcdce9;border-collapse:collapse;width:100%}
.tabledata table tbody > tr:nth-of-type(2n+1){background:#f6f8fb}
.tabledata table tr td:first-child{color:var(--secondary);border-right:1px solid #dcdce9;width:155px}
.tabledata table td{border-top:1px solid #dcdce9;padding:10px}
.descriptionheading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.q-drawer .drawlogo img{height:100px}
.filtersec{width:100%;text-align:left}
.filtersec .filter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.filtersec h5{text-align:left;color:var(--accent);font-size:16px;margin:0}
.filtersec .filter-dd button{font-weight:400}
.el-badge .el-badge__content{background:var(--accent);right:10px!important;border:none}
.recommended-courses-cardbox .posted-cards{padding:20px;width:100%;background:linear-gradient(180deg,#eef0ff 0%,#fff 47%,#eef0ff 100%);margin:0;border-radius:5px;border:none}
.strategic-obj-card .edu-left{font-size:16px;color:var(--primary)}
.edit-button{display:block;padding:8px 0;text-align:center;font-size:16px;cursor:pointer;background:var(--secondary);border-radius:3px;width:32px;height:32px;color:#fff;cursor:pointer}
.delete-button{display:block;background:var(--negative);padding:8px 0;text-align:center;font-size:16px;cursor:pointer;border-radius:3px;width:32px;height:32px;color:#fff;cursor:pointer}
.delete-red{width:18px;height:18px;background:#be0000;display:inline-block;line-height:normal;border-radius:100%;font-size:16px;padding:1px 0;cursor:pointer;margin-left:2px}
.colum25{width:25%;padding:8px}


.list-tags{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:left}
.list-tags .el-tag{line-height:38px;margin:2px;background-color:var(--primary);color:#fff;font-size:13px;padding:0 10px;border:none;border-radius:30px;height:auto}
.list-tags .el-tag span{display:inherit}
.list-tags > span{margin-top:10px;margin-right:10px}

.main-container {height: calc(100% - 70px);padding:25px;overflow-y: auto;overflow-x: hidden;}

.strategic-objectives {display: flex;align-items: center;flex-wrap: wrap;}
.strategic-objectives .strategic-objlist{width:33.33%;padding:8px;}

.total-result-text{display:block;text-align:left;margin-top:3.5rem;margin-bottom:8px}
.total-result-text p{margin:0;}
.total-result-text strong{color:var(--accent);}

.list-cards-container {height: calc(100vh - 70px);overflow-y: auto;overflow-x: hidden;}
.list-cards-container-scroll{height:calc(100vh - 70px);overflow-y:scroll}