/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@font-face {
    font-family: 'hachaluzim';
    src: url('/wp-content/themes/flatsome-child/font/fbhachaluzim-regularwebfont.eot');
    src: url('/wp-content/themes/flatsome-child/font/fbhachaluzim-regularwebfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/flatsome-child/font/fbhachaluzim-regularwebfont.woff') format('woff'),
         url('/wp-content/themes/flatsome-child/font/fbhachaluzim-regularwebfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'hachaluzim';
    src: url('/wp-content/themes/flatsome-child/font/fbhachaluzim-mediumwebfont.eot');
    src: url('/wp-content/themes/flatsome-child/font/fbhachaluzim-mediumwebfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/flatsome-child/font/fbhachaluzim-mediumwebfont.woff') format('woff'),
         url('/wp-content/themes/flatsome-child/font/fbhachaluzim-mediumwebfont.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'hachaluzim';
    src: url('/wp-content/themes/flatsome-child/font/fbhachaluzim-boldwebfont.eot');
    src: url('/wp-content/themes/flatsome-child/font/fbhachaluzim-boldwebfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/flatsome-child/font/fbhachaluzim-boldwebfont.woff') format('woff'),
         url('/wp-content/themes/flatsome-child/font/fbhachaluzim-boldwebfont.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

html, body {
	font-family: 'hachaluzim', sans-serif;
}
.stage-level {
	text-align:center;
}
body .zp-element-text-block .zp-element-content, body .zp-row .zp-element-iframe {
	background:none;
}
#tz-email-form label {
	font-size:20px;
}
#tz-email-form button {
	background:#3076c4;
	color:#fff;
	border-radius:30px;
	font-size:20px;
	padding:0px 40px;
}
.button-group .btn {
	padding:0 35px;
}
.zp-datatype-picklist.Gender-field-section .zp-field-label .warning-text:before {
	content:'*סיווג המגדר באתר נקבע בהתאם לדחיות השירות המוגשות למשרד הביטחון.';
	display:block;
}
.zp-datatype-lookup.School-field-section .zp-field-label .warning-text:before {
	content:'*במידה ובית ספרך לא נמצא ברשימה או שאת/ה לא לומד/ת בבית ספר, אנא בחר "אחר" ';
	display:block;
}

/** Header **/
#top-bar li {
	font-size:18px;
}
.nav>li>a {
	font-size:20px;
	font-weight:300;
	color:#000;
}
.nav-column li.active>a, .nav-column li>a:hover, .nav-dropdown li.active>a, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav>li>a:hover {
	color:#000;
	font-weight:700;
}
.home-banner h1 {
	color:#e0f3ff;
	font-weight:500;
	font-size:70px;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}
.home-banner p {
	font-size:24px;
	color:#fbe0ff;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}
.social-icons a.tooltip {
	opacity:1;
	position:relative;
	display:inline-block;
}

/** Footer **/
body .absolute-footer.dark {
	color:#fff;
}
.copyright-footer {
	font-size:16px;
}

/** Login page **/
body .zp-login-page .login-form {
	margin:50px auto;
	background:#efefef;
}
body .zp-auth-page .zp-input-group .fas {
	right:auto;
	left:15px;
	top:62px;
}
body .zp-auth-page #zp-login-form header, body .zp-auth-page #zp-forget-password-form .login-form-header label {
	font-family: 'hachaluzim', sans-serif;
	font-size:40px;
	color:#000;
	font-weight:800;
}
body .zp-input-group label {
	font-family: 'hachaluzim', sans-serif;
	font-size:20px;
	color:#3076c4;
	font-weight:400;
}
body .zp-auth-page .zp-input-group input, body .zp-auth-page .zp-input-group select {
	font-family: 'hachaluzim', sans-serif;
	font-size:20px;
	color:#000;
	border-radius:0;
	background:#fff;
	border:1px solid rgba(0,0,0,0.87);
	padding:8px 15px;
	height:auto;
}
body .zp-auth-page .login-form-footer .zp-btn-reset, body .zp-auth-page .login-form-footer .zp-btn-login {
	background:#3076c4;
	font-family: 'hachaluzim', sans-serif;
	font-size:24px;
	font-weight:800;
	border-radius:30px;
	-webkit-box-shadow: 3px 3px 6px -5px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 4px 6px -5px rgba(0, 0, 0, 0.5);
	margin-bottom:30px;
}
body .login-form-footer .zp-link-forget-password, body .login-form-footer .signup_span {
	font-family: 'hachaluzim', sans-serif;
	color:#3076c4;
}
/** Change Password **/
body.page-zportals .zp-input-field:not(.select2-hidden-accessible) {
	font-family: 'hachaluzim', sans-serif;
	color:#000;
	font-size:18px;
	margin-bottom:0;
	border:1px solid #000;
	border-radius:0;
}
body.page-zportals .zp-submit-btn, body .zp-custom-btn {
	font-family: 'hachaluzim', sans-serif;
	border-radius:30px;
	font-size:20px;
}

/** Videos **/
.videos-page > .section-content {
	max-width:640px;
	margin:0 auto;
}

/** Dashboard **/
.zp-top-bar .zp-profile-info i {
	display:none;
}
body .zp-page-wraper {
	min-height:80vh;
}
body .zp-top-bar .zp-portal-title {
	font-family: 'hachaluzim', sans-serif;
}
body .zp-top-bar-left {
	float:right;
}
body .zp-portal-title {
	float:right;
	font-size:32px;
}
body .zp-dashboard-page .zp-element-text-block .zp-element-content {
	width:100%;
	margin-left:0;
}
body .zp-top-bar .zp-profile-info {
	float:left;
}
body .zp-side-nav {
	float:right;
	padding-right:0;
	padding-left:20px;
}
body .zp-profile-menu h2, body .zp-top-bar p:not(.has-background):last-of-type, body .zp-settings-button, body .zp-logout-button {
	font-family: 'hachaluzim', sans-serif;
}
body .zp-menu-item.active-menu .zp-sb-menu-lable, body .zp-menu-item.active-menu .zp-menu-lable, body .zp-menu-item:not(.zp-childmenu) a:hover .zp-sb-menu-lable, body .zp-menu-item:not(.zp-childmenu) a:hover .zp-menu-lable {
	font-family: 'hachaluzim', sans-serif;
}
body .zp-menu-item .zp-menu-lable, body .zp-menu-item .zp-sb-menu-lable {
	font-size:16px;
	font-family: 'hachaluzim', sans-serif;
	color:#000;
	float:right;
}
body .zp-side-nav .zp-menu-item i.zp-menu-icon {
	width:20px;
	text-align:center;
}
body .zp-side-nav .zp-menu-item i::before {
	color:#000;
}
body .zp-side-nav .zp-menu-item svg .ccgp-menu-i, body .zp-side-nav .zp-menu-item svg path {
	fill:#000;
}
body .zp-row .zp-element-iframe .zp-element-header {
	font-family: 'hachaluzim', sans-serif;
}
body .zp-element-banner .zp-non-slider-image {
	box-shadow:none;
	float:none;
	border-radius:0;
}
.stage-levels .img {
	display:none;
}
.stage-levels .img-inner  {
	text-align:center;
}
.stage-levels .img img {
	width:450px;
	max-width:100%;
}
.stage-levels {
	display:none;
	padding-top:0px!important;
}
.page-zportals-profile .stage-levels, .page-zportals-profile .stage-levels .stage1.img {
	display:block;
}
.module-custompage---1749634615 .stage-levels, .module-custompage---1749634615 .stage-levels .stage2.img {
	display:block;
}
.module-custompage---1755130455 .stage-levels, .module-custompage---1755130455 .stage-levels .stage3.img {
	display:block;
}
.module-custompage---1752137535 .stage-levels, .module-custompage---1752137535 .stage-levels .stage4.img {
	display:block;
}
.module-custompage---1755603403 .stage-levels, .module-custompage---1755603403 .stage-levels .stage5.img {
	display:block;
}
.module-custompage---1752134170 .stage-levels, .module-custompage---1752134170 .stage-levels .stage6.img {
	display:block;
}
.module-MechinaRatings---1756141725 .stage-levels, .module-MechinaRatings---1756141725 .stage-levels .stage7.img {
	display:block;
}

/** Profile **/
.section-header-text .rotate-right {
	transform: rotate(90deg);
}
body .zp-section-header-container .section-header-text {
	width:100%;
	display:flex;
	flex-direction:row;
}
body .zp-section-header-container svg#caret-down-fill {
	margin-right:0;
	margin-left:10px;
}
body .zp-page-content.zp-record-details {
	padding:0 20px;
}
body .zp-page-description .pre-desc {
	font-family: 'hachaluzim', sans-serif;
	color:#000;
	padding:20px 0;
}
body .zp-section-row .section-header-title, body .zp-page-title {
	font-family: 'hachaluzim', sans-serif;
	color:#3076c4;
	font-size:26px;
	float:right;
}
body .zp-record-details .zp-section-row.zp-normal-section {
	padding-left:0;
}
body.page-zportals-profile .row-possition-0 .zp-section-header-container .section-header-text {
	width:70%;
}
body.page-zportals-profile .row-possition-0 .zp-section-header-container .section-header-right {
	width:30%;
}
body .zp-record-details .zp-section-header-container .section-header-right .zp-edit-icon svg {
	margin-right:0;
}
body.page-zportals-profile .row-possition-0 .zp-edit-icon:after {
	content:"עריכה";
	display:block;
	font-size:15px;
	font-family: 'hachaluzim', sans-serif;
	margin-top:-5px;
}
.section-header-right a.zp-edit-icon {
	float:left;
}
body .zp-page-title-collapse-icon {
	margin-left:0;
}
body .zp-section-row:not(.zp-record-list-section) .zp-section-header-container .section-header-text .section-header-title {
	float:right;
}
.zp-page-content .zp-row {
	margin-right:0;
	margin-left:0;
}
body .zp-section-row .zp-field-label, body .zp-section-row .zp-field-data pre {
	font-size:18px;
	font-family: 'hachaluzim', sans-serif;
}
.zp-page-wraper .zp-modal-content {
	max-width:740px;
}

