/* CSS Document */

/* GENERAL HTML ELEMENTS */
a { color: rgba(54, 57, 66, 0.5); text-decoration: none; }
a:hover { text-decoration: none; }

hr { border: 1px rgba(228, 228, 228, 1) solid; margin-top: 15px; margin-bottom:10px; }
/*table.padded td {
	padding: 5px;
}
img {
	border: 0px;
} */
p {
	color: #787878;
	font-size: 14px;
	text-align: justify;
}

/*.colour { color:#eb363c; font-weight:bold; } */

li { list-style-type: none; }
/* stranka */
/* zahlavie */
* { 
	margin:0px;
	padding:0px;
}
html {
	color:rgba(54, 57, 66, 0.6);
	background-color: rgba(241, 241, 241, 1);
  scroll-behavior: auto;
}
body {
  min-width: 1250px;
  font-family:"Poppins", arial;
  /* user-select: none; PREVENT HIGHLIGHTING ELEMENTS*/
}
body.is-reloading #cropper { opacity: .45; pointer-events:none; transition: opacity 150ms ease; }
body.is-reloading { cursor: progress; }

h1, h2, h3, h4 { 
  color:rgba(54, 57, 66, 0.8); 
  padding-bottom:30px; 
}
h1, h2 { text-align:left; }
h1 { font-size:64px; }
h3 { font-size:30px; }
h4 { font-size:24px; }

a { 
  color: rgba(54, 57, 66, 0.5); 
  text-decoration:none; 
}

a:hover { text-decoration: none; }

hr { 
  border: 1px rgba(228, 228, 228, 1) solid; 
  margin-top: 15px; 
  margin-bottom:10px; 
}

p {
	color: #787878;
	font-size: 14px;
	text-align: justify;
}

li { list-style-type: none; }
/* stranka */
/* zahlavie */
* { 
	margin:0px;
	padding:0px;
}



/*NHOMEPAGE !!!!!!!!!!*/ 

/*Navigation Bar*/ 
/* General style of the input fields of forms (to be filled with text) */
input, select, textarea { border:1px #ececec solid; background-color:rgba(255, 255, 255, 1); color:rgba(54, 57, 66, 0.8); padding:10px; font-size:14px; font-family:"Poppins", arial; }
input::placeholder, textarea::placeholder { color:rgba(54, 57, 66, 0.6); }
input:focus, select:focus, textarea:focus { outline:none; }
input[type=submit], input[type=button], button { border:0px; min-width:140px; font-size:18px; filter:none; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
input:-webkit-autofill{
    -webkit-text-fill-color: rgba(54, 57, 66, 0.8) !important;
}



/* WEBPAGE STRUCTURE CLASSES 
Header - from /pages/objects/header.php */
 
#headmenu {
	height: 80px;
	padding-left:75px;
	padding-right:70px;
	padding-top: 50px;
}
#headmenu ul {
	list-style-type: none;
	margin-top: 30px;
}
#headmenu ul li {
	float: right;
  margin-top: 5px;
}
/* Header: menu buttons style - Login, Registration */
/* Header: menu buttons style - Login, Registration */
#headmenu ul li a {
  margin-left: 10px;
  padding: 12px 18px;
  color: #33A8B8;
  text-align: center;
  background-color: #F5F5F5;
  border: 1px solid #33A8B8;
  border-radius: 30px;
}
/* Header: menu blue button */
/* Header: menu blue button */
#headmenu ul li a.inverted {
  color: #ffffff;
  background-color: #58BBDA;
}

#headmenu ul li a:hover {
	text-decoration: none;


}   

/* MatchGo Logo in Nav Bar */ 
.logo { 
  float:left; 
  padding: 10px 0 0 50px;
 }

/* Header: profile menu buttons (icons) after the customer loggs in */
.button_row {
  display: flex;
  float: right;
  margin-top:15px;
  justify-content: flex-end;
  background-color: transparent;
  border: 0px;
  padding:5px;
  gap: 20px;
}*/


/*Main Heading1 - Welcome to Matchgo Text*/ 
.Vitajte_v_matchgo {
  width:600px;
  margin-top:20px;
}

/*Introduction Area of HomePage */ 
#box {
  min-height:500px; margin-left:auto; margin-right:auto; padding-left:130px; padding-right:45px;
  }

/* 3 Types of Main Search   */ 
.flex_boxes { 
  display: flex; 
  justify-content: 
  flex-start; width: 50%; 
}


/* WTF ? */ 
.box_item { 
  height: 140px;
   width: 160px; 
   border-radius: 24px; 
   padding-top:20px; 
   margin-right:40px;
  background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 1), rgba(227, 227, 227, 0.3)) 
}

/* WTF ? */ 
.box_item p { 
  color:#5F5F5F; 
  text-align: center; 
  margin-top: 10px; 
  padding: 10px; 
  padding-top:20px; 
  display:block; 
  font-size:16px; 
}

/* Looking for work - Card 1 */ 
.box_demand { 
  width: 56px; 
  height: 56px; 
  background-image: url("../images/demand_job.svg"); 
  margin-left: auto; 
  margin-right: auto; 
}
.shadow_left { box-shadow: -5px 4px 4px rgba(242, 153, 74, 0.3); }
.shadow_left:hover { box-shadow: -5px 4px 15px rgba(242, 153, 74, 0.6); }
/* Offering  work - Card 2  */ 
.box_offer { 
  width: 56px; 
  height: 56px; 
  background-image: url("../images/offer_job.svg"); 
  margin-left: auto;
   margin-right: auto; 
  }
.shadow_center { box-shadow: 0px 4px 4px rgba(123, 194, 204, 0.3); }
.shadow_center:hover { box-shadow: 0px 4px 15px rgba(123, 194, 204, 0.8); }
/* Offering  Service - Card 3  */ 
.box_service { 
  width: 56px; 
  height: 56px; 
  background-image: url("../images/service.svg"); 
  margin-left: auto; 
  margin-right: auto; 
}
.shadow_right { box-shadow: 5px 4px 4px rgba(197, 184, 195, 0.3); }
.shadow_right:hover { box-shadow: 5px 4px 15px rgba(197, 184, 195, 0.8); }


/*How Matchgo Works -  Text */ 
.ako_funguje_matchgo {
  text-align:center;
  font-size: 24px;
}

/*How Matchgo Works -  All cards */ 
#wrapper { 
  padding:40px 30px 0px 30px; 
  display: flex; 
  flex-direction: row; 
  gap: 40px; 
  justify-content:space-evenly; 
}