body .zp-element-text-block .zp-element-header {
	font-family: 'hachaluzim', sans-serif;
	width:100%;
	padding:0;
	text-align:right;
}
body .zp-page-content:not(.zp-dashboard-page) .zp-element-text-block .zp-element-header {
	padding:0;
}
body .zp-page-content:not(.zp-dashboard-page) .zp-element-text-block .zp-element-content {
	width:100%;
	text-align:right;
	padding:15px 0;
}
body .zp-element-text-block pre.zp-text-pre {
	font-family: 'hachaluzim', sans-serif;
	text-align:right;
}
body .zp-section-header-container {
	margin-left:0;
}
body .zp-record-add {
	font-family: 'hachaluzim', sans-serif;	
	font-size:20px;
	padding:6px 10px 6px 15px;
	background:#acc486;
}
body .zp-record-add svg#Add_line_icon {
	background:none;
}
body .zp-table thead th {
	font-family: 'hachaluzim', sans-serif;	
	font-size:18px;
}
body .zp-page-wraper .zp-modal-close-button {
	right:auto;
	left:-2px;
	top:-9px;
}
body .page-zportals .zp-submit-btn {
	font-family: 'hachaluzim', sans-serif;	
	margin-right:15px;
	margin-left:0;
}
body .zp-edit-cancel-btn, body #colorbox .close-modalLkp {
	font-family: 'hachaluzim', sans-serif;	
	margin-right:0;
	margin-left:15px;
}
body .zp-row .zp-col-6 {
	float:right;
}
body .zp-record-edit .zp-section-row .zp-field-edit-container .zp-input-field {
	color:#000;
	font-size:18px;
	font-family: 'hachaluzim', sans-serif;	
}
.zp-form-group.zp-lookup-search {
	float:right!important;
}
body #colorbox .zp-lookup-search .searchstr {
	float:right;
	color:#000;
	font-size:18px;
	font-family: 'hachaluzim', sans-serif;		
}
body #colorbox .zp-lookup-search .resetrecord {
	font-family: 'hachaluzim', sans-serif;	
	float:right;
	line-height:1;
}
body #colorbox .zp-lookup-search .searchrecord {
	font-family: 'hachaluzim', sans-serif;	
	float:right;
	line-height:1;
}
.cust-pagination-button-section a {
	line-height:34px;
	font-family: 'hachaluzim', sans-serif;	
}
#cboxLoadedContent #showDialogLookup .cmrModuleList table.lookuptable th:first-child, #cboxLoadedContent #showDialogLookup .cmrModuleList table.lookuptable td:first-child{
	width:80px;
}
#cboxLoadedContent #showDialogLookup .cmrModuleList table.lookuptable th, #cboxLoadedContent #showDialogLookup .cmrModuleList table.lookuptable td{
	width:100%;
}
table.dataTable thead th, table.dataTable thead td, #cboxLoadedContent #showDialogLookup .cmrModuleList table.lookuptable tbody.module-list td {
	text-align:right!important;
	color:#000;
	font-size:18px;
}
#cboxLoadedContent #showDialogLookup .cmrModuleList table.lookuptable td:first-child{
	text-align:center;
}
body .zp-lookup-input-group .remove-input {
	margin-left:0;
	margin-right:8px;
}
body .zp-record-edit .zp-section-row .zp-field-edit-container .select2-selection__rendered {
	font-family: 'hachaluzim', sans-serif;	
	font-size:18px;
	line-height:1.6;
}


/** Data Tables **/
.dataTables_wrapper .dataTables_length {
	display:none;
}
.dataTables_wrapper .dataTables_paginate {
	display:none;
}
body .zp-record-list-page .zp-records-list th, body .zp-record-details .zp-records-list th, body .zoho-subscription-page .zp-record-list-section th, body .zoho-desk-ticket-details .zp-ticket-attachment-list th, body .zoho-desk-ticket-details .zp-ticket-threads-list th {
	padding-right:5px;
	font-size:20px;
}
body .zp-table thead th, body .zp-table thead th:first-child, body .zp-table thead th:last-child  {
	border-radius:0;
	background:none;
}
body .zp-table tbody tr td {
	font-size:18px;
	padding:10px;
}
body .zp-record-list-page .zp-records-list td .field_value, body .zp-record-details .zp-records-list td .field_value {
	font-family: 'hachaluzim', sans-serif;	
	font-size:18px;	
}
body .zp-record-list-section .zp-section-content {
	overflow:hidden;
}
body .zp-table tbody td.zp-action-column .action-column-body a {
	font-family: 'hachaluzim', sans-serif;	
	font-size:16px;		
}
body .dataTables_wrapper .dataTables_paginate .paginate_button.previous, body .dataTables_wrapper .dataTables_paginate .paginate_button.next {
	font-family: 'hachaluzim', sans-serif;	
	font-size:18px;		
	display:flex;
	align-items:center;
	color:#3076c4;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next i,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous i {
	transform:rotate(180deg);
}
body .dataTables_wrapper .dataTables_paginate .paginate_button.next i {
	margin-right:4px;
}
body .dataTables_wrapper .dataTables_paginate .paginate_button.previous i { 
	margin-left:4px;
}