/*How Matchgo Works - Each Card , now total 5 cards*/ 
.wrap_item img { margin-top: 3%; width: 50px; }
.wrap_item h4 { font-size: 20px; color: #DD9222; margin-top:10px; padding-bottom:10px; }
.wrap_item p { padding-top: 10px; padding-bottom:15px; font-size: 15px; color: #5F5F5F; text-align:center; }












/*PROFILE ? !!!!!!!!!!*/ 


.round_icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 14px;
}
/*.round_icon img:not(.profile) {*/
.round_icon img {
  height: 35px;
}
/*
.round_icon img.profile {
  border-radius: 10px;
}*/

.profile_icon {
  display: flex;
  flex-direction: column;   /* zoradí položky vertikálne */
  align-items: center;      /* zarovná na stred horizontálne */
  gap: 9px;                /* medzera medzi avatarom a textom */
  
}

.profile_icon span {
  font-size: 14px;
  line-height: 1;
}


/* Style of the icon with the profile image*/
/*.profile_header img.profile {
  width:50px;
  border-radius: 10px;
  padding-top: 0px;
}*/

.round_icon span:not(.notification-badge) {
  margin-top: 10px;
}

/* Notification badge for the bell with a number up to 99 */
.notification-badge {
  position: absolute;
  background-color: red;
  color: white;
  border-radius: 5px;
  min-width: 20px;
  margin-left:40px;
  font-size: 10px;
}


/* Header - cotext menu, displayed after getting cursor on the profile image, behavior in JS */
.dropdown-content {
  /*display: none;*/
  margin-top:100px;
  position: absolute;
  background-color: #F9F9F9;
  width: 300px;
  padding:30px;
  box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.2);
  border-radius: 10px;
  border-radius: 10px;
  z-index: 4;
}

.dropdown-content a {
  padding: 4px 10px;
  text-decoration: none;
  display: block;
  font-size: 14px;
}

.dropdown-content a:not(.button) {
font-weight: bold;
}
/* The line separating sections of the profile context menu */
.dropdown-content hr { margin: 10px 2px; }
.dropdown-content h4 { font-size:20px; padding: 0px 0px 15px 7px; } 
.dropdown-container {
  display:flex; flex-direction:column; padding-bottom: 5px;
}
/* Heder: Context menu containting name of customer/user and the button edit profile */
.profile_header { display:flex; align-items: end; padding-bottom:20px; }
.profile_name { text-align:left; display: inline-block; width:70%; min-height:37px; padding-left:25px; }
.edit_profile { font-weight:normal; text-align:center; }
.edit_frame .frame_row:not(.dategroup) { min-width:638px; }

.homepage_description { width:455px; font-size:24px; margin-bottom:40px; }

/* Profile - from /pages/moduls/[client/user]/profile/modul_functions.php
Main layout */
.profile_dashboard { display:flex; flex-direction:row; justify-content:center; gap:50px; padding-bottom:30px; }
/* Main wider element containing the forms (to be filled with text) */
.profile_container { width:825px; float:left; display:flex; flex-direction:column; gap:20px; }