/** Rank page **/
.module-CandidatePreferences---1747501369 .zp-record-add-edit-form .zp-row .zp-left-section {
	float:left;
}
.module-CandidatePreferences---1747501369 .zp-record-add-edit-form .zp-section-row .zp-field-details-section {
	width:100%;
}
.module-CandidatePreferences---1747501369 .zp-record-add-edit-form .warning-text {
	position:absolute;
}
.for-Mechina-field .dataTables_wrapper .dataTables_paginate {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.for-Mechina-field .dataTables_wrapper .dataTables_length {
	display:flex;
}
.for-Mechina-field .dataTables_wrapper .dataTables_length label {
	display:flex;
	align-items:center;
}
body .dataTables_wrapper .dataTables_length label {
	text-align:center;
	font-family: 'hachaluzim', sans-serif;	
	font-size:18px;	
}
body .dataTables_wrapper .dataTables_length select {
	text-align:center;
	font-family: 'hachaluzim', sans-serif;	
	font-size:18px;		
	line-height:1;
	width:50px;
}

/** List Pages **/
.page-zportals-list .zp-record-list-section .zp-section-header-container .section-header-text {
	display:none;
}

/** Payment pages **/
.module-custompage---1749634615 .row-possition-0 .zp-section-header-container ,.module-custompage---1750350238 .row-possition-0 .zp-section-header-container , .module-custompage---1755130455 .row-possition-0 .zp-section-header-container, .module-custompage---1755603403 .row-possition-0 .zp-section-header-container, .module-custompage---1752134170 .row-possition-0 .zp-section-header-container {
	display:none;
}

/** Mechina Pages **/
 .mechina-page-container {
            max-width: 800px;
            margin: 0 auto;
            background: white;
            border-radius: 12px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            overflow: hidden;
        }
        
        .mechina-page-header {
            text-align: center;
            padding: 30px;
            background: #4a90e2;
            color: white;
            position: relative;
        }
        
        .back-button {
            position: absolute;
            top: 20px;
            right: 20px;
            background: white;
            color: #4a90e2;
            border: 2px solid white;
            padding: 10px 18px;
            border-radius: 8px;
            text-decoration: none;
            font-size: 14px;
            font-weight: bold;
            transition: all 0.2s ease;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        
        .back-button:hover {
            background: #f0f8ff;
            transform: translateY(-1px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.15);
        }
        
        .mechina-page-header h1 {
            font-size: 28px;
            margin-bottom: 12px;
            color: white;
            font-weight: bold;
        }
        
        .ranking-header {
            background: #e3f2fd;
            padding: 20px;
            text-align: center;
            border-bottom: 3px solid #4a90e2;
        }
        
        .ranking-header h2 {
            font-size: 24px;
            color: #1976d2;
            font-weight: bold;
        }
        
        .counter {
            font-size: 16px;
            color: #666;
            margin-top: 8px;
        }
        .section-headers {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0;
            background: #f8f9fa;
            border-bottom: 3px solid #4a90e2;
        }
        
        .section-header {
            padding: 20px;
            background: #f8f9fa;
            color: #2c3e50;
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            border-right: 1px solid #dee2e6;
            border-bottom: 1px solid #dee2e6;
        }
        
        .section-header:first-child {
            border-right: none;
        }
        
        .main-content {
            padding: 0;
			display:flex;
			padding:30px;
            /*display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0;
            min-height: 500px;*/
        }
        
        .mechina-section {
            padding: 30px;
            border-right: 1px solid #e0e0e0;
			width:50%;
        }
        
        .mechina-section:first-child {
            border-right: none;
        }
        
        .mechina-list {
            height: 500px;
            overflow-y: auto;
            padding: 0;
        }
        .mobile-section-title {
			text-align:center;
			font-weight:600;
		}
        .mechina-item {
            display: flex;
            align-items: center;
            padding: 10px 15px;
            margin: 12px 0;
            background: white;
            border: 2px solid #e0e0e0;
            border-radius: 12px;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 18px;
            line-height: 1.5;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
			display:flex;
			align-items:center;
        }
        
        .mechina-item:hover {
            background: #e3f2fd;
            border-color: #4a90e2;
            transform: translateY(-1px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        
        .mechina-item.selected {
            background: #e8f5e8;
            border-color: #4caf50;
            box-shadow: 0 3px 6px rgba(76,175,80,0.2);
        }
        
        .mechina-item.selected:hover {
            background: #c8e6c9;
            transform: translateY(-1px);
        }
        
        .mechina-checkbox {
            width: 20px;
            height: 20px;
            margin-left: 15px;
			margin-bottom:0;
			margin-top:0;
            cursor: pointer;
            accent-color: #4a90e2;
        }
        
        .mechina-item.selected .mechina-checkbox {
            accent-color: #4caf50;
        }
        
        .mechina-name {
            flex: 1;
            font-weight: 500;
        }
        
		#ranking-container {
			width:100%;
		}
        
        .ranking-list {
            max-height: 500px;
            overflow-y: auto;
        }
        
        .ranking-item {
            display: flex;
			align-items:center;
            align-items: center;
            padding: 10px 15px;
            margin: 12px 0;
            background: white;
            border: 2px solid #e8eef7;
            border-radius: 12px;
            font-size: 18px;
            line-height: 1.5;
            /*min-height: 75px;*/
			font-weight:600;
            box-shadow: 0 2px 8px rgba(0,0,0,0.04);
            transition: all 0.3s ease;
        }
        
        .ranking-item:hover {
            border-color: #4a90e2;
            box-shadow: 0 6px 20px rgba(74,144,226,0.12);
            transform: translateY(-1px);
        }
        
        .mechina-name {
            flex: 1;
            font-weight: 500;
            color: #2c3e50;
            font-size: 16px;
            line-height: 1.4;
        }
        
        .priority-select {
            min-width: 100px;
            max-width: 110px;
            padding: 8px 12px;
            border: 2px solid #d1d9e6;
			margin-bottom:0;
			line-height:1;
            border-radius: 8px;
            font-size: 14px;
            font-family: inherit;
            background: white;
            color: #333;
            cursor: pointer;
            transition: all 0.2s ease;
            font-weight: 500;
            /* Mobile-specific styles */
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: right 8px center;
            background-size: 16px;
            padding-right: 32px;
            /* Touch optimization */
            touch-action: manipulation;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        
        .priority-select:focus {
            outline: none;
            border-color: #4a90e2;
            box-shadow: 0 0 0 3px rgba(74,144,226,0.1);
        }
        
        .priority-select option {
            padding: 8px;
            font-size: 16px;
        }
        
        .mechina-page-footer {
            text-align: center;
            padding: 30px;
            border-top: 1px solid #eee;
            background: #f8f9fa;
        }
        
        .button-group {
            display: flex;
            gap: 15px;
            justify-content: center;
            margin-bottom: 20px;
        }
        
        .btn {
            padding: 0px 40px;
            border: none;
            border-radius: 8px;
            font-size: 18px;
			height:50px;
			line-height:46px;
            cursor: pointer;
            transition: all 0.2s ease;
            font-weight: bold;
        }
        
        .save-btn {
            background: linear-gradient(135deg, #4a90e2, #357abd);
            color: white;
            box-shadow: 0 4px 12px rgba(74,144,226,0.3);
        }
        
        .save-btn:hover {
            background: linear-gradient(135deg, #357abd, #2968a3);
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(74,144,226,0.4);
        }
        
        .save-btn:disabled {
            background: linear-gradient(135deg, #ccc, #bbb);
            cursor: not-allowed;
            transform: none;
            box-shadow: none;
        }
        
        .reset-btn {
            background: white;
            color: #666;
            border: 2px solid #dee2e6;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        }
        
        .reset-btn:hover {
            background: #f8f9fa;
            border-color: #adb5bd;
            color: #495057;
            transform: translateY(-1px);
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        }
        
        .status {
            font-weight: bold;
            font-size: 18px;
            min-height: 24px;
            margin-top: 15px;
        }
        
        .duplicate-warning {
            background: linear-gradient(135deg, #fff3cd, #ffeaa7);
            color: #856404;
            padding: 15px;
            border-radius: 8px;
            border: 1px solid #ffeaa7;
            font-size: 15px;
            line-height: 1.5;
            text-align: center;
            margin: 10px 0;
            box-shadow: 0 2px 8px rgba(255,193,7,0.2);
            animation: fadeInWarning 0.3s ease-in;
        }
        
        @keyframes fadeInWarning {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .empty-state {
            text-align: center;
            padding: 60px 20px;
            background: #f9f9f9;
            border-radius: 12px;
            margin: 20px 0;
        }
        
        .empty-state .icon {
            font-size: 48px;
            margin-bottom: 20px;
            color: #bbb;
        }
        
        .empty-state h3 {
            color: #666;
            margin-bottom: 15px;
            font-size: 20px;
        }
        
        .empty-state p {
            color: #888;
            margin-bottom: 25px;
            line-height: 1.6;
        }
        
        .selection-btn {
            background: #28a745;
            color: white;
            padding: 14px 28px;
            border: none;
            border-radius: 8px;
            font-size: 16px;
            cursor: pointer;
            text-decoration: none;
            display: inline-block;
            font-weight: bold;
            transition: all 0.2s ease;
        }
        
        .selection-btn:hover {
            background: #218838;
            transform: translateY(-1px);
        }
        
        /* Custom scrollbar */
        .ranking-list::-webkit-scrollbar {
            width: 8px;
        }
        
        .ranking-list::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 4px;
        }
        
        .ranking-list::-webkit-scrollbar-thumb {
            background: #c1c1c1;
            border-radius: 4px;
        }
        
        .ranking-list::-webkit-scrollbar-thumb:hover {
            background: #a1a1a1;
        }
        
        /* Mobile responsive */
        @media (max-width: 768px) {
            body {
                padding: 5px;
            }
            
            .mechina-page-container {
                margin: 0;
                border-radius: 0;
            }
            
            .mechina-page-header {
                padding: 20px 15px;
            }
            
            .back-button {
                position: static;
                display: inline-block;
                margin-bottom: 15px;
                padding: 8px 16px;
                font-size: 13px;
            }
            
            .main-content {
                padding: 5px;
            }
            
            .ranking-item {
                margin: 10px 0;
                font-size: 15px;
            }
            
            .mechina-name {
                font-size: 15px;
            }
            .mechina-section {
                /*border-right: none;
                border-bottom: 1px solid #e0e0e0;*/
                padding: 20px 15px;
                margin: 0;
            }
            
            .mechina-section:last-child {
                border-bottom: none;
            }
            
            .mechina-list {
                height: auto;
                max-height: 400px;
                padding: 0;
                margin-top: 0;
            }
            
            .mechina-item {
                margin: 8px 0;
                font-size: 15px;
            }
            .priority-select {
                min-width: 85px;
                max-width: 95px;
                padding: 10px 30px 10px 10px;
                font-size: 14px;
                /* Enhanced mobile touch */
                -webkit-tap-highlight-color: rgba(74,144,226,0.2);
            }
            
            .mechina-page-header h1 {
                font-size: 22px;
                line-height: 1.3;
            }
            
            .button-group {
                flex-direction: column;
                align-items: center;
            }
            
            .btn {
                padding: 0px 30px;
                font-size: 16px;
                width: 100%;
                max-width: 300px;
            }
        }

        @media (max-width: 767px) {
            
            .mechina-page-header {
                padding: 15px 10px;
            }
			.mechina-section {
				padding:20px 10px;
			}
			.mechina-item {
                padding:10px 5px;
            }
            .ranking-item {
                font-size: 14px;
                margin: 8px 0;
            }
            
            .mechina-name {
                font-size: 14px;
            }
            
            .priority-select {
                min-width: 75px;
                max-width: 85px;
                padding: 8px 28px 8px 8px;
                font-size: 12px;
                /* Mobile touch optimization */
                min-height: 40px;
                -webkit-tap-highlight-color: rgba(74,144,226,0.3);
            }
            
            .mechina-page-header h1 {
                font-size: 20px;
            }
            
            .ranking-header h2 {
                font-size: 20px;
            }
            
            .mobile-section-title {
                font-size: 16px !important;
                padding: 0 0 12px 0 !important;
                margin-bottom: 15px !important;
                display: block !important;
            }
            
            .mechina-checkbox {
                width: 16px;
                height: 16px;
                margin-left: 10px;
            }
        }
		



@media (max-width:1280px) {
.home-banner h1 {
	font-size:56px;
}
.home-banner p {
	font-size:22px;
}
}

@media (max-width:1000px) {
.zp-top-bar-right {
	display:none;
}
body .zp-top-bar-left {
	float:none;
	width:100%;
	display:flex;
	flex-direction:column-reverse;
}
body .zp-top-bar-left .zp-side-nav-toggle {
	margin-right:0;
}
body .zp-top-bar-left .zp-side-nav-toggle:after {
	content:"תפריט איזור אישי";
	display:inline-block;
	font-size:15px;
	color:#3076c4;
	margin-right:4px;
	font-family: 'hachaluzim', sans-serif;		
}
body .zp-top-bar .zp-portal-title {
	width:100%;
	padding-left:0;
	text-align:center;
	font-size:28px;
	margin-bottom:15px;
}
body .zp-side-nav {
	float:none;
	width:100%;
	padding:0 15px;
	z-index:999999999999;
}
body .zp-record-list-section td:before, body .ticket-records-list td:before {
	text-align:right;
	font-size:20px;
	font-family: 'hachaluzim', sans-serif;		
	display:none;
}
body td:before {
	left:auto;
	right:6px;
}
body .zp-record-list-section .zp-table tbody tr td .field_value, body .zp-related_module_section-section .zp-table tbody tr td .field_value, body .ticket-records-list td .field_value {
	text-align:right;
	float:right;
	font-size:18px;
}
body .zp-record-list-section .zp-table tbody tr td.zp-action-column .action-column-button {
	float:left;
	direction:ltr;
	padding-left:0;
}

}


@media (max-width:992px) {
.home-banner h1 {
	font-size:44px;
}
.home-banner p {
	font-size:18px;
}
.nav-sidebar.nav-vertical .social-icons {
	display:flex;
}
.nav-sidebar .social-icons a {
	background:#3076c4;
	height:36px;
	width:36px;
	display:flex;
	margin-left:5px;
	justify-content:center;
	align-items:center;
	color:#fff;
	border-radius:50%;
}
body .zp-page-wraper {
	margin:0 auto;
}
body .zp-record-list-page td:nth-of-type(2):before {
	display:none;
}
body table.dataTable {
	display:table!important;
}
body table.dataTable tbody {
	display:table-row-group!important;
}
body table.dataTable thead {
	text-align:right;
	display:table-header-group!important;
}
body table.dataTable tr {
	display:table-row!important;
}
body table.dataTable thead tr {
	position:relative!important;
	top:auto!important;
	left:auto!important;
}
body table.dataTable td, 
body table.dataTable th  {
	display:table-cell!important;
	border-radius:0!important;
}
body .zp-page-content .zp-table tbody td.zp-action-column {
	width:120px;
	border:none;
}
body .module-list td:nth-of-type(1):before, body .module-list td:nth-of-type(2):before {
	display:none;
}
body .dataTables_wrapper .dataTables_length {
	margin-top:10px;
}
body table td, body table th {
	font-size:18px!important;
}
body #colorbox .zp-lookup-search .resetrecord {
	margin-right:5px;
	margin-left:0;
	font-size:16px;
	padding:5px 15px;
}
body #colorbox .zp-lookup-search .searchrecord {
	font-size:16px;
	padding:5px 15px;
}
body table.dataTable tbody tr:nth-child(odd) td {
	background:#fff;
}
body table.dataTable tbody tr:nth-child(even) td {
	background:#f5f5f5!important;
}
}


@media (max-width:767px) {
.home-banner h1 {
	font-size:28px;
}
.home-banner p {
	font-size:16px;
}
body .zp-top-bar .zp-portal-title {
	font-size:20px;
}
body.logged-in .zp-page-wraper {
	padding:0;
	background:none;
	border-radius:0;
	width:100%;
	box-shadow:none;
}
body .zp-login-page .login-form {
	max-width:100%;
	margin:0px auto;
}
body .zp-row .zp-element-iframe {
	width:100%;
	margin-right:0;
	margin-left:0;
}
body .zp-page-wraper .zp-modal-wraper {
	z-index:99999999999;
}
body #colorbox, body #cboxOverlay, body #cboxWrapper {
	z-index:999999999999;
}
body .select2-container.select2-container--open {
	z-index:9999999999999;
}
body .zp-element-text-block pre.zp-text-pre {
	font-size:18px;
}
body .zp-record-list-section .zp-table tbody tr td.zp-data-type-picklist, body .zp-table tbody tr td {
	padding:10px;
}
body .zp-page-content .zp-table th.zp-list-action-th {
	padding-left:10px;
}
body .section-header-right a {
	float:right;
}
body #cboxLoadedContent #showDialogLookup .cmrModuleList table.lookuptable tbody.module-list td, body table.dataTable thead th, body table.dataTable thead td {
	padding:10px;
}
body .zp-record-list-page .zp-records-list th, body .zp-record-details .zp-records-list th, body .zoho-subscription-page .zp-record-list-section th, body .zoho-desk-ticket-details .zp-ticket-attachment-list th, body .zoho-desk-ticket-details .zp-ticket-threads-list th {
	height:auto;
	padding:10px;
}
body .zp-record-list-section .zp-table tbody tr td .field_value, body .zp-related_module_section-section .zp-table tbody tr td .field_value, body .ticket-records-list td .field_value {
	padding:0;
}
body .zp-record-list-section .zp-table tbody tr td.zp-data-type-picklist .field_value, body .zp-record-details .zp-records-list td.zp-data-type-picklist .field_value {
	float:none;
	width:100%;
	text-align:center;
	padding:0;
}
body .section-header-title, body .zp-records-list th  {
	font-size:18px!important;
}
body table.dataTable td, body .zp-record-list-section .zp-table tbody tr td .field_value, body .zp-related_module_section-section .zp-table tbody tr td .field_value, body .ticket-records-list td .field_value {
	font-size:16px;
}
body .zp-page-content:not(.zp-dashboard-page) .zp-left-section.zp-col-6, body .zp-page-content:not(.zp-dashboard-page) .zp-right-section.zp-col-6 {
	float:none;
}
.module-CandidatePreferences---1747501369 .zp-record-add-edit-form .zp-section-row .zp-field-details-section {
	margin:15px 0;
}
body .zp-section-row .zp-section-content .zp-right-section .zp-field-details-section {
	width:100%;
}
body .zp-dashboard-page .zp-element-text-block .zp-element-content {
	padding:0;
	border-radius:0;
}
body .zp-dashboard-page .zp-element-text-block .zp-element-content p {
	line-height:1.3;
	margin-bottom:12px;
}
body .zp-element-text-block pre.zp-text-pre {
	line-height:1.3;	
}
body .zp-element-text-block pre.zp-text-pre br {
	line-height:1;
}
body .zp-page-content:not(.zp-dashboard-page) .zp-element {
	margin-top:0;
	margin-bottom:20px;
}
body .zp-page-content:not(.zp-dashboard-page) .zp-element-text-block .zp-element-content {
	padding:0;
}
	body .zp-record-details .zp-section-row {
		margin-bottom:20px;
	}
body .zp-page-content:not(.zp-dashboard-page) .zp-element-text-block .zp-element-header {
	margin:0;
}
}