/* Secondary elements arranged vertically into sections */
/* Secondary elements arranged vertically into sections */
.profile_box { background-color:#F3F3F3; border-radius:10px; box-shadow: 0px 14px 42px 0px #C4C4C4; }
.profile_box_title { padding-left:68px; display: flex; flex-direction: row; gap:20px; }

.profile_box_title span:not(.progress-text) { font-size:18px;color:#58BBDA;font-weight:bold; }
.profile_box hr { color:#d9d9d9; }

/* Profile menu in the side element (on the right) */

/* Profile menu in the side element (on the right) */
.profile_menu { padding: 60px 40px 65px 65px; display: flex; flex-direction: column; gap:20px; }
.profile_menu a { font-weight: bold; color: rgba(54, 57, 66, 0.8); }
.profile_menu li { padding-left: 25px; display: inline-block; background-repeat: no-repeat; background-position: left; }
.profile_menu li:hover a { color:#58BBDA; }
.profile_menu li.selected a { color:#58BBDA; }
/* Profile menu icons */
/* Profile menu icons */
.pmi-1 { background-image: url('../images/profile_menu_icon_1.svg'); }
.pmi-2 { background-image: url('../images/profile_menu_icon_2.svg'); }
.pmi-3 { background-image: url('../images/profile_menu_icon_3.svg'); }
.pmi-4 { background-image: url('../images/profile_menu_icon_4.svg'); }
.pmi-5 { background-image: url('../images/profile_menu_icon_5.svg'); }
.pmi-6 { background-image: url('../images/profile_menu_icon_6.svg'); }
.pmi-7 { background-image: url('../images/profile_menu_icon_7.svg'); }
.pmi-1:hover, .pmi-1.selected { background-image: url('../images/profile_menu_icon_1-ho.svg'); }
.pmi-2:hover, .pmi-2.selected { background-image: url('../images/profile_menu_icon_2-ho.svg'); }
.pmi-3:hover, .pmi-3.selected { background-image: url('../images/profile_menu_icon_3-ho.svg'); }
.pmi-4:hover, .pmi-4.selected { background-image: url('../images/profile_menu_icon_4-ho.svg'); }
.pmi-5:hover, .pmi-5.selected { background-image: url('../images/profile_menu_icon_5-ho.svg'); }
.pmi-6:hover, .pmi-6.selected { background-image: url('../images/profile_menu_icon_6-ho.svg'); }
.pmi-7:hover, .pmi-7.selected { background-image: url('../images/profile_menu_icon_7-ho.svg'); }


.profile_form_top { height:200px; width:85%; margin-left:auto; margin-right:auto; }
.profile_form_top hr { width:80%; margin-left:auto; margin-right:auto; margin-top: 10px; }
/*
.profile_form_top { height:200px; width:85%; margin-left:auto; margin-right:auto; }
.profile_form_top hr { width:80%; margin-left:auto; margin-right:auto; margin-top: 10px; }
/*
.personal-info-table,
.additional-info-table {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
}
*/
.table-header { /* ??? až po .section header */
    text-align: center;
    height: 50px;
    vertical-align: top;
}

.table-header span {
    color: rgba(54, 57, 66, 0.8);
    font-weight: bold;
}

span.label {
    padding-left: 3px;
}

.spacer {
    width: 30px;
}
.dategroup { min-width: none; }
.input-field,
.input-field-special,
.date-input,
.year-input,
.textarea-field {
    border: 1px solid #ECECEC;
    border-radius: 11px;
    padding-left: 20px;
}

.input-field {
    width: 265px;
    height: 25px;
}
.input-field-special { width: 150px; }
.date-input {
    width: 23px;
    height: 25px;
}

.year-input {
    width: 40px;
    height: 25px;
}

.textarea-field {
    width: 95%;
    height: 150px;
    resize: none;
}

.section-header {
    height: 40px;
    vertical-align: bottom;
}


.profile_menu li { display: flex; flex-direction: row; gap: 10px; }
.pb-left { width:100%; /*height:280px;*/ float: left; }
.pb-right { padding-top:70px; width:335px; height:500px; float:right; position: sticky; top:10px; }
.pb-bottom { width:100%; min-height:400px; }
.profile_info_edit { display: flex; flex-direction: row; justify-content: space-between; }
.profile_info_edit span.name { font-size: 18px; cursor: pointer; padding:20px; padding-right:10px; }
.profile_info_edit label { padding:20px; padding-left:0px; }
.address_field { display: flex; flex-direction: column; font-weight: bold; color:#363942; }

.contents1 { min-height: 400px; display: none; }

#menu { 
   width: 160px;
   min-height: 300px ;
   float: left;
}


#page {
padding-top:65px;
padding-bottom:30px;
}

#terminal {
width: 100%;
padding-top:110px; margin-bottom:50px;
display: flex;
flex-direction: column;
flex-direction: column;
justify-content: center;
gap:20px;
gap:20px;
}


.profile_photo_containter { display: flex; flex-direction: row; justify-content: space-evenly; padding-top: 30px; padding-bottom: 50px; }
.profile_photo { min-width: 150px; display: flex; flex-direction: column; align-items: center; gap: 15px; }
.profile_photo_section { display: flex; flex-direction: column; justify-content: space-between; }
.profile_photo_name { width: 475px; padding:10px; border-bottom: 2px solid #d9d9d9; text-align: center; font-size: 24px; }
.profile_blank_row { height: 30px; }
.inverted_image { transform: scaleY(-1); }




.frame, .edit_frame { font-size:14px; display:flex; flex-direction:column; align-content:center; flex-wrap:wrap; gap:15px; padding-bottom: 55px; }
.frame_title { text-align:center; height:80px; margin-top:45px; }
.frame_title span, .frame_header { color:rgba(54, 57, 66, 0.8);font-weight:bold; font-size: 18px; }
.frame_edits { display: flex; flex-direction: row; align-items: center; gap:5px; }
.frame_edits span { font-size: 16px; font-weight: bold; }
.frame_edits img { width: 30px; cursor: pointer; filter: brightness(0.6);}
.frame_row { display:flex; flex-direction:row; justify-content:space-between; flex-wrap:wrap; gap:15px; }
.frame_row .add_special, .link_decoy { display: flex; align-items: center; justify-content: left; background-image: url('../images/icon_form_plus.svg'); background-position: left center; background-repeat: no-repeat; width: 310px; height:30px; gap: 5px; cursor: pointer; user-select: none; }
.link_decoy a { font-size: 14px; padding-left: 30px; } 
.frame_row span:not(.add_special, .on-text, .off-text, .slider, .add-section-btn) { padding-left:3px; }
.frame_box { display: flex; flex-direction: column; gap:12px; }
.frame_box span { font-size:14px; }
.frame_box textarea { height:150px;border: 1px solid #ECECEC; border-radius:11px; resize:none; padding-left:20px; }
.frame_box .add_icon { width:26px; }
.frame_box input { height:25px;border: 1px solid #ECECEC; border-radius:11px; padding-left:20px; }
.frame_box input[type=number] { padding-right:20px; }
.form_controls { justify-content:flex-end; padding-top:70px; } /* additional */
.empty-span { height: 22px; } 
.form_group { display:flex; flex-direction: column; gap:15px; border-top: 1px solid #d9d9d9; margin-top:10px; padding-top: 20px; }
.clone { display: contents; }

.fnmp {
  padding-bottom: 0px;
}
.fpmb { /* space and line between frames in .clone */
  padding-bottom: 0px;
  margin-top: 30px;
  padding-top:40px;
  border-top:1px solid #d9d9d9;
}
.add-section-btn { padding-left: 30px; }
.instance { display: flex; position:relative; flex-direction: column; gap:15px;}

#box { min-height:500px; margin-left:auto; margin-right:auto; padding-left:130px; padding-right:45px; }

.flex_boxes { display: flex; justify-content: flex-start; width: 50%; }
.box_item { height: 140px; width: 160px; border-radius: 24px; padding-top:20px; margin-right:40px;
			background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 1), rgba(227, 227, 227, 0.3)) }
.box_item p { color:#5F5F5F; text-align: center; margin-top: 10px; padding: 10px; padding-top:20px; display:block; font-size:16px; }
.box_demand { width: 56px; height: 56px; background-image: url("../images/demand_job.svg"); margin-left: auto; margin-right: auto; }
.box_offer { width: 56px; height: 56px; background-image: url("../images/offer_job.svg"); margin-left: auto; margin-right: auto; }
.box_service { width: 56px; height: 56px; background-image: url("../images/service.svg"); margin-left: auto; margin-right: auto; }
.shadow_left { box-shadow: -5px 4px 4px rgba(242, 153, 74, 0.3); }
.shadow_right { box-shadow: 5px 4px 4px rgba(197, 184, 195, 0.3); }
.shadow_center { box-shadow: 0px 4px 4px rgba(123, 194, 204, 0.3); }
.shadow_left:hover { box-shadow: -5px 4px 15px rgba(242, 153, 74, 0.6); }
.shadow_right:hover { box-shadow: 5px 4px 15px rgba(197, 184, 195, 0.8); }
.shadow_center:hover { box-shadow: 0px 4px 15px rgba(123, 194, 204, 0.8); }
/*
THIS IS WHERE THE OPTIMIZATION CURRENTLY ENDED
*/





.box_result { min-width:450px; max-width:550px; margin-bottom: 10px /*25px*/; padding: 15px; height: auto; background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); 
			  /*box-shadow: 6px 10px 9px -1px rgba(242, 153, 74, 0.14); border-radius: 24px;*/  box-shadow: 6px 5px 5px -1px rgba(242, 153, 74, 0.14); border-radius: 10px; }
/* ONCLICK .box_result:hover { box-shadow: 0px 2px 20px rgba(242, 153, 74, 0.6); } */
.box_result.selected { /*background-color: rgba(242, 153, 74, 0.14);*/ box-shadow: 6px 5px 5px -1px rgba(242, 153, 74, 0.50); }
.blue { color: rgba(88, 187, 218, 1); }
.orange { color: rgba(248, 167, 0, 1); }	 
.box_result table { width:100%; }
.box_result table td { font-size: 16px; color: rgba(54, 57, 66, 0.6); /*background-color: yellow;*/ }
.box_result table td h4 { font-size: 16px; padding-bottom:7px; }
.box_result table td .jobtype { font-size: 14px; }
.box_result table td.up_col_L { width:50px; height:50px; }
.box_result table td.up_col_L img { padding-right:10px; }
.box_result table td.up_col_R { width:35px; vertical-align: top; }

.box_result table td.down_col_L { width:165px; font-size: 14px; /*font-weight: 600;*/ color: #000000; }
.box_result table td.down_col_R { width:140px; font-size: 14px; font-weight: 600; color: #000000; text-align: right; }
.box_result table td.down_col_R .grey { color: rgba(54, 57, 66, 0.8); font-weight:normal; }
.dot { width: 25px; height:25px; background-color: #3cb02f; border-radius: 50%; float: right; }
.green_dot { width: 25px; height: 25px; background-color: #3cb02f; border-radius: 50%; position: absolute; top: 20px; right: 25px;

    z-index: 5; /* nech je vždy navrchu */ }

 #choice { width:330px; height:100%; margin-left:auto; margin-right:auto;}
 #choice a { width: 320px; background-color: #f8f8f8; display:block; margin-top:15px; color:rgba(54, 57, 66, 0.5); text-align:center; padding:10px; border:1px solid rgba(218, 218, 218, 0.5); border-radius:10px; }
 #choice a:hover { text-decoration:none; background:linear-gradient(180deg, rgba(251, 251, 251, 0.74) 0%, rgba(251, 251, 251, 0.00) 100%); box-shadow: 0px 3px 7px rgba(242, 153, 74, 0.2); }
 .icon_container { display:flex; align-items:center; justify-content:center; gap:30px; }
 .icon_element { display:flex; align-items:center; justify-content:center; width:45px; height:45px; background-color:#F8F8F8; border:1px solid rgba(218, 218, 218, 0.5); border-radius:12px; }
 .icon_element:hover { background:linear-gradient(180deg, rgba(251, 251, 251, 0.74) 0%, rgba(251, 251, 251, 0.00) 100%); box-shadow: 0px 3px 7px rgba(242, 153, 74, 0.2); }
 .icon_element svg { margin:auto; }


.avatar { width:350px; height:450px; float:right; display:block; padding-right:250px; background-image: url('../images/lady_howto.svg');background-repeat: no-repeat; }
.avatar_search { width:300px; height:400px; margin-right:100px; float:right; display:block; background-image: url('../images/young_man_with_laptop.png');background-repeat: no-repeat; }
.strip { margin-top:80px; height: 460px; padding-top:25px; background-color: rgb(229, 229, 229); }
.strip_search { margin-top:80px; min-height: 410px; background-color: rgb(248, 248, 248); }



#results_wrapper { width:450px; margin-left:180px;  }
.wrap_item { 
  width:450px; 
  margin-bottom: 25px; 
  padding: 15px; 
  height: 275px; 
  background: linear-gradient(180deg, rgba(251, 251, 251, 0.74) 0%, rgba(251, 251, 251, 0.00) 100%);  
  box-shadow: 6px 10px 9px -1px rgba(242, 153, 74, 0.14); 
  border-radius: 24px; 
  text-align:center; 
}

.parent_block {  display: flex; /* equal height of the columns .col */ padding-top:20px; }
.col {  
  flex: 1; /* both cols have the same height */
  padding: 10px;
}


/* progress bar element */
.progress-container { margin-top: 3px; width: 40px; height: 16px; border: 2px solid #58BBDA; border-radius: 5px; overflow: hidden; position: relative; } 
#progress-bar { width: 0%; height: 100%; background-color: #58BBDA; color: #fff; font-size: 10px; text-align: center; transition: width 0.5s; 
/* Mariánov návrh 2025-12-04
text-shadow:
     -1px -1px 1px rgba(88,187,218,1),
      1px -1px 1px rgba(88,187,218,1),
     -1px  1px 1px rgba(88,187,218,1),
      1px  1px 1px rgba(88,187,218,1);*/}
.progress-text { /*width:20px; height:20px; color: black; float: right;*/
position: absolute;
  top: 0;
  right: 1px;
  width: 100%;                 /* natiahne sa cez celý bar */
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: right;     /* zarovná text do stredu */
  font-size: 10px;
  font-weight: bold;
  color: #333;                 /* dobre čitateľné aj na bielom aj na modrom */
  pointer-events: none;    }



.adinfo_panel {
    float: right;
    margin-right: 160px;
	padding-bottom:19px;
	z-index: 3;
}

.adinfo {
  position: sticky;
  top: 6px;
  width: 650px;
  height: calc(100vh - 20px); /* alebo - 0px, podľa chuti */
  display: flex;
  flex-direction: column;
	border-radius:16px;
	background-color:#f9f9f9;
	box-shadow: 6px 10px 9px -1px rgba(242, 153, 74, 0.14);
	padding-bottom: 12px;
}

.adinfo_logo {
  width:130px;
  height:85px;
  padding-top:10px;
  padding-left:15px;

  display:flex;
  align-items:center;   /* vertikálne centrovanie */
  justify-content:center; /* ak chceš aj horizontálne */
}

.adinfo_logo img {
  max-width:115px;
  height:auto;
}

.adinfo_panel.fullwidth {
    float: none !important;
    margin-right: 0 !important;
    width: 100% !important;
}

.adinfo_panel.fullwidth .adinfo {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}
.adinfo_panel.fullwidth .adinfo .tab_content {
    height: calc(100vh - 270px) !important;
}


.tabs { width:100%; padding-left:23px; display:flex; }
.tab_cell { display:block; height:20px; margin-right:3px; padding:10px; font-size:14px; cursor:pointer; border-bottom:2px solid transparent; }
.tab_cell:hover { border-bottom:2px solid #ebebeb; }
.tab_cell.selected { border-bottom:2px solid #787878; }
.tab_content { padding-left:30px;
    padding-right:20px;
    margin-top:10px;
    margin-bottom:10px;
    /* KĽÚČOVÉ: */
    flex: 1 1 auto;      /* nech zaberie zvyšok výšky */
    overflow-y: auto;    /* scrolluje sa len obsah */
    height: auto;        /* žiadne calc(100vh - X) */
  
  
   font-size: 14px; }
.tab_controls { display:flex; justify-content:center; }
.rating_header { text-align:center; }
.rating_header p { font-size:16px; color: rgba(54, 57, 66, 0.8); font-weight:bold; text-align:center; padding-top:10px; padding-bottom: 20px; padding-top:20px; }
.rating_number { width: 30px; display: inline-block; text-align: center; }
.rating_bar { margin-left:20px; display:inline-block; height:10px; width:40px; background-color:#dadada; }
.rating_button { width: 300px; height:70px; margin-left: auto; margin-right: auto;}
.rating_button button { padding-left:60px;padding-right:60px;background-color:rgba(54, 57, 66, 0.8); cursor:pointer; }


.adinfo_company { display: flex; flex-direction: row; color:rgba(54, 57, 66, 0.8); gap:10px; padding-right:55px; }

.company_details { display: flex; flex-direction: column; gap:10px; }
.company_details p { padding-top:10px; font-size:16px; }
.company_details p img, .adinfo_company p div.rating { vertical-align:middle; }

.ad_title { padding-right:15px; max-height: 56px; overflow:hidden; }
.ad_details {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  justify-items: start;
  font-size: 14px;
  font-weight: bold;
}

.ad_details div img { vertical-align:text-top; margin-right:10px;
}



/* upload file area*/
  .upload-area {
            border-radius: 10px;
            width: 450px;
            text-align: center;
			padding:10px;
			padding-left:20px;
            cursor: pointer;
            background-color: #fff;
			display: grid;
			grid-template-columns: auto 1fr;
      align-items: center;
        }

        .upload-area p {
            color: rgba(54, 57, 66, 0.6);
			margin: 0px;
			text-align:left;
      font-size:16px;
        }

        #fileElem {
            display: none;
        }

        #gallery {
            margin-top: 10px;
        }

        .dragging {
            border-color: #000;
        }



.modulslist ul { 	list-style-type: none; }

.modulslist li {
float: left; width:250px; height:250px; display: block; margin-right:20px; padding-left:5px; border:2px solid #58BBDA; border-radius:5px 5px 5px 5px; box-shadow: 0px 2px 5px 1px #bbbbbb;
}

.modulslist li a {
width:auto;
height:30px;
display:block;
padding-top:10px;
color:#ffffff;
background-color:#58BBDA;
font-size:16px;
font-weight:bold;
text-align: center;
border-radius:3px 3px 5px 5px;
box-shadow: 0px 2px 5px 1px #bbbbbb;
}

.modulslist li a:hover {
text-decoration:none;
}

.userbox {
padding: 6px;
color: #58BBDA;
background-color:#dbdbdb;
font-weight:bold;
text-align: center;
border-radius:5px 5px 5px 5px;
box-shadow: inset 0 0 5px 2px #e3e3e3, 2px 2px 5px 1px #bbbbbb;
}



/* FORMS subclasses for input length */
.w70 { width:70px; }
.w100 { width:100px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w165 { width:165px; }
.w170 { width:170px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w240 { width:240px; }
.w280 { width:280px; }





.error-msg {
    display:block;
	height:14px;
    color: #cc0033;
    font-size: 12px;
	text-align:left;
	padding-left:8px;
	padding-top:5px;
}
.red-border {
    border: 1px solid red !important;
}

.button, .menubox { background-color:#58BBDA; padding:10px; padding-left:50px; padding-right:50px; font-size:16px; color:#ffffff; border-radius:30px; cursor:pointer; }
.golden_button { background: linear-gradient(90deg, rgba(248, 167, 0, 1), rgba(254, 213, 23, 1)); margin-left:60px; padding-top:10px; padding-left:40px; padding-right:30px; color:#ffffff; border-radius:30px; }
.golden_button img { vertical-align: text-bottom; margin-left: 10px; width: 17px; }
.menubox { padding:7px; padding-left:12px; padding-right:12px; }
.button:hover, .menubox:hover { text-decoration:none; }
.radio { width:auto; padding-left:5px; padding-right:5px; margin-left:5px; }
.subheader { color:#000000; font-size:14px; padding-top:15px; padding-bottom:20px; font-weight:bold;  }
h3 { padding-bottom:10px; color:#990000; font-size:18px;}
#title { width:100%; padding-bottom:10px; font-size:20px; color:#757575; text-align:center; }
#title_login { width:100%; padding-bottom:10px; font-size:36px; font-weight:600; color:rgba(54,57,66, 0.8); text-align:center; }
#logout { font-size:12px;float:right;padding-top:5px; margin-right:25px; }
.registration_done { width:150px; height:115px; margin-top:30px; margin-left:auto; margin-right:auto; background-image: url("../images/registration_done.png"); background-repeat:no-repeat; }


.formbutton { padding:8px;margin-left:20px;padding-left:110px;padding-right:110px; } 
.formbutton_transparent { padding:8px; padding-left:40px;padding-right:40px;background-color:transparent;color:#58BBDA;border: 1px solid #58BBDA; }
.formbutton_add { border-radius:11px;padding:8px;margin-left:15px;display:inline-block;width:80px;text-align:center; }
.formbutton_white { width: fit-content; min-width: 85px; border-radius:11px; margin:0px; padding:12px; background-color:#ffffff; border: 1px #58BBDA solid; color:#58BBDA; text-align:center; font-size:16px; }
.formbutton_white.upload { width: 120px; }

.upload-field { padding:20px; background-color: transparent; }

/*
table.output { border-width:2px; border-style:solid; border-color:#D8D8D8; border-collapse:collapse; 
width: 490px; align: center; margin-left: auto; margin-right: auto; } 
table.output td { border-width:2px; border-style:solid; border-color:#D8D8D8;  padding:5px; }   */

 /*!!! tr:first-child*/    

table.output { border-spacing: 0; width:500px; margin-left:auto; margin-right:auto; background-color: #eeeeee; box-shadow: 0px 0px 3px 2px #d1d1d1; /*BEFORE box-shadow: 5px 7px 5px #a1a1a1;*/ border: 1px #a4b9f2 solid; border-radius: 10px 10px 10px 10px; }
table.output th { padding:15px; background-color:#58BBDA; color:#ffffff; font-size:16px; font-weight:bold; box-shadow: inset 0px 10px 10px rgba(255,255,255, .4); } 
table.output td { padding:10px; border-right:1px #ffffff solid; font-size:14px; font-weight:bold; text-align:center; border-bottom:1px #ffffff solid; box-shadow: inset 0px 10px 10px rgba(255,255,255, .4); }
table.output td a { font-weight:bold; }
table.output tr.special td { background-color:rgba(255, 255, 255, .6); }
table.output tr:hover td { background-color: rgba(230, 43, 202,.6); color:#ffffff; }
/*table.output tr:hover td a { }*/
table.output tr#foot td { color:#787878; font-size:12px; border:0px; border-radius: 0px 0px 10px 10px; }
table.output tr#foot:hover td { background-color:rgba(0, 0, 0, 0); }
table.output tr#foot.special:hover td { background-color:rgba(255, 255, 255, .6); }
table.output td.alert { height:55px; text-align:center; font-weight:bold; color:red; }
table.output td.alert:hover { background-color:rgba(0, 0, 0, 0); color:red; }
table.output td.alert p { color:#787878; }
table.output td.result { text-align:center; padding:0px; }
table.output td.result .controls { width:90px; height:30px; padding-top:15px;cursor:pointer; }
table.output td.detailes { padding:0px; border:0px; pointer-events: none; background-color: rgba(181, 109, 168,.4); }
table.output td.detailes table { width: 495px; border-collapse:collapse; border:0px; border-spacing: 0; color:#ffffff; }
table.output td.detailes table td { text-align:left; }
table.output td.detailes table td.fade { background-color: rgba(255, 255, 255, .4);  font-weight:normal; }
table.output td.detailes .box { width:496px; height:180px; display:none; }
table.output td.detailes .notes { padding:5px; color:#ffffff; }



table.form { border-spacing: /*15px;*/ 5px 5px; /*border-collapse:collapse;*/ margin-left: auto; margin-right: auto; margin-bottom:30px; }
table.form th { padding:15px; background-color:#58BBDA; color:#ffffff; font-size:16px; font-weight:bold; box-shadow: inset 0px 10px 10px rgba(255,255,255, .4); border-radius: 10px 10px 0px 0px; text-align:left; } 
table.form td { border-left:8px solid transparent; border-right: 8px solid transparent; font-size:16px;}
table.form tr:first-child td{border-top:0}
table.form tr:last-child td{border-bottom:0}
table.form td:first-child{border-left:0;}
table.form td:last-child{border-right:0;}
table.form input, table.form select { padding-left:20px; border-radius:10px; }
table.form td.label { height:50px; font-size:18px; font-weight: bold; }
table.form label { user-select:none; }
table.form input[type=text], table.form input[type=password] { width:240px; border:1px solid rgba(245, 245, 245, 0.2); }
table.form select { width: 200px; }
table.form input[type=text]:focus, select:focus { /*border: 1px solid #58BBDA;*/ font-weight:normal; }

table.form input[type=checkbox] { transform: scale(1.3); margin-right:10px; }
table.form input[type=checkbox]:hover { border: 2px red solid;}
table.form input[type=radio] { transform: scale(1.3); margin-right: 20px; accent-color: #58BBDA; }
table.form input[type=radio]:checked { transform: scale(1.3); border: 1px solid #000000; }

table.contactform, table.contact { margin-left:auto; margin-right:auto; }
table.contactform { width:485px; }
table.contactform input[type=text], 
table.contactform select, 
table.contactform textarea { 
margin-bottom:10px; padding-left:20px; border-radius:10px; }

table.contactform input[type=text],
table.contactform input[type=password], 
table.contactform textarea { 
width:450px; border:1px solid rgba(245, 245, 245, 0.2); }

.input_group {
	display:flex;
	justify-content:center;
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 65px; /* Increased width */
  height: 30px; /* Increased height */
  left: 5px;
  top: 2px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider_box { text-align:center; padding-top:6px; }


/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px; /* Adjust font size */
  color: white; /* Text color */
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px; /* Adjusted height */
  width: 26px; /* Adjusted width */
  left: 2px; /* Adjusted position */
  bottom: 2px; /* Adjusted position */
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #58BBDA;
}
/*
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}*/

input:checked + .slider:before {
  -webkit-transform: translateX(35px); /* Adjusted translation */
  -ms-transform: translateX(35px); /* Adjusted translation */
  transform: translateX(35px); /* Adjusted translation */
}

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

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

/* Text styles */
.on-text, .off-text {
  position: absolute;
  width: 100%;
  text-align: center;
  transition: opacity 0.4s;
}

.on-text {
  opacity: 0;
text-align:left;
padding-left:5px;
font-size:12px;
}

input:checked + .slider .on-text {
  opacity: 1;
}

input:checked + .slider .off-text {
  opacity: 0;
}

.off-text {
  opacity: 1;
text-align:right;
padding-right:12px;
font-size:12px;
letter-spacing: 1px;
letter-spacing: 1px;
}

input:checked + .slider .off-text {
  opacity: 0;
}

/* Star reviews */

.star-rating {
            display: flex;
            direction: row;
        }
.star {
            font-size: 1.3rem;
            color: #e4e5e9;
            cursor: pointer;
        }
.small_star {
            font-size: 1rem;
			color: #ffc107;
			cursor: pointer;
        }
.star.filled {
            color: #ffc107;
        }
.star.half-filled {
            position: relative;
        }
.star.half-filled::before {
            content: '★';
            position: absolute;
            left: 0;
            width: 50%;
            overflow: hidden;
            color: #ffc107;
        }



/* star rating interactive behavior */
.rating {
      display: flex;
      flex-direction: row-reverse;
      justify-content: left;
    }

    .rating input {
      display: none;
    }

    .rating label {
      font-size: 2rem;
      color: #ccc;
      cursor: pointer;
      transition: color 0.2s;
    }

    .rating label:hover,
    .rating label:hover ~ label {
      color: #ffc107; 
    }

    .rating input:checked ~ label {
      color: #ffc107;
    }
    .rating_field {
      width:90%; height:100px; resize:none; border-radius: 10px; margin-bottom:20px;
    }

/*livesearch box style*/
#category { width:1200px; position:relative; padding-top:60px; font-size:16px; color:rgba(54, 57, 66, 0.8); margin-top:60px; margin-bottom:20px; margin-left:auto; margin-right:auto;}  /*#kategorie img { padding:5px; }*/
#livesearch { width:1082px; border:0px; margin-left:auto; margin-right:auto; position:absolute; z-index:30; }
.searchbutton { height:55px; background-color:#F19B48; padding:5px; color:#ffffff; border-radius:30px; }
#searchbox { width:500px; height:40px; border-radius:10px; border-top-right-radius:0px;border-bottom-right-radius:0px; padding:7px; padding-left:20px; }
#searchlocation { width:250px; height:40px; padding:7px; padding-left:40px; border-radius:0px;border-left: 1px #D9D9D9 solid; border-right: 1px #D9D9D9 solid; }
#location { width:400px; margin-left:525px; }



/* FILTERS main element */
.advanced_search {
	display:flex;
	flex-direction:row;
	justify-content:center;
	gap:5px;
  margin-top:20px;
}
.faqsearch {
	width:350px; height:30px; margin-top:10px; border-radius:10px; padding:7px; padding-left:35px;
}

.location_pin {
  position:relative;
}
.location_pin i { 
  position:absolute;
  width:25px;
  height:25px;
  background: url("../images/location_pin.png") no-repeat left;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  z-index: 1;
}

.profile_search_field { width: calc(100% - 30px); padding:10px; padding-left: 20px; border-radius: 11px; border:0px; }
.profile_magnifying_glass {
  position:relative;
}
.profile_magnifying_glass i { 
  position:absolute;
  width:30px;
  height:30px;
  background: url("../images/search_maginifying_glass.svg") no-repeat left;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 1;
}



.faq_input_icon {
  position:relative;
}
.faq_input_icon i { 
  position:absolute;
  width:25px;
  height:25px;
  background: url("../images/search_icon.png") no-repeat left;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  z-index: 1;
}
.faq_redirect { font-weight:normal;display:block;margin-top:10px;font-size:24px;padding:12px;width:220px;padding-left:60px;padding-right:60px;margin-left:auto;margin-right:auto; text-align: center;}

/*.searchquery { height:30px; margin-left:auto; margin-right:auto; padding-top:20px; padding-bottom:30px; }
.searchquery td { font-size: 18px; font-weight:bold; }*/
.faq_header { /*min-height:300px;*/ display:flex; }
.faq_intro { width:450px; }
.faq_icon { width:250px; margin-left: 50px; }
.faq_icon img { width:200px; margin-top:-30px; }
.faqborder { border: 1px solid #d9d9d9; margin-bottom:15px; }
.topic { width:185px; height:100px; padding:20px; border-radius:8px; color:#616161; font-size:14px; }
.topic b { /*color:#000000;*/ color:rgba(54, 57, 66, 0.8); font-size:15px; }
.topic i { width:20px; height:20px; display:block; padding-top:5px; margin-bottom:15px; /*background-color:red;*/ }
.topic.blue { background-color:rgb(223,241,255); }
.topic.green { background-color:rgb(232,255,235); }
.topic.red { background-color:rgb(255,236,239); }

.toggle_button {
  font-weight:bold;
  cursor: pointer;
  padding: 15px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  background-color:transparent;
  color:rgba(54, 57, 66, 0.8);
}

.toggle_button:after {
  content: '\002B';
  font-weight: bold;
  float: right;
  margin-left: 5px;
  color:#CF8E07;
}
.active:after {
  content: "\2212";
}

.content {
			padding-top:0px;
			display: none;
            overflow: hidden;
            height: 0;
            transition: height 0.5s ease;
        }
.content p { padding:15px; padding-top:0px; }
.content.show {
            display: block;
            height: auto;
        }

.choice { /*float:left;*/ width:350px; height:70px; margin-left:auto; margin-right:auto; padding-top:20px; padding-bottom:30px; }
.choice a { margin-left:10px; padding:7px; background-color: #dbdbdb; color:#615f5f; font-size:14px; font-weight:bold; border: 1px #a4b9f2 solid; border-radius:5px 5px 5px 5px; box-shadow: 3px 3px 3px rgba(0,0,0, .4), inset 0px 10px 10px rgba(255,255,255, .4); }
.choice a:hover { background-color:#dbdbdb; color: #ffffff; text-decoration:none;}
.choice a.selected { background-color:#58BBDA; color: #ffffff; text-decoration:none;}
.choice img { margin-top:-5px; padding-left:10px; padding-right:10px; }


/* SEARCH JOB POSITION from /pages/plugins/livesearch.php */
.hiddenbox { width:577px; background-color:#ffffff; border-radius:10px; margin-top:5px; overflow:hidden; z-index:25; }
.hiddenbox a, .hiddenbox li, .form-option { display:block; padding: 5px; padding-left:15px; color:rgba(54, 57, 66, 0.8); height:20px; text-align:left; z-index:30; }
.hiddenbox a:hover, .hiddenbox li:hover, .form-option:hover { background-color:rgba(197, 184, 195, 0.2); }
.form-option img { height: 30px; vertical-align: middle;}
.h30 { height: 30px; }
.h30d { height: 30px; display: flex; justify-content: space-between; padding-left:30px; padding-right: 30px; }

.companysearch { width:307px; }
/* FILTER */
.filterbox { padding-bottom:6px; }
.filter_button	{ background-color: #f8f8f8; display:block; color:rgba(54, 57, 66, 0.5); font-family:"Poppins", arial; font-size:16px; text-align:center; padding:10px; border:1px solid rgba(218, 218, 218, 0.5); border-radius:10px; }
.filter_button:hover { text-decoration:none; /*background:linear-gradient(180deg, rgba(251, 251, 251, 0.74) 0%, rgba(251, 251, 251, 0.00) 100%); */ border: 1px rgb(215, 215, 215) solid; }
.hidden { background-color:#f8f8f8; margin-top:5px; display:none; position:absolute; border-radius:10px; overflow:hidden; z-index:20; box-shadow: 2px 2px 4px 4px rgba(197, 184, 195, 0.3); }
.hidden ul { list-style-type:none; margin:0px; padding:0px; }
.hidden ul li { display:block; min-width:160px; /*min-height:42px;*/ font-size:14px; cursor: pointer; }
.hidden ul li:hover { background-color:rgba(197, 184, 195, 0.2); }
.hidden ul li.selected { background-color:rgba(197, 184, 195, 0.2); }
.hidden ul li label {
    display: inline-block;
    width: 100%;
    padding-left:10px; padding-top:12px; padding-right:20px; padding-bottom:5px;
    cursor: pointer;
}

.hidden input[type=text], .hidden input[type=number] { width:145px; margin-left:6px; padding:5px; font-size:14px; border-radius: 10px; height: 25px; animation: textfield; }
.hidden input[type=checkbox], .hidden input[type=radio] { vertical-align: middle; accent-color:#F19B48; /*accent-color:#029CCC*/; scale:1.3; margin-right:10px; }
.hidden select { background-color: #f8f8f8; color:rgba(54, 57, 66, 0.6); }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.clear_icon img { width:20px; vertical-align:text-bottom; padding-left:10px; cursor:pointer; }
button { font-family:Poppins; }


.valuebox { padding-bottom:6px; max-width: 600px; display: flex; flex-direction: row; gap: 25px; flex-wrap: wrap; }
.value_button	{ background-color: #fff; display:flex; align-items: center; justify-content: space-between; color:rgba(54, 57, 66, 0.5); font-family:"Poppins", arial; font-size:16px; text-align:center; min-width:125px; padding:7px; border:0px; border-radius:11px; box-shadow: 5px 0px 0px 0px  #58BBDA; cursor:pointer; }
.value_button img { height: 30px; padding-left:10px; }
.value_button span { padding-left:15px; }
.value_button.narrow { justify-content: flex-start; box-shadow: 3px 0px 0px 0px #58BBDA;  min-height: 31px; }
.value_button.narrow span { padding-right:15px; }


/*liveselect box style */
#liveselect { width: 560px; border:0px; position:absolute;}

#joblist { width: 700px; border:0px; padding-top:50px; }
#joblist li {height:30px; } #joblist li.category { font-size: 18px; color:#2c2c2c; font-weight:bold; padding-top:50px; }
#joblist li a { width:700px; display:block; padding: 7px; background-color: #ffffff; box-shadow: 3px 3px 10px #797979; margin-top:5px; border-radius: 7px; font-size:15px; font-weight:bold; text-align:center; }
#joblist li a:hover { color:#ffffff; background-color:#b5b5b5;  } 
              

/*profile*/
#profile {
margin-left:auto;
margin-right:auto;
width:100%;
}

#profile h3 {
background-color:#fafafa;
height:50px;
}


#bottom { /* OLD DEPRECATED*/
width:100%;
min-height:250px;
float:left;
background-color:rgba(0,0,0, .7); 
text-align:center; 
padding-top:10px; 
color:#ffffff;
box-shadow: 10px 10px 10px #787878;
}


/* if user types a location that we do not register in the system , from cities.php */
.location_not_found {
 padding-top:5px;
}
/* if user types unknown, from livesearch.php */
.no_results_found {
padding-top:5px;
}

/*#footer */
#footer hr { width: 320px; color: rgba(153, 153, 153, 0.33); }
.footer_menu { width: 350px; margin-left:auto; margin-right:auto;  font-size: 16px; color: rgba(0, 0, 0, 0.55); }
.copyright { width: 180px; height: 40px; margin-top:45px; margin-left: auto; margin-right:auto; }
.copyright img { vertical-align: text-top; }
.copyright {
  padding-right:1px; 
}
.flex_footer { display: flex; flex-wrap: wrap; }
.footer_link { display: block; padding: 15px; color: rgba(0, 0, 0, 0.55); }
.footer_link span { padding-right: 20px; color: rgba(0, 0, 0, 0.75); }
.waves {
	display: block;
	height: 92px;
	background-image: url("../images/waves_footer.svg");
	background-repeat:no-repeat;
	background-position-y:bottom;
	background-size:cover;
}
.logo_footer  { 
  height:18px;
  padding-right:1px;
}


/* LAST STYLES added from 2/2025 */

/* profile table elements */
.profile_table {
  display:flex; gap:20px; margin-bottom: 50px; flex-direction:column; justify-content: center; padding: 26px 70px; font-size:18px;
}


.pt_row { 
  display: flex;
  justify-content: space-between; /* To ensure the right items are aligned to the right */
  align-items: center;
  gap: 20px;
  
}
.pt_row.data { justify-content: flex-start; }
.pt_row span { padding-left: 5px; }
.pt_item_left {
  width: 70%;
  font-weight: bold;
}



.pt_header { text-align: center; }
.pt_header span { font-weight: bold; }
.pt_section { display: flex; flex-direction: column; gap:15px; }
.pt_line { display: flex; flex-direction: row; gap:15px; }
.pt_line span { font-weight: bold; color:#363942; }
.left_padding { padding-left: 290px; }


.vertical-line { 
    border-left: 1px solid #000; /* Change the color and thickness as needed */
    height: 25px; /* Adjust the height as needed */
    margin: 0 10px; 
}

.vertical-line.greysplit { display: inline-block; border-left: 1px solid #d9d9d9; vertical-align: sub;}

/* Costum interactive select for forms */

.form-select-container {
  position: relative;
  display: inline-block;
}

.form-select-selected {
  width: 150px;
  background-color: #ffffff;
  border: 1px solid #ECECEC;
  border-radius: 11px;
  padding: 10px 20px;
  cursor: pointer;
  height: 25px;
  line-height: 25px; /* Adjust the line-height to center the text vertically */
  color: rgba(54, 57, 66, 0.8);
}

.form-select-dropdown {
  display: none;
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  border-radius: 10px;
  margin-top: 5px;
  overflow: overlay;
  max-height: 230px;
  z-index: 25;
  border: 1px solid #ECECEC;
}

.form-select-dropdown.open {
  display: block;
}

.filelist { min-width:640px; display:flex; flex-direction:column; gap:10px; align-items: flex-start; }


span.frame-select { font-size: 18px; }

.data_section { display: flex; flex-direction: row; gap:70px; position:relative; border-bottom: 1px solid #d9d9d9; padding-bottom: 20px; }
/*.data_section a:not(.pt_controls):hover { text-decoration: underline; }*/
.edit-button:hover, .delete-button:hover { text-decoration: underline; }
.data_group { display: flex; flex-direction: column; gap:20px; flex: 1; }
.data_part { margin-top: 0px; }
.data_title { /* DORIESIT !!! */
  box-sizing: border-box;
  word-break: break-word;
  overflow-wrap: anywhere;
  line-height: 1.9;
}

.bigleap { padding-top:20px; }
.line { border-bottom: 1px solid #d9d9d9; padding-top:20px; width:85%; height: 50px; margin-left: auto; margin-right: auto; margin-bottom:20px; }
.skill_section_wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.skill_section_wrapper .pt_controls {
  position: absolute;
  top: 0;
  right: 0;
  float: none;
}

.pt_controls {  position: relative;  top: 0; right: 0; float: right; z-index: 2; display: flex; flex-direction: row; gap:30px; cursor: pointer; }
.pt_controls span { padding-left: 10px; }
.pt_controls a { color:rgba(54, 57, 66, 0.6); }
.pt_controls a.button, .pt_icons a.button { margin-top:5px; padding:4px 10px 4px 10px; background-color:transparent;color:#58BBDA;/*border: 1px solid #58BBDA;*/ font-size:14px; }
.pt_controls a.button img, .pt_icons a.button img { vertical-align: text-bottom; height:20px; padding-right: 5px; }
.pt_controls div { display: flex; flex-direction: row; gap:20px; }
.pt_controls img, .pt_icons img { vertical-align: middle; /*filter: invert(30%) sepia(100%) saturate(500%) hue-rotate(150deg) brightness(100%);*/ }
.pt_icons.single { top:45px; right:45%; /*right:290px;*/ }
.pt_icons.double { top:45px; }
.pt_item_right {
  display: flex;
  align-items: end;
  width: 100px;
}
.pt_icons { position: relative; /*top: 0; right: 0;*/ text-align: right;}
#skillsearch {
border:0px;

}

/* Záložky v inzeráte */

.tab_content div.section {
  display: none;
}
.tab_content div.showed {
  display: block;
}


.avatar-editor { display:inline-grid; gap:10px; font:14px/1.4 system-ui, Arial, sans-serif; }

.avatar-frame {
  width:150px; height:150px;
  border-radius:50%;
  overflow:hidden;
  position:relative;
  background:#f3f4f6;
  user-select:none;
  touch-action:none;
  border:2px solid #e5e7eb;
}

.avatar-frame img {
  position:absolute; top:0; left:0;
  transform-origin:0 0;
  will-change:transform;
  cursor:grab;
}

.avatar-frame.dragging img { cursor:grabbing; }

.controls { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.controls button { padding:6px 10px; border:1px solid #cfd4dc; border-radius:8px; background:#fff; cursor:pointer; }
.controls button:hover { background:#f6f7f9; }
.pos-readout { color:#5f6368; }

.avatar-cropper{
    width:200px; height:200px;
    border-radius:50%;
    overflow:hidden;
    position:relative;
    user-select:none;
    border:1px solid #ddd;
    background:#f7f7f7;
    cursor:grab;
    touch-action:none; 
  }
  .avatar-cropper:active{ cursor:grabbing; }
  .avatar-cropper img{
    position:absolute; top:0; left:0;
    transform-origin: top left;
    will-change: transform;
    -webkit-user-drag: none;
    pointer-events:none; 
  }
  .avatar-cropper .debug{
    position:absolute; left:8px; bottom:8px;
    font:11px/1.2 system-ui, sans-serif;
    background:rgba(255,255,255,.7);
    padding:2px 6px; border-radius:6px;
  }

/* základ pre náhľady profilovej fotky */
.thumb-js {
  position: relative;          /* kvôli absolútnemu <img> */
  overflow: hidden;            /* oreže okraje */
  display: inline-block;
}
.thumb-js img {
  position: absolute; top:0; left:0;
  transform-origin: top left;
  -webkit-user-drag: none;
  user-select: none;
  pointer-events: none;
  display: block;
}

/* kruhové náhľady */
.thumb-js.circle { border-radius: 50%; }

/* ak chceš predom definované veľkosti: */
.thumb-40 { width:80px; height:80px; }
.thumb-60 { width:120px; height:120px; }
.thumb-80 { width:160px; height:160px; }