/* start file: mfa.css */
/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/*
    Created on : Apr 28, 2023, 6:38:34 PM
    Author     : davit
*/

.pinlogin-field {
	width: 40px;
	height: 50px;
	font-size: 20px;
	text-align: center;
	outline: none;
	margin: 20px;
	padding: 5px !important;
	background: none !important;
	/* Remove the arrows from number input fields */
	-moz-appearance: textfield;
	appearance: textfield;
}

.btn-link {
	color: #007bff;
	font-weight: bold;
	font-size: 1.2rem;
	background-color: transparent;
	border: none;
	cursor: pointer;
	margin-top: 10px;
}
.btn-link:hover {
	text-decoration: underline;
}

.d-flex.justify-content-center {
	display: flex;
	justify-content: center;
}

.provide {
	margin-bottom: 20px;
}

.small-title {
	font-size: 18px !important;
}

.app-conf {
	margin-bottom: 3px !important;
}

#pinlogin{
	display: flex;
	justify-content: center;
}

.pinwindow{
	margin-top: 30px;
	margin-bottom: 30px;
}

.otp-QR img
{
	max-width: 300px;
}
/* end file: mfa.css */

/* start file: nika.css */
.duration-hidden {
    display: none !important;
}

.page-container-padding-2 {
	max-height: 294.5px !important;
}

.profile_private_value_div_2{
	border-radius: 0% !important;
}

.profile_private_value-2 img{
	width: 150px;
	height: 150px !important;
	border-radius: 8px;
	object-fit: contain;
}

.profile_private_value_div_3{
	border-radius:0;
}

.profile_private_value_div_3 img{
	max-width: 300px !important;
}

/* end file: nika.css */

/* start file: nkapanadze.css */

.Removea-Underline-Hover{
	color: inherit;
	text-decoration: none;
}

.Removea-Underline-Hover:hover{
	color: #9F248F;
	text-decoration: underline;
	cursor:pointer;
}

.Removea-Underline-Hover:focus{
	color:#00756A;
}
/* end file: nkapanadze.css */

/* start file: on-off-switch.css */
.on-off-switch{
    position:relative;
    cursor:pointer;
    overflow:hidden;
    user-select:none;
}

.on-off-switch-track{
    position:absolute;
    /*border : solid #888;*/
    z-index:1;
    background-color: #fff;
    overflow:hidden;
}

/* semi transparent white overlay */
.on-off-switch-track-white{
    background-color:#FFF;
    position:absolute;
    opacity:0.2;
    z-index:30;
}
/* Track for "on" state */
.on-off-switch-track-on{
    background-color:#a443ac;
    position:absolute;
    z-index:10;
    overflow:hidden;
}
/* Track for "off" state */
.on-off-switch-track-off{
    position:absolute;
    /*border-color:#CCC;*/
    z-index:1;
}

.on-off-switch-thumb{
    position:absolute;
    z-index:2;
    overflow:hidden;
}

.on-off-switch-thumb-shadow{
    opacity:0.5;
    /*border:1px solid #000;*/
    position:absolute;
}

.track-on-gradient, .track-off-gradient{

    background: -webkit-linear-gradient(180deg,rgba(0,0,0,0.1), rgba(0,0,0,0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(180deg, rgba(0,0,0,0.1), rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0.1), rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(180deg, rgba(0,0,0,0.1), rgba(0,0,0,0)); /* Standard syntax */
    position:absolute;
    width:100%;
    height:5px;
}


.on-off-switch-thumb-color{
    background: -webkit-linear-gradient(45deg, #BBB, #FFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(45deg, #BBB, #FFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(45deg, #BBB, #FFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(45deg, #BBB, #FFF); /* Standard syntax */
    background-color:#F0F0F0;
    position:absolute;
}

.on-off-switch-thumb-off{
    /*border-color:#AAA;*/
    position:absolute;
    top:0 !important;
    left:0 !important;
}
.on-off-switch-thumb-on{
    /*border-color:#008855;*/
    z-index:10;
}
.on-off-switch-text{
    width:100%;
    position:absolute;
    user-select:none;
    font-size:10px;
}

.on-off-switch-text-on{
    color:#FFF;
    text-align:left;
}
.on-off-switch-text-off{
    color:#000;
    text-align:right;
}
/* Mouse over thumb effect */
.on-off-switch-thumb-over{
    background-color:#F5F5F5;
    background: -webkit-linear-gradient(45deg, #CCC, #FFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(45deg, #CCC, #FFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(45deg, #CCC, #FFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(45deg, #CCC, #FFF); /* Standard syntax */

}
/* end file: on-off-switch.css */

/* start file: onboarding.css */
.wf_lateness
{
    color: red;
}

.request_detail_div {
	display: none;
	margin-top: 10px;
	padding: 10px;
}

.workflow_type:not(.workflow_type_button)
{
	padding: 10px 10px;
}


.workflow_types_container
{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}

.workflow_type_button
{
	height: 80px;
	display: flex;
	flex-direction: column;
	border: 1px solid #ccc;
	align-items: center;
	justify-content: center;

	cursor: pointer;
	width: fit-content;

	min-width: 200px;
	max-width: 320px;
	overflow: hidden;

	padding: 15px 20px;
	transition: color .1s !important;
	border-radius: 10px;
	font-weight: bold;
	background-color: white;
	gap: 5px;
}

.flow_title {
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-wrap: nowrap;
	width: 100%;
	max-width: 100%;
	text-align: center;
	line-height: 1.5;
	/*height: 25px;*/
}

.flow_desc {
	display: block;
	font-size: 12px;
	text-overflow: ellipsis;
	width: 100%;
	max-width: 100%;
	text-align: center;
	overflow: hidden;
	text-wrap: nowrap;
	font-weight: normal;
}

.wf_lateness
{
    color: red;
}

.request_detail_div {
	display: none;
	margin-top: 10px;
	padding: 10px;
}

.templates_type
{
	padding: 10px 10px;
}

.templates_type_button
{
	display: inline-block;
	padding: 6px 12px;
	line-height: 28px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 10px !important;
	margin: 0 0 2px 2px !important;
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	padding: 15px 10px;
	margin-bottom: 25px;
	box-shadow: 0 0 15px #d1d1d1 !important;
	transition:  1s;
	border-radius: 15px;
	font-weight: bold;
	font-size: 18px;
}

.templates_type_button{
	white-space: normal;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 80px;
	overflow: hidden;
	text-align: center;
}

.templates_type_button span{
	display: block;
	overflow-wrap: anywhere;
	word-break: break-word;
	line-height: 1.2;
}


.templates_type_button:hover{
	box-shadow: 0 0 15px #bb0093 !important;
	border-radius: 15px;
}
/* end file: onboarding.css */

/* start file: org.css */
.key_row .key_val
{
	white-space: nowrap;
	display: block;
	padding: 2px 0;
}
.key_row .key_val:last-child
{
	border-bottom: none;
}
.key_row .my_tooltip,
.key_row .key_div
{
	white-space: nowrap;
	border-bottom: 1px dashed #090909;
	display: block;
	padding: 2px 0;
}
.key_row .my_tooltip:last-child,
.key_row .key_div:last-child
{
	border-bottom: none;
}
.key_val_grid
{
	display: block;
}

/* end file: org.css */

/* start file: pagination.css */

.pagination
{
	padding: 0px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}
.pagination_span_pn,
.pagination_active,
.pagination_span,
.pagination_inp_span,
.pagination_link,
.pagination_link_pna
{
	border: 1px solid #CCCCCC;
	display: block;
	float: left;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 0;
	width: 45px;
	margin: 1px;
	cursor: default;
}
.pagination a
{
	cursor: pointer;
}
.pagination_inp_span
{
	position: relative;
	cursor: pointer;
}
/*.pagination_inp
{
        padding:6px 0px;
        border: none;
        text-align: center;
}*/
.pagination a:hover
{
	border-color: #000000;
}
.pagination_span
{
	color: #DDDDDD;
}
.pagination_link_pn, 
.pagination_span_pn
{
	width: 90px;
	color: #DDDDDD;
}
.pagination_link_pna
{
	width: 90px;
}
.pagination_active
{
	border-color: #12541C;
}
.pagination_items
{
	width: auto;
	display: table;
	margin: 0 auto;
	margin-bottom: 15px;
}
.pagination_pages,
.pagination_rows
{
	text-align: center;
	font-weight: bold;
	line-height: 25px;
}
.pagination_drop_list
{
	display: none;
	overflow: auto;
	max-height: 250px;
	min-width: 45px;
	position: absolute;
	bottom: -1px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	left: -1px;
}
.pagination_link_list
{
	display: block;
	padding: 5px 0;
	text-align: center;
}
.pagination_link_list:hover
{
	text-decoration: underline;
}
/* end file: pagination.css */

/* start file: partner.css */
body .Partnercontainer{
	position: fixed;
	bottom: 10px;
	right:40px;
	/*background: #373656;*/
	/*width: 60px !important;*/
	height: 60px;
	color: white;
	padding: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1050;

}


#center-text {
  display: flex;
  flex: 1;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  height:100%;

}
.buttons-container_vaxo
{
	margin: 20px 0 0;
}
#chat-circle {
  position: fixed;
  bottom: 70px;
  right: 40px;
  /*background: #5A5EB9;*/
  width: 20px;
  height: 20px;
	border-radius: 50% !important;
  /*color: white;*/
  padding: 26px;
  cursor: pointer;
  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.6), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	font-size: 50px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
}
#chat-circle:hover{
	color: #e07436 !important ;
	box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.3), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.6);
}
#chat-circle i{
	transition: 0.3s;
}
#chat-circle:hover i{
	transform: rotateX(3.142rad);
}
.btn#my-btn {
	background: white;
	padding-top: 13px;
	padding-bottom: 12px;
	border-radius: 45px;
	padding-right: 40px;
	padding-left: 40px;
	color: #5865C3;
}
#chat-overlay {
	background: rgba(255,255,255,0.1);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	display: none;
}


.chat-box {
  display:none;
  background: #efefef;
  position:fixed;
  right:40px;
  bottom:70px;
  width:350px;
  max-width: 85vw;
  max-height:100vh;
  border-radius:15px;
	/*   box-shadow: 0px 5px 35px 9px #464a92; */
  box-shadow: 0 0 10px #d1d1d1 !important;
	z-index: 99999999;
}
.chat-box-toggle {
	position: absolute;
	top:0;
	right:0px;
  cursor:pointer;
	z-index: 9999;
	color:red;
	font-size: 12px;
	margin-right: -7px;
	margin-top: -12px;
	background: rgb(2550,255,255);
	/*padding: 20px 1px 16px 16px;*/
	width:20px;
	height: 20px;

	border-radius: 50%;
	border: 1px solid #9F248F;
  display: flex;
  align-items: center;
  justify-content: center;

}
.chat-box-header {
  background: #5A5EB9;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
	border-bottom-left-radius:0px !important;
  border-bottom-right-radius:0px !important;
  color:white;
  text-align:center;
  /*padding-top:2px;*/
}
.chat-box-header h2{
	margin: 0;
	font-size:16px;
	color:white;
	padding:10px;
}
.chat-box-body {
  position: relative;
  height:370px;
  height:auto;
  border:1px solid #ccc;
  overflow: hidden;
	border-radius: 15px;
}
.chat-box-body:after {
  content: "";
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAgOCkiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIgY3g9IjE3NiIgY3k9IjEyIiByPSI0Ii8+PHBhdGggZD0iTTIwLjUuNWwyMyAxMW0tMjkgODRsLTMuNzkgMTAuMzc3TTI3LjAzNyAxMzEuNGw1Ljg5OCAyLjIwMy0zLjQ2IDUuOTQ3IDYuMDcyIDIuMzkyLTMuOTMzIDUuNzU4bTEyOC43MzMgMzUuMzdsLjY5My05LjMxNiAxMC4yOTIuMDUyLjQxNi05LjIyMiA5LjI3NC4zMzJNLjUgNDguNXM2LjEzMSA2LjQxMyA2Ljg0NyAxNC44MDVjLjcxNSA4LjM5My0yLjUyIDE0LjgwNi0yLjUyIDE0LjgwNk0xMjQuNTU1IDkwcy03LjQ0NCAwLTEzLjY3IDYuMTkyYy02LjIyNyA2LjE5Mi00LjgzOCAxMi4wMTItNC44MzggMTIuMDEybTIuMjQgNjguNjI2cy00LjAyNi05LjAyNS0xOC4xNDUtOS4wMjUtMTguMTQ1IDUuNy0xOC4xNDUgNS43IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTg1LjcxNiAzNi4xNDZsNS4yNDMtOS41MjFoMTEuMDkzbDUuNDE2IDkuNTIxLTUuNDEgOS4xODVIOTAuOTUzbC01LjIzNy05LjE4NXptNjMuOTA5IDE1LjQ3OWgxMC43NXYxMC43NWgtMTAuNzV6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgY3g9IjcxLjUiIGN5PSI3LjUiIHI9IjEuNSIvPjxjaXJjbGUgZmlsbD0iIzAwMCIgY3g9IjE3MC41IiBjeT0iOTUuNSIgcj0iMS41Ii8+PGNpcmNsZSBmaWxsPSIjMDAwIiBjeD0iODEuNSIgY3k9IjEzNC41IiByPSIxLjUiLz48Y2lyY2xlIGZpbGw9IiMwMDAiIGN4PSIxMy41IiBjeT0iMjMuNSIgcj0iMS41Ii8+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTkzIDcxaDN2M2gtM3ptMzMgODRoM3YzaC0zem0tODUgMThoM3YzaC0zeiIvPjxwYXRoIGQ9Ik0zOS4zODQgNTEuMTIybDUuNzU4LTQuNDU0IDYuNDUzIDQuMjA1LTIuMjk0IDcuMzYzaC03Ljc5bC0yLjEyNy03LjExNHpNMTMwLjE5NSA0LjAzbDEzLjgzIDUuMDYyLTEwLjA5IDcuMDQ4LTMuNzQtMTIuMTF6bS04MyA5NWwxNC44MyA1LjQyOS0xMC44MiA3LjU1Ny00LjAxLTEyLjk4N3pNNS4yMTMgMTYxLjQ5NWwxMS4zMjggMjAuODk3TDIuMjY1IDE4MGwyLjk0OC0xOC41MDV6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMS4yNSIvPjxwYXRoIGQ9Ik0xNDkuMDUgMTI3LjQ2OHMtLjUxIDIuMTgzLjk5NSAzLjM2NmMxLjU2IDEuMjI2IDguNjQyLTEuODk1IDMuOTY3LTcuNzg1LTIuMzY3LTIuNDc3LTYuNS0zLjIyNi05LjMzIDAtNS4yMDggNS45MzYgMCAxNy41MSAxMS42MSAxMy43MyAxMi40NTgtNi4yNTcgNS42MzMtMjEuNjU2LTUuMDczLTIyLjY1NC02LjYwMi0uNjA2LTE0LjA0MyAxLjc1Ni0xNi4xNTcgMTAuMjY4LTEuNzE4IDYuOTIgMS41ODQgMTcuMzg3IDEyLjQ1IDIwLjQ3NiAxMC44NjYgMy4wOSAxOS4zMzEtNC4zMSAxOS4zMzEtNC4zMSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvZz48L3N2Zz4=');
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height:100%;
  position: absolute;
  z-index: -1;
}
.partner_img_container{
	display: flex;
	justify-content: center;
	align-items: center;
}
.partnerimg{
  display: flex;
  justify-content: center;
	align-items: center;
	height: clamp(80px, 10vw, 150px);
	width: clamp(80px, 10vw, 150px);
}
.partnerimg .img-partner{

	max-width: clamp(50px, 7vw, 80px) !important;
	display: block;
	max-width: 100%;
	height: auto;

}
.text-pink{
	color:#9F248F;
}
#chat-input {
  background: #f4f7f9;
  width:100%;
  position:relative;
  height:47px;
  padding-top:10px;
  padding-right:50px;
  padding-bottom:10px;
  padding-left:15px;
  border:none;
  resize:none;
  outline:none;
  border:1px solid #ccc;
  color:#888;
  border-top:none;
  border-bottom-right-radius:5px;
  border-bottom-left-radius:5px;
  overflow:hidden;
}
.chat-input > form {
	margin-bottom: 0;
}
#chat-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
#chat-input::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
#chat-input:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
#chat-input:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}
.chat-submit {
  position:absolute;
  bottom:3px;
  right:10px;
  background: transparent;
  box-shadow:none;
  border:none;
  border-radius:50%;
  color:#5A5EB9;
  width:35px;
  height:35px;
}
.chat-logs {
  padding:15px;
  overflow-y:scroll;
}

.chat-logs::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

.chat-logs::-webkit-scrollbar
{
  width: 5px;
  background-color: #F5F5F5;
}

.chat-logs::-webkit-scrollbar-thumb
{
  background-color: #5A5EB9;
}



@media only screen and (max-width: 500px) {
	.chat-logs {
		height:40vh;
	}
}

.chat-msg.user > .msg-avatar img {
  width:45px;
  height:45px;
  border-radius:50%;
  float:left;
  width:15%;
}
.chat-msg.self > .msg-avatar img {
  width:45px;
  height:45px;
  border-radius:50%;
  float:right;
  width:15%;
}
.cm-msg-text {
  background:white;
  padding:10px 15px 10px 15px;
  color:#666;
  max-width:75%;
  float:left;
  margin-left:10px;
  position:relative;
  margin-bottom:20px;
  border-radius:30px;
}
.chat-msg {
  clear:both;
}
.chat-msg.self > .cm-msg-text {
  float:right;
  margin-right:10px;
  background: #5A5EB9;
  color:white;
}
.cm-msg-button>ul>li {
  list-style:none;
  float:left;
  width:50%;
}
.cm-msg-button {
	clear: both;
	margin-bottom: 70px;
}

/* end file: partner.css */

/* start file: passwordsAnimations.css */
/*.tstactive{*/
/*    transition: all .5s cubic-bezier(.65,0,.35,1);*/
/*    transition-delay: .1s;*/
/*    visibility: visible;*/
/*    display: block;*/
/*}*/

[id^="tst_"]{
    /*visibility: hidden;*/
    display:none;
    margin:4px;padding:10px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius:10px;
    transition: all .5s cubic-bezier(.65,0,.35,1);
}

@-webkit-keyframes mymove {
    from {left: 0px;}
    to {left: 200px;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes newAnim {
    from {top: 0px;}
    to {top: 200px;}
}

@keyframes mymove {
    from {left: 0px;}
    to {left: 200px;}
}

@keyframes newAnim {
    from {top: 0px;}
    to {top: 200px;}
}
/* end file: passwordsAnimations.css */

/* start file: payroll_formulas.css */
/* Input field style */
.payroll_formulas_formulaInput {
    /* width: 740px; */
    overflow-x: auto;
    padding: 15px;
    font-size: 18px;
    border: 2px solid #ccc;
    border-radius: 8px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    /* margin-left: 20px; */
    /* pointer-events: none; */
    outline: none !important;
}

#payroll_formulas_container, #payroll_formulas_if_container{
	/* background-color: #fff;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); */
	/* padding: 5px; */
	border-radius: 10px;
	display: flex;
	justify-content: center;
	/* flex-wrap: wrap; */
	justify-content: center;
	margin-top: 10px;
	gap: 16px;
	/* max-width: 730px; */
}

.formulas-parent-container{
    background-color: white;
    /*box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);*/
    /*padding: 16px;*/
    margin-top: 10px;
}

#payroll_formulas_if_container{
    box-shadow: none !important;
    padding: 0 !important;
    margin: auto;
    margin-top: 40px;
    flex-wrap: nowrap;
}

#payroll_formulas_calculator{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    max-width: 320px;
    border-radius: 10px;
}

/* Button style for calculator */
.payroll_formulas_calc-btn, .condition-btn,  .modal-calc-btn {
    padding: 20px;
    font-size: 18px;
    background-color: #49477a;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.condition-btn{
    background-color: #6d69da;
}

.condition-btn:hover{
    background-color: #504cb3;
}

/* Button hover effect */
.payroll_formulas_calc-btn:hover, .modal-keyword-btn:hover, .modal-calc-btn:hover {
    background-color: #243665;
}

/* Larger button style for operators */
.payroll_formulas_calc-btn:nth-child(4n), .modal-calc-btn:nth-child(4n){
    background-color: #9F248F;
}

.payroll_formulas_calc-btn:nth-child(4), .modal-calc-btn:nth-child(4) {
    background-color: #49477a;
}

.payroll_formulas_calc-btn:nth-child(4n):hover, .modal-calc-btn:nth-child(4n):hover {
    background-color: #741667;
}

.payroll_formulas_calc-btn:nth-child(4):hover, .modal-calc-btn:nth-child(4):hover {
    background-color: #243665;
}
/* Ensure buttons have a uniform size */
.payroll_formulas_calc-btn, .modal-calc-btn {
    min-width: 60px;
    min-height: 60px;
    text-align: center;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

/* Left-side keywords container */
#payroll_formulas_keywords {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* flex-basis: 350px; */
    flex-wrap: wrap;
    gap: 5px;
    /* margin-right: 20px; */
    padding-bottom: 10px;
    /*height: 100%;*/
}

#payroll_formulas_if_container > #payroll_formulas_keywords{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    margin-right: 20px;
    padding-bottom: 10px;
    height: 100%;
}

.payroll_formulas_keyword-btn, .if-condition-btn, .modal-keyword-btn {
    /* width: 150px; */
    background-color: #49477a;
    color: white;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    padding: 0px 7px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    height: 50px;
}

.payroll_formulas_keyword-btn{
    flex-basis: calc(50% - 10px);
    box-sizing: border-box;
}

.payroll_formulas_keyword-btn:hover, .if-condition-btn:hover {
    background-color: #243665;
}

#payroll_formulas_calculator-container {
    display: flex;
    flex-direction: column;

}

#payroll_formulas_calculator {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
}

#payroll_formulas_keywords, #payroll_formulas_calculator {
    flex-wrap: wrap;
}

.payroll_formulas_checkbtn, #ifConditionApply{
    width: 100%;
    border-radius: 5px;
    padding: 15px;
    margin-top: 10px;
    background-color: #860179;
    color: white;
    border:none;
    cursor: pointer;
	font-size: 12px;
    text-align: center;
}

#ifConditionApply{
    background-color: #00756A;
}

.payroll_formulas_checkbtn:hover{
    background-color: #5c1652;
}

#ifConditionApply:hover{
    background-color: #01524a;
}

.payroll_formulas_modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.5);
}

.payroll_formulas_modal-content {
    border-radius: 10px;
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	max-width: 500px;
	height: 200px;
	overflow: hidden;
}

.payroll_formulas_close-button, .if-condition-modal_close-button {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.payroll_formulas_close-button:hover,
.payroll_formulas_close-button:focus, .if-condition-modal_close-button:hover {
	color: black;
	text-decoration: none;
	cursor: pointer;
}

#payroll_formulas_modal-ok-button {
	background-color: #4CAF50;
	color: white;
	border: none;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
	margin-top: 10px;
	border-radius: 5px;
	float: right;
}

#payroll_formulas_modal-ok-button:hover {
	background-color: #45a049;
}

#payroll_formulas_modal-title{
    margin-bottom: 10px;
}

#payroll_formulas_formulaInputContainer, .payroll_formulas_formulaInput {
	position: relative;
	min-height: 70px;
	border: 1px solid #ccc;
	padding-top: 20px;
	padding-bottom: 20px;
}

.payroll_formulas_keyword, .if-condition-keyword-btn, .modal-input-keyword {
    padding-top: 20px;
    background-color: #49477a;
    border-radius: 4px;
    padding: 5px 10px;
    margin: 3px;
    color: white;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex;
    margin-bottom: 7px;
    margin-top: 7px;
}

.modal-input-calc-btn{
    font-size: 16px;
}

a.if-condition-keyword-btn{
    background-color: #a6a2ec;
    border: none;
    font-size: 12px;
    /* max-width: 500px;  */
    word-wrap: break-word;
    white-space: normal;
    overflow-wrap: break-word;
    padding: 4px 6px;
    color: black !important;
    display: flex;
    align-items: center;
    display: table;
}

.if-condition-keyword-btn:hover{
    background-color: #9a96df;
    cursor: pointer;
    color: black;
}

a.if-condition-keyword-btn:active{
    color: black !important;
}

.if-condition-btn{
    border: none;
    /* width: 166px; */
    align-items: center;
    justify-content: center;
    color: white !important;
    display: flex;
    align-items: center;
}

.payroll_formulas_calc-btn > i, .modal-calc-btn > i {
    font-size: 20px;
    font-weight: bold;
}

.payroll_formulas_keyword-btn.disabled , .payroll_formulas_calc-btn.disabled, .payroll_formulas_checkbtn.disabled, .if-condition-btn.disabled, .modal-keyword-btn.disabled, .modal-calc-btn.disabled, .condition-btn.disabled{
	opacity: 0.5;
	pointer-events: none;
}

.payroll_formulas_keyword-btn.disabled:hover, .payroll_formulas_calc-btn.disabled:hover{
    background-color: transparent !important;
    cursor: default;
}

.payroll_formulas_keyword-btn, .modal-keyword-btn {
    position: relative;
}

.payroll_formulas_keyword-btn:hover::after, .modal-keyword-btn:hover::after {
    content: "\"" attr(name) "\"" "\A" attr(description);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: black;
    color: white;
    padding: 5px 7px;
    border-radius: 5px;
    font-size: 12px;
    white-space: pre;
    z-index: 1;
    opacity: 1;
    transition: opacity 0.3s;
    width: 256px;
    text-wrap: auto;
}

/* Show tooltip on hover */
.payroll_formulas_keyword-btn:hover::after, .modal-keyword-btn:hover::after {
    opacity: 1;
}

.payroll_formulas_operator{
    margin-bottom: 10px !important;
    font-size: 20px !important;
}

/* Condition Row */
.condition-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 12px;
    margin: 20px 0;
}

/* Span elements (IF, [, ], ,) */
.if-span,
.comma-span {
    font-weight: bold;
    font-size: 20px;
}

/* Input Styling */
.if-input {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    min-height: 50px;
    word-wrap: break-word;
}

.if-input::placeholder{
	font-size: 11px; /* Adjust the size as needed */
	color: #888;     /* You can also change the color of the placeholder text */
}

.if-input:empty:before{
	content: attr(data-placeholder);
	color: gray;
	font-style: italic;
	pointer-events: none; /* Prevents the placeholder from being selected */
}

.payroll_formulas_formulaInput:empty::before {
	content: attr(data-placeholder) !important; /* Display placeholder */
	color: #999; /* Placeholder text color */
	font-size: 14px;
}

.payroll_formulas_formulaInput:not(:empty)::before {
	content: none !important;
}

#invalid-input-error-text{
	color: red !important;
	font-size: 16px !important;
	margin: 10px;
	margin-left: 35px;
}

@media (max-width: 768px) {
	#payroll_formulas_if_container,  .condition-row{
		flex-direction: column;
	}

	#payroll_formulas_keywords{
		grid-template-columns: repeat(2, 1fr);
	}
	.payroll_formulas_formulaInput, .if-condition-btn{
		width: auto;
	}

	#payroll_formulas_if_container > #payroll_formulas_keywords{
		display: flex;
		flex-direction: column;
	}
}

.inputParentDiv {
	position: relative; /* This will make the button position absolute within this div */
	width: 100%; /* Ensure full width */
	/* max-width: 740px; */
	transition: all 0.3s ease;
}

#toggleFormulaBtn {
	border: none; /* Remove default border */
	background-color: #9d76c2; /* Bootstrap primary color */
	color: white; /* White icon and text color */
	border-radius: 50%; /* Circular button */
	font-size: 20px; /* Larger icon size */
	display: flex;
	align-items: center; /* Align the icon vertically in the center */
	justify-content: center; /* Center the icon horizontally */
	cursor: pointer; /* Change cursor to pointer */
	transition: background-color 0.3s ease; /* Smooth background transition */
	width: 30px;
	height: 30px;
	opacity: 0;
	position: absolute; /* Position the button at the bottom of the parent div */
	bottom: 5px; /* Adjust distance from the bottom edge of the div */
	right: 5px;
	visibility: hidden;
}

#toggleFormulaBtn i {
	font-size: 16px;
}

.inputParentDiv:hover #toggleFormulaBtn {
	opacity: 1 !important; /* Show the button when parent div is hovered */
	visibility: visible;
}

.payroll_formulas_input{
	display: none;
}

#toggleFormulaBtn:hover {
	background-color: #8463a3; /* Darker color on hover */
}

#toggleFormulaBtn:focus {
	outline: none; /* Remove the default outline */
}

.icon-toggle {
	font-size: 1.5rem; /* Increase icon size */
}

/* Optional: Add a shadow effect to make the button pop */
#toggleFormulaBtn {
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#toggleFormulaBtn:active {
	transform: scale(0.95); /* Add slight scale effect when clicked */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Less shadow on click */
}

.payroll_formulas_input {
	width: 100%; /* Make input field take full container width */
	/* max-width: 740px;  */
	padding: 15px; /* Add padding for comfort */
	border: 1px solid #ccc;
	border-radius: 8px;
	font-size: 12px; /* Standard readable font size */
	color: #333; /* Text color */
	background-color: #fff; /* White background */
	transition: all 0.3s ease; /* Smooth transitions for focus and hover */
	word-wrap: break-word; /* Ensure long words break and wrap within input */
	white-space: normal; /* Allow text to wrap and not overflow horizontally */
	min-height: 70px;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	outline: none !important;
}


.payroll_formulas_calc-btn .exp-btn sup {
	color: #ffb425;
}

.payroll_formulas_calc-btn .exp-btn {
    font-weight: bold;
    font-size: 18px;
}

.calc-cards-wrapper {
	display: flex;
	flex-direction: column;
	gap: 32px;

}
.calc-card {
	display: flex;
	flex-direction: column;
	box-shadow: rgb(209, 209, 209) 0px 0px 15px;
	border-radius: 8px;
	overflow: hidden;
}

.calc-card-header-gray {
	background-color: #e7e7e7;
	color: #333333;

}

.calc-card-header {
	background-color: #00756a;
	color: #fff;
}

.calc-card-header-gray,
.calc-card-header {
	padding: 8px 16px;
	font-size: 12px;

}

.calc-card-body {
	padding: 8px 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.calc-card-label {
	color: #00756a !important;
	margin: 0 !important;
	font-size: 12px;
	padding-bottom: 8px;
}

.calc-card-variables {
	display: flex;
	flex-direction: column;
}

.calc-card-variables > p {
	margin: 0;
}

.calc-card-expression {
	letter-spacing: 1px;
}

.calc-translate-btn {
	border-radius: 50%;
	border: none;
	aspect-ratio: 1/1;
	width: 20px;
	text-align: center;
	margin-left: 4px;
}

.calc-basic-data {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 14px;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: rgb(209, 209, 209) 0px 0px 15px;
	margin-bottom: 32px;
}

.calc-basic-data thead {
	background-color: #f2f2f2;
}

.calc-basic-data th,
.calc-basic-data td {
	border: 1px solid #ccc;
	padding: 8px 12px;
}

.calc-basic-data tr:nth-child(even) {
	background-color: #fafafa !important;
}

.calc-basic-data tr:hover {
	background-color: #f1f1f1;
}

.calc-basic-data-label {
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
}

.calc-basic-data thead tr:first-child th:first-child {
	border-top-left-radius: 8px;
}
.calc-basic-data thead tr:first-child th:last-child {
	border-top-right-radius: 8px;
}

.calc-basic-data tbody tr:last-child td:first-child {
	border-bottom-left-radius: 8px;
}
.calc-basic-data tbody tr:last-child td:last-child {
	border-bottom-right-radius: 8px;
}

.calc-not-calculated {
	padding: 16px;
}

.calc-card-variables {
	display: flex;
	flex-direction: column;
	gap: 2px;
	width: 100%;
}

.calc-card-variables-row {
	display: flex;
	gap: 16px;
	width: 100%;
}

.calc-card-variables-row > p {
	width: 50%;
	max-width: 200px;
}

.variable-box {
	background-color: #49477a;
	border-radius: 4px;
	padding: 2px 6px;
	color: white;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-flex;
	margin: 4px 2px;
}

.test-formula-container {
	width: 100%;
	max-width: 1024px;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	border: solid 1px #00756a;
	border-radius: 10px;
	padding: 12px;
	gap: 16px;
	margin-top: 24px;
}

.test-formula-element {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.test-var-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 128px;
	row-gap: 16px;
	padding: 16px;
}

.test-var-row {
	display: grid;
	grid-template-columns: 2fr 1fr;
	column-gap: 16px;
}

.formulas-components-container {
	display: flex;
	flex-direction: column;
}

.formulas-components-container > p {
	margin-left: 8px;
}

.formulas-components-container > div {
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.formulas-tag-btn {
	padding: 8px 16px;
	border: solid #49477a 1px;
	background-color: white;
	border-radius: 6px;
	color: #49477a;
	cursor: pointer;
}

.formulas-tag-btn[data-selected="true"] {
	background-color: #49477a;
	color: white;
}

.formula-test-detail-container {
	width: 100%;
	max-width: 1200px;
	display: flex;
	flex-direction: column;
	padding: 8px 0;
	gap: 16px;
}

.formula-test-detail-title {
	font-weight: bold;
}

.sheet-cell-corrected {
	background-color: #b690c1 !important;
	color: white !important;
}

@media (max-width: 1280px) {
	.test-var-container {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 991px) {
	#payroll_formulas_container{
		flex-direction: column;
		gap: 16px;
	}

	#payroll_formulas_calculator {
		max-width: 100%;
	}

	.payroll_formulas_keyword-btn {
		padding: 8px;
		height: auto;
	}

	.formulas-components-container > div {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}

	.formulas-tag-btn {
		padding: 4px 8px;
	}

	.payroll_formulas_calc-btn, .modal-calc-btn {
		min-height: auto;
		min-width: auto;
		padding: 8px;
	}

}

@media (max-width: 768px) {
	.test-var-row {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	.test-var-row > .test-var-print,
	.test-var-row > .test-var-input {
		width: 100%;
	}
}

@media (min-width: 1600px) {
	#payroll_formulas_keywords {
		grid-template-columns: repeat(4, 1fr);
	}
}

.payroll_loader_wrap {
	margin: 20px 0;
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background: #fafafa;
	box-sizing: border-box;
}
.payroll_loader_title {
	margin-top: 0;
	margin-bottom: 14px;
	color: #333;
	font-size: 16px;
}
.payroll_loader_info_grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px;
	margin-bottom: 14px;
}
.payroll_loader_info_card {
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	padding: 10px 12px;
	box-sizing: border-box;
	min-width: 0;
}
.payroll_loader_info_label {
	font-size: 11px;
	color: #888;
	text-transform: uppercase;
	letter-spacing: .05em;
	margin-bottom: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.payroll_loader_info_value {
	font-size: 14px;
	font-weight: 600;
	color: #333;
	word-break: break-word;
}
.payroll_loader_bar_wrap {
	position: relative;
	width: 100%;
	background-color: #e0e0e0;
	border-radius: 4px;
	height: 26px;
	overflow: hidden;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.payroll_loader_bar_fill {
	height: 100%;
	line-height: 24px;
	font-weight: bold;
	transition: width 0.3s ease;
	white-space: nowrap;
	position: relative;
	z-index: 2;
}
.payroll_loader_bar_label {
	display: inline-block;
}
.payroll_loader_bar_pending {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	z-index: 1;
	overflow: hidden;
	background-color: #e0e0e0;
}
.payroll_loader_bar_pending::after {
	content: '';
	position: absolute;
	top: 0;
	left: -60%;
	width: 60%;
	height: 100%;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(255, 255, 255, 0.55) 50%,
		transparent 100%
		);
	animation: payroll_loader_shimmer 1.6s ease-in-out infinite;
}
@keyframes payroll_loader_shimmer {
	0% {
		left: -60%;
	}
	100% {
		left: 160%;
	}
}

@media (max-width: 600px) {
	.payroll_loader_info_grid {
		grid-template-columns: 1fr;
	}
	.payroll_loader_info_label {
		white-space: normal;
	}
	.payroll_loader_title {
		font-size: 14px;
	}
	.payroll_loader_info_value {
		font-size: 13px;
	}
}

@media (min-width: 601px) and (max-width: 900px) {
	.payroll_loader_info_grid {
		grid-template-columns: 1fr 1fr;
	}
}
/* end file: payroll_formulas.css */

/* start file: permissions-accordion.css */
.permissions-accordion .org-item {
    background: #00756A !important;
    color: #fff;
    opacity: 1;
    margin-bottom: 1px;
}
.permissions-accordion .collapse-item {
    color: #000;
    margin-bottom: 1px;
}
.permissions-accordion .org-unit-item {
    background: rgba(0,117,106,0.36) !important;
}
.permissions-accordion .staff-schedule-item {
    background: rgba(0,117,106,0.18) !important;
}
.permissions-accordion .org-worker-item {
    background: rgba(0,117,106,0.06) !important;
}
.permissions-accordion .org-collapse-btn {
    background: #00756A !important;
}
.permissions-accordion .btn-link {
    text-decoration: unset !important;
}
.permissions-accordion .collapse-btn {
    background: rgba(0, 0, 0, 0) !important;
}
.permissions-accordion .collapse-btn:hover, .collapse-btn:focus {
    color: unset !important;
}
.permissions-accordion .btn-link:hover, .btn-link:focus {
    color: unset !important;
}
.permissions-accordion .collapse-block {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    white-space: nowrap;
    user-select: none;
}
/* end file: permissions-accordion.css */

/* start file: print.css */
@media print {
	.scrollBox
	{
		overflow: visible !important;
	}
	#info_logout
	{
		display: none;
	}
	div.top,
	.content-container
	{
		padding: 0px !important;
		margin: 0px !important;
	}
	.page-container
	{
		box-shadow: none !important;
	}
	tfoot,
	#footer
	{
		display: none;
	}
	.document-logs-wrapper {
		max-height: inherit;
		overflow-y: visible;
	}
	thead.sticky-element{
		top: 0px;
		position: unset;
	}
}
/* end file: print.css */

/* start file: profile.css */
.profile_item_block
{
	margin-bottom: 45px;
}
.profile_title
{
	color: #212121;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 15px;
	text-align: center;
}
.profile_data
{
	line-height: 20px;
}
/*.profile_left 
{
        width: 30%;
        float: left;
}
.profile_center
{
        width: 35%;
        float: left;
}*/
/*.profile_right
{
        width: 35%;
        float: right;
}*/
.profile_private_row
{
	margin-bottom: 5px;
}
.contact-info
{
	text-align: left;
	/*padding: 5px;*/
	padding: 5px 5px 5px 14px;
	font-weight: bold;
	color: #00756A;
}
.profile_name
{
	font-weight: bold;
	font-size: 18px;
	padding: 15px 15px 10px;
}
.profile_position
{
	font-weight: bold;
	font-size: 13px;
	padding: 0 15px 10px;
}
.profile_private_key
{
	color: #212121;
	float: left;
	width: 48%;
	text-align: right;
	line-height: 20px;
}
.profile_private_value
{
	text-align: center;
}
.profile_private_value img
{
	max-width: 150px;
	height: auto;
	/*border-radius: 50%;*/
}
.profile_private_value_edit
{
	padding: 10px 0;
	text-align: right;
	font-weight: bold;
	font-style: italic;
}

.worker_photo img
{
	max-width: 100px;
	max-height: 100px;
	height: auto;
	border-radius: 10px;
}
.worker_photo a
{
	width: 100%;
	height: 100%;
	display: block;
}
img.img_listing
{
	width: auto;
	height: 20px;
}

/* end file: profile.css */

/* start file: recruitment.css */
.logo-header {
	width: 100%;
	max-width: 1024px;
	display: flex;
	justify-content: start;
	align-items: center;
	padding-top: 4px;
	padding-left: 16px;
}

.pub-logo {
    position: absolute;
    height: 60%;
    max-height: 80px;
    width: auto;
    top: 1vh;
    left: 1vw;
}

@media (min-width: 500px) {
    .pub-logo {
        top: 2vh;
        left: 2vw;
    }
}


.pub-grid {
	width: 100%;
	padding-top: 16px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	justify-content: start;
	align-items: center;
}

.pub-grid-element {
	background-color: #f1f5f6;
	border-radius: 12px;
	cursor: pointer;
	width: 100%;
	max-width: 768px;
	transition: all 0.2s ease-in-out;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}


.pub-grid-element div {
	display: flex;
	gap: 16px;
}

.pub-grid-element a {
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	transition: all 0.2s ease-in-out;
}

.pub-grid-element a:hover {
	color: #a70997 !important;
}

.rec_header {
	background-color: #c198c1 !important;
	color: white;
	padding: 20px;
	padding-bottom: 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.rec_sub_header{
	padding-bottom: 0;
}

.rec_sub_header button{
	color: #8f668f !important;
}

.rec_sub_header button.active{
	border-bottom: 3px solid #8f668f;
}

td.text-center{
	position: relative;
}

.candidateNameContainer{
	display: flex;
}

.candidateNameContainer div{
	position: absolute;
	top: 0;
	right: 3px;
}

.rec_header h1 {
	margin: 0;
	color: white;
	font-size: 21px;
}

.tab-header {
	display: flex;
	margin-top: 10px;
}

.tab-header:nth-child(1){
	margin-top: 0;
}

.tab-btn {
	background-color: transparent;
	color: white;
	border: none;
	padding: 8px 14px;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 3px solid transparent;
	transition: border-bottom 0.2s;
}

.tab-btn:hover {
	border-bottom: 3px solid rgba(255,255,255,0.5);
}

.tab-btn.active {
	border-bottom: 3px solid white;
}

.tab-content {
	border: 1px solid #ccc;
	border-top: none;
	padding: 20px;
	background-color: #fff;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	margin: 0 auto;
}

.tab-pane {
	display: none;
}

.tab-pane.active {
	display: block;
}

.rec-tab-pane.active {
	min-height: 800px;
	max-height: 800px;
	overflow: auto;
	border: 1px solid #e4e4e4;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top: none;
}

#tab_RESUME{
	overflow: hidden;
}

.rec-tab-pane.active .document-preview{
	overflow: hidden;
	max-height: unset !important;
}

.rates_container{
	border:none
}

.star-wrapper {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5rem;
}

.star-label-text {
	font-weight: bold;
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
}

.star-align-left {
	direction: ltr;
	width: 100%;
}

.star-container {
	direction: rtl;
	display: inline-flex;
	font-size: 5rem;
	cursor: pointer;
	margin-top: 3%;
}

.star-container-grid {
	display: inline-flex;
	font-size: 3rem;
	cursor: default;
}

.star-label-grid-small
{
	font-size: 24px;
	cursor: pointer;
}

.star-input {
	display: none;
}

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

.star-label-grid {
    color: #ccc;
    font-size: 3rem;
}

.star-filled {
    color: gold;
}

.star-input:checked ~ .star-label,
.star-label:hover,
.star-label:hover ~ .star-label {
	color: gold;
}

.star-value-display {
	margin-top: 5px;
	font-weight: bold;
	font-size: 2rem;
	color: #333;
	text-align: center;
	display: block;
}

.rec-widget-md {
	width: 100%;
	aspect-ratio: 5 / 2;
	background-color: #f1f5f6;
	display: flex;
	flex-direction: column;
	gap: 4px;
	justify-content: center;
	align-items: center;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
	padding: 16px;
}

.rec-widget-container {
	width: 20%;
	display: flex;
	flex-direction: column;
	gap: 16px;
	flex-wrap: wrap;
}

.document-preview-fullscreen-btn,  .document-preview-download-file-btn{
	position: absolute;
	z-index: 1;
	right: 0px;
	top: 32px;
	width: 40px;
	height: 40px;
	border:none;
	background: #cac9c9;
}

.document-preview-download-file-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	right: 44px;
}

.document-preview-fullscreen-btn:hover, .document-preview-download-file-btn:hover{
	background-color: rgb(182, 182, 182);
}

.document-preview-download-file-btn i{
	font-size: 20px;
	color: black;
}
.document-preview-download-file-btn i:hover{
	color: black;
}

.document-preview-fullscreen-btn i{
	font-size: 16px;
}

@media (max-width: 998px) {
	.rec-widget-container {
		width: 100%;
	}
}

.rec-widget-row {
	width: 100%;
	aspect-ratio: 2/1;
	display: flex;
	gap: 16px;
}


.rec-value-label {
	color: black;
	font-size: 12px;
	text-align: center;
}
.rec-value {
	color: black;
	font-size: 24px;
}

.rec-vacancies-tab {
	display: flex;
	width: 100%;
	height: 100%;
	gap: 16px;
}

@media (max-width: 998px) {
	.rec-vacancies-tab {
		flex-direction: column;
	}
}

/* Your custom class */
.table-clean {
    background-color: #ffffff !important;
    color: #333333 !important;
    border-color: #dddddd !important;
}

/* Strip weird hover/striped stuff */
.table-clean tr:nth-child(even),
.table-clean.table-striped tbody tr:nth-of-type(odd),
.table-clean.table-striped tbody tr:nth-child(odd) {
    background-color: #f8f8f8 !important;
}

.table-clean.table-hover tbody tr:hover {
    background-color: #e9ecef !important;
}

#exportable.table-clean  tbody  tr:nth-of-type(2n+1) {
    background-color: #f8f8f8 !important;
}


/* Cell borders */
.table-clean th,
.table-clean td {
    border: 1px solid #cccccc !important;
}

.table-clean thead tr th {
    background-color: #c198c1 !important;
    color: #333333 !important;
    border-color: #cccccc !important;
    font-weight: bold;
}

.table-nobold td {
    font-weight: normal !important;
}

.table-nobold tbody tr td:nth-child(1) {
	color: #333333 !important;
}

#exportable.table-clean  tbody  tr:hover {
    background-color: #e9ecef !important;
}
.rec-grid-container {
	width: 80%;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

@media (max-width: 998px) {
	.rec-grid-container {
		width: 100%;
	}
}

#otherstable > thead > tr > th{
	border: none !important;
}
.rec_dynamic-btn {
	background-color: transparent !important;
	border: none;
	padding: 10px 10px;
	font-size: 16px;
	transition: all 0.3s ease;
	cursor:default;
}

.rec_dynamic-btn i {
	color:#bbb5c3;
	font-size: 18px;
}


.bi-chat-fill:hover{
	color: #329bda;
}

.bi-calendar-fill {
	color: #364bc4 !important;
}

.rec_btn-success {
	background-color: #28a745 !important;
}

.rec_btn-danger {
	background-color: #dc3545 !important;
}

.rec_dynamic-btn .bi-list{
	font-size: 19px;
}

.rec_dynamic-btn .bi-list:hover{
	color:#6b20c4;
}

.rec_dynamic-btn .bi-journal-text:hover{
	color: #b4b300
}

/* Hide filled icons by default */
.favorite-btn .bi-heart-fill,
.call-btn .bi-telephone-fill,
.block-btn .bi-x-square-fill,
.email-btn .bi-envelope-arrow-up-fill {
	display: none;
}

/* HOVER or ACTIVE: Hide outline, show filled */
.favorite-btn:hover .bi-heart,
.favorite-btn.active .bi-heart,
.call-btn:hover .bi-telephone,
.call-btn.active .bi-telephone,
.block-btn:hover .bi-x-square,
.block-btn.active .bi-x-square,
.email-btn:hover .bi-envelope,
.email-btn.active .bi-envelope{
	cursor: pointer;
	display: none;
}

.favorite-btn:hover .bi-heart-fill,
.favorite-btn.active .bi-heart-fill,
.call-btn:hover .bi-telephone-fill,
.call-btn.active .bi-telephone-fill,
.block-btn:hover .bi-x-square-fill,
.block-btn.active .bi-x-square-fill ,
.email-btn:hover .bi-envelope-arrow-up-fill,
.email-btn.active .bi-envelope-arrow-up-fill {
	cursor: pointer;
	display: inline;
}

/* Icon colors */
.favorite-btn:hover .bi-heart-fill,
.favorite-btn.active .bi-heart-fill {
	color: #a70997;
}

.call-btn:hover .bi-telephone-fill,
.call-btn.active .bi-telephone-fill {
	color: #364bc4;
}
.block-btn:hover .bi-x-square-fill,
.block-btn.active .bi-x-square-fill {
	color: #b60f20;
}

.email-btn:hover .bi-envelope-arrow-up-fill,
.email-btn.active .bi-envelope-arrow-up-fill {
	color: #007bff;
}

.email-btn.disabled .bi-envelope-arrow-up-fill{
	cursor: not-allowed;
	color: #b60f20;
}

.tooltip{
	background-color: gray;
	z-index: 1000000000000;
}

.vac_status_btn
{
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 120px;
	min-height: 40px;
	max-height: 58px;
	overflow: hidden;
	position: relative;
	padding: 10px 15px;
	width: 100%;
	background-color: transparent;
}

.vac_statuses_select_option, .vac_status_btn-selectable{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.vac_statuses_select_option .bi-caret-down-fill, .vac_status_btn-selectable .bi-caret-down-fill{
	transform: translateX(10px);
	color: #acabab;
}

.vac_status_btn-grid
{
	max-width: calc(220px / 1.5);
}

.vac_status_btn-selectable
{
	position:relative;
	cursor: pointer;
	border: 1px solid #CCC;
	border-radius: 10px;
	padding-right: 25px;
	padding-left: 14px;
}

.vac_status_btn span
{
	white-space: normal;
	word-wrap: break-word;
	text-overflow: ellipsis;
	overflow: hidden;
	width: max-content;
}

.vac_status_btn-selectable:hover
{
	background-color: #f2f2f2;
	cursor: pointer;
}

.vac_statuses_select
{
	display: none;
	z-index: 1;
	background-color: white;
	min-height: 100px;
	max-height: 220px;
	height: fit-content;
	overflow-y: scroll;
	overflow-x: hidden;
	border-radius: 10px;
	box-shadow: 0 10px 5px rgba(0,0,0,.15);
	top: 0;
	border: 1px solid #CCC;
	pointer-events: auto;
	scrollbar-width: none;
}

.vac_statuses_select[data-show]
{
	display: block;
}

.vac_statuses_select::-webkit-scrollbar {
	display: none;
}


.vac_status_btn{
	max-width: 170px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.form-control.noheight .vac_status_btn{
	max-width: unset;
}

.vac_status_btn span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	max-width: calc(100% - 20px); /* subtract icon space */
}

.vac_statuses_select_option
{
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 40px;
	border-bottom: 1px solid #CCC;
	padding: 0 5px;
	overflow: hidden;
}

.vac_statuses_search_input
{
	border: none;
	padding: 0 10px;
	border-bottom: 1px solid #eee;
	outline: none;
	cursor: text;
}

.vac_statuses_search_input:hover
{
	background-color: white !important;
}

.vac_statuses_select_option-selected
{
	background-color: #f2f2f2;
	cursor: not-allowed;
}

.vac_statuses_select_option span
{
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}

.vac_statuses_select_option:hover
{
	background-color: #f2f2f2;
}

.assessmentContainer{
	margin-bottom: 20px;
}

.assessmentContainer .form-control.noheight:nth-child(1){
	min-height: 895px;
	max-height: 895px;
	overflow-y: auto;
}

.assessmentBtns{
	display: flex;
	align-items: center;
	justify-content: center;
}

#tooltipContent .table-striped thead tr th{
	border-radius: 0 !important;
}

#pub_vacancy_detail{
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	flex-wrap: unset !important;
}

.pub_vac_text_detail{
	text-align: justify;
	margin-right: 10px;
	font-weight: normal;
}

.pub_vac_text_detail p, .pub_vac_text_detail div, .pub_vac_text_detail p label, .pub_vac_text_detail span{
	font-weight: normal;
	font-size: 14px;
}

.pub_vac_text_detail em, .pub_vac_text_detail strong{
	font-size: 14px
}

.pub-vac-text-container div{
	font-weight: normal !important;
}

.pub_vac_text_detail li{
	font-weight: normal;

}

.vac-public-form-container{
	display: flex;
	gap: 10px
}

.vac-public-form-container > div {
	background-color: #ffffff;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

@media (max-width:789px){
	.vac-public-form-container{
		flex-direction: column;
	}
}

.candidateNameContainer.rec_candidate_unread{
	color: rgb(32, 32, 194);
}

.rec_candidate_unread:hover{
	color: #bb0093;
}

.attributes_button_toolbar {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.vac_dropdown {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.vac_dropdown_btn {
	flex-grow: 1;
	cursor: pointer;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.375rem 2rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	background-color: #F8F8F8;
	color: black;
	border-color: #6c757d;
	position: relative;
}

.vac_dropdown_btn:hover {
	background-color: #E9ECEF;
	border-color: #545b62;
}

.vac_dropdown_btn:after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0.255em;
	margin-right: 0.75rem;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
	position: absolute;
	right: 0;
	top: 50%;
	translate: transformY(-50%);
}

.vac_dropdown_menu {
	z-index: 10;
	display: none;
	min-width: 10rem;
	padding: 0.5rem 0;
	margin: 0.125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0.25rem;
}

.vac_dropdown_menu[data-show] {
	display: block;
}

.vac_dropdown_item {
	display: block;
	width: 100%;
	padding: 0.25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}

.vac_dropdown_item:hover,
.vac_dropdown_item:focus {
	color: #16181b;
	text-decoration: none;
	background-color: #f8f9fa;
}

.rec_candidate_mytask {
	position: relative;
	padding-left: 5px;
	padding-right: 15px;
}


.rec_candidate_archived {
	position: relative;
	padding-left: 5px;
	padding-right: 15px;
}

.rec_candidate_archived:after {
	content: '\F10D';
	width: 10px;
	height: 10px;
	right: 0;
	position: absolute;
	font-family: "bootstrap-icons";
	top: -5px;
}

.rec_tab_inner
{
	display: flex;
	flex-direction: column;
	width: 100%;
	min-width: 100%;
	flex-grow: 1;
	gap: 40px;
}

.rec_numeric_blocks
{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 20px;
}

.rec_numeric_block
{
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	aspect-ratio: 4/2;
	position: relative;
	padding: 15px;
	box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.1);
}

.rec_numeric_block_title
{
	width: 100%;
	text-align: left;
	line-height: 1;
	font-size: 12px;
	color: #373656;
}

.rec_numeric_block_value {
	margin: auto 0;
	font-size: 32px;
}

.rec_charts_couple_block
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin: 25px;
	gap: 20px;
}

.rec_chart_block_wrapper
{
	width: 100%;
	position: relative;
	display: block;
}

.rec_chart_block
{
	width: 100%;
	padding: 25px;
	box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid #ccc;
	border-radius: 8px;
	position: relative;
	background-color: white;
}

.rec_chart_block-detail
{
	transition: transform 0.5s ease;
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	box-shadow: none;
}

.rec_chart_block_inner
{
	width: 100%;
	height: 100%;
}

.rec_chart_detail_block_close_btn
{
	width: 24px;
	height: 24px;
	cursor: pointer;
	margin-left: auto;
	display: block;
	background-color: white;
	outline: none;
	border: 1px solid #ccc;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 4px;
	transition: all .1s ease-in-out;

	position: absolute;
	right: 10px;
	top: 10px;
}

.rec_chart_detail_block_close_btn i
{
	color: #ccc;
	font-size: 20px;
	line-height: 1;
	transition: all .1s ease-in-out;
}

.rec_chart_detail_block_close_btn:hover
{
	background-color: rgba(0, 0, 0, 0.1);
}

.rec_chart_detail_block_close_btn:hover i
{
	color: gray;
}
/*
.rec_chart_detail_block_close_btn::after {
	content: "\F659";
	font-size: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 24px;
	color: black;
}*/

.rec_chart_block_inner canvas
{
	width: 100%;
	height: 100%;
	display: block;
}

.jobs-btn {
	background-color: #0a66c2;
}

.jobs-sign {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: margin-right 300ms ease;
}

.jobs-vacancies-text,
.jobs-text {
	white-space: nowrap;
	overflow: hidden;
	color: white;
	font-size: 1.2em;
	font-weight: 600;
	max-width: 0;
	opacity: 0;
	transition: 300ms ease;
}

.jobs-application-toolbar {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 0;
}

.jobs-share-buttons-container {
	display: flex;
	gap: 16px;
}

.jobs-page-title {
	padding-left: 16px !important;
	padding-right: 16px !important;
}

@media (max-width: 576px) {
	.jobs-btn {
		padding: 8px;
	}

	.jobs-application-toolbar,
	.jobs-share-buttons-container {
		gap: 8px;
	}

	.jobs-btn:hover .jobs-sign,
	.jobs-sign {
		margin-right: 0 !important;
	}

	.jobs-text,
	.jobs-btn:hover .jobs-text {
		display: none !important;
	}

	.jobs-vacancies-text {
		opacity: 1;
		display: block;
		color: white;
		font-size: 1em;
		font-weight: 400;
		max-width: 400px;
		margin-left: 6px;
	}

	.jobs-page-title {
		padding-left: 4px !important;
		padding-right: 4px !important;
	}

}

.attribute-filter-block  .button_attribute_filters{
	color: #4b4a4a !important;
	background-color: #f1f5f5 !important;
}

.attribute-filter-block  .button_attribute_filters:hover{
	color: white !important;
	background-color: #49477a !important;
}


.attribute-filter-block {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.filter-sub-block{
	margin-top: 30px !important;
}

.vac_dropdown {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* privet Miranda */
.vac_dropdown_btn {
	flex-grow: 1;
	cursor: pointer;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.375rem 2rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	background-color: #F8F8F8;
	color: black;
	border-color: #6c757d;
	position: relative;
}

.vac_dropdown_btn:hover {
	background-color: #E9ECEF;
	border-color: #545b62;
}

.vac_dropdown_btn:after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0.255em;
	margin-right: 0.75rem;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
	position: absolute;
	right: 0;
	top: 50%;
	translate: transformY(-50%);
}

.vac_dropdown_menu {
	z-index: 10;
	display: none;
	min-width: 10rem;
	padding: 0.5rem 0;
	margin: 0.125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0.25rem;
}

.vac_dropdown_menu[data-show] {
	display: block;
}

.vac_dropdown_item {
	display: block;
	width: 100%;
	padding: 0.25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}

.vac_dropdown_item:hover,
.vac_dropdown_item:focus {
	color: #16181b;
	text-decoration: none;
	background-color: #f8f9fa;
}

.rec_candidate_mytask {
	position: relative;
	padding-left: 5px;
	padding-right: 15px;
}

.rec_candidate_mytask:before{
	content: '\F5AF';
	width: 5px;
	height: 5px;
	left: -3px;
	position: absolute;
	font-family: "bootstrap-icons";
	top: -12px;
	transform: scaleX(-1);
	margin-right: 3px;
}

.rec_candidate_archived {
	position: relative;
	padding-left: 5px;
	padding-right: 15px;
}

.rec_candidate_archived:after {
	content: '\F10D';
	width: 10px;
	height: 10px;
	right: 4px;
	position: absolute;
	font-family: "bootstrap-icons";
	top: -12px;
}

.jobs-btn {
	background-color: #0a66c2;
}

.jobs-sign {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: margin-right 300ms ease;
}

.jobs-vacancies-text,
.jobs-text {
	white-space: nowrap;
	overflow: hidden;
	color: white;
	font-size: 1.2em;
	font-weight: 600;
	max-width: 0;
	opacity: 0;
	transition: 300ms ease;
}

.jobs-application-toolbar {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 0;
}

.jobs-share-buttons-container {
	display: flex;
	gap: 16px;
}

.jobs-page-title {
	padding-left: 16px !important;
	padding-right: 16px !important;
}

.candidateNameContainer{
	min-width: 250px;
}

@media (max-width: 576px) {

	.jobs-application-toolbar,
	.jobs-share-buttons-container {
		gap: 8px;
	}

	.jobs-text,
	.jobs-btn:hover .jobs-text {
		display: none !important;
	}

	.jobs-vacancies-text {
		opacity: 1;
		display: block;
		color: white;
		font-size: 1em;
		font-weight: 400;
		max-width: 400px;
		margin-left: 6px;
	}

	.jobs-page-title {
		padding-left: 4px !important;
		padding-right: 4px !important;
	}
}


/* Application Notes */
.rec_notes_elem
{
	--primary-color: #c198c1;
	--secondary-color: #e0cce0;
	--primary-color-light: #f9f5f9;
	--primary-color-dark: #9a7a9a;
	--outline-color: #e4e4e4;
	--text-light-color: #4d4d4d;
	width: 100%;
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid var(--primary-color);
	position: relative;
}

.rec_notes_empty
{
	font-weight: 400 !important;
}

.rec_notes_loader
{
	display: none;
	width: 100%;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.rec_notes_loader_img_wrapper
{
	width: 40px;
	height: 40px;
}

.rec_notes_loader_img_wrapper img
{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.rec_notes_elem_header
{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--primary-color);
	height: 50px;
}

.rec_notes_elem_header_text
{
	color: white;
}

.rec_notes_elem_content
{
	width: 100%;
	display: flex;
	flex-direction: column;
	max-height: 300px;
	min-height: 300px;
	overflow-y: auto;
	padding: 20px;
	gap: 20px;
	font-size: 12px;
	font-weight: normal;
	scrollbar-width: thin;
}

.rec_notes_elem_content::-webkit-scrollbar
{
	width: 5px;
}

.rec_app_note
{
	width: 100%;
	padding: 10px 10px;
	border-radius: 5px;
	outline: 1px solid var(--outline-color);
	display: flex;
	flex-direction: column;
	gap: 10px;
	transition: opacity .1s ease-in-out;
	position: relative;

}

@keyframes note-highlight
{
	0%   {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.rec_note-flash
{
	animation: note-highlight .5s ease forwards;
}


.rec_app_note-private.rec_note-flash:before
{
	background-color: var(--secondary-color);
}

.rec_app_note:not(.rec_app_note-private).rec_note-flash:before
{
	background-color: white;
}

.rec_app_note[data-edit="true"]
{
	outline: 2px solid var(--primary-color);
	pointer-events: none;
	opacity: 1;
}

.rec_app_note[data-edit="true"] > *
{
	opacity: .5;
}

.rec_app_note-private
{
	background-color: var(--secondary-color);
}

.rec_note_header
{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.rec_note_action_btns
{
	display: flex;
	flex-direction: row;
	gap: 5px;
	align-items: center;
}

.rec_note_action_btn
{
	background-color: transparent;
	width: 20px;
	height: 20px;
	border: none;
	outline: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}

.rec_note_action_btn:not(:disabled):hover
{
	color: var(--primary-color);
}

.rec_note_action_btn i
{
	font-size: inherit;
	color: inherit;
}

.rec_note_footer
{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.rec_note_label
{
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
	color: var(--text-light-color);
}

.rec_note_content
{
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
}

.rec_notes_input_block
{
	width: 100%;
	padding: 10px;

	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 10px;

	border-top: 1px solid var(--primary-color);
	background-color: var(--primary-color-light);
}

.rec_notes_input_block[data-edit] .rec_note_label-edit
{
	display: block;
}

.rec_notes_input_block[data-edit] #saveNoteBtn
{
	display: none;
	pointer-events: none;
}

.rec_notes_input_block[data-edit] .rec_notes_action_btn-edit-action
{
	display: block;
}

.rec_notes_textarea_wrapper
{
	flex: 1;
}

.rec_notes_textarea
{
	width: 100%;
	height: 100%;
	border-radius: 0 0 5px 5px;
	border: none;
	resize: none;
	outline: none;
	color: black;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* Internet Explorer 10+ */
	background-color: #f9f5f9;
}

.rec_notes_textarea::-webkit-scrollbar
{
	display: none;
}

.rec_app_notes_input_block_btns
{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	flex-wrap: nowrap;
}

.rec_notes_access_block
{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: end;
	position: relative;
	margin-bottom: 6px;
}

.rec_notes_access_btn
{
	background-color: transparent;
	border: none;
	outline: none;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.rec_notes_access_btn span
{
	font-size: 12px;
	font-weight: normal;
	color: var(--text-light-color);
	text-decoration: underline;
	line-height: 1.2;
}

.rec_notes_access_btn:before
{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid var(--text-light-color);
	vertical-align: middle;
}

.rec_notes_action_btn
{
	background-color: var(--primary-color);
	border-radius: 5px;
	width: 25px;
	height: 25px;
	color: white;
	outline: none;
	cursor: pointer;
	border: none;
	right: 10px;
	bottom: 10px;
	transition: background-color .1s ease-in-out;
}

.rec_notes_action_btn:disabled
{
	background-color: var(--secondary-color);
	cursor: default;
}

.rec_note_label-edit
{
	position: absolute;
	left: 10px;
	display: none;
}

.rec_notes_action_buttons
{
	display: flex;
	flex-direction: column;
	align-items: end;
	justify-content: center;
	gap: 4px;
}

.rec_notes_action_btn:not(:disabled):hover
{
	background-color: var(--primary-color-dark);
}

.rec_notes_action_btn-edit-action
{
	display: none;
}

.rec_notes_delete_modal
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
	pointer-events: auto;
	transition: opacity .1s ease-in-out;
}

.rec_notes_delete_modal-hidden
{
	opacity: 0;
	pointer-events: none;
}

.rec_notes_delete_modal_window
{
	background-color: white;
	padding: 15px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 55%;
	filter: drop-shadow(5px 5px 8px rgba(0, 0, 0, 0.2));
	gap: 10px;
	outline: 1px solid #c198c1;

}

.rec_notes_delete_modal_text
{
	font-weight: normal;
	font-size: 12px;
}

.rec_motes_delete_modal_buttons
{
	display: flex;
	flex-direction: row;
	gap: 10px;
}

.rec_notes_delete_modal_btn
{
	outline: none;
	font-size: 12px;
	font-weight: normal;
	cursor: pointer;
	background-color: var(--primary-color);
	color: white;
	border: none;
	padding: 4px 15px;
	border-radius: 4px;
	transition: background-color .1s ease-in-out, color .1s ease-in-out;
}

.rec_notes_delete_modal_btn:not(:disabled):hover
{
	background-color: hsl(300, 25%, 78%);
}

.rec_notes_delete_modal_btn-secondary:not(:disabled):hover
{
	background-color: hsl(300, 25%, 78%);
	color: white;
}

.rec_notes_delete_modal_btn-secondary
{
	background-color: white;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
}

.rec_dynamic-btn-notes
{
	cursor: help;
}

.rec_dynamic-btn-notes:hover i
{
	color: #00756a;
}

.rec_task_pagination
{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: auto 0;
	width: 100px;
}

.rec_task_pagination_btn i
{
	font-size: 36px;
	color: #49477a;
}

.rec_task_pagination_btn:hover i
{
	color: #243665;
}

.rec_task_pagination_btn-disabled
{
	cursor: default;
	pointer-events: none;
}

.rec_task_pagination_btn-disabled i
{
	color: #eeeeee;
}

.rec_task_toolbar
{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 5px;
}

#SourceButton {
	font-size: 16px;
	cursor: pointer;
	background: transparent;
	border: none;
}

#rec-task-table-container .rec-task-table tbody tr.hilighted{
	background-color: #cde2f2 !important;
}
.rec_task_btn_apply
{
	background-color: #c198c1 !important;
	color: white !important;
}

.rec_task_btn_apply:hover
{
	background-color: #e0cce0 !important;
}

.rec_task_btn_apply
{
	background-color: #c198c1 !important;
	color: white !important;
}

.rec_task_btn_apply:hover
{
	background-color: #e0cce0 !important;
}

.bind-row-absolute {
	position: relative;               /* local containing block */
}

/* pin tools to the row's right edge, vertically centered */
.bind-row-absolute > .uploadFiletools {
	position: absolute;
	top: 50%;
	transform:  translate(25%, -40%) ;      /* keep it centered on the row */
	white-space: nowrap;               /* keep buttons on one line */
}

/* reserve space on the right so the name doesn't run under the tools */
.tools-reserve-160 {
	padding-right: 160px;              /* ← adjust to your tools’ width */

}

.vac_share_report
{
	padding: 60px 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 40px;
	width: 100%;
	height: 100%;
}

.vac_share_channels
{
	width: 300px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.vac_share_channels .uploadblock
{
	width: 100%;
	aspect-ratio: 2 / 1;
	max-width: 150px;
	height: 100%;
	margin: 0;
	padding: 0;
}

.vac_share_channel
{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;

	border: 1px solid #e4e4e4;
	border-radius: 10px;

	padding: 10px;
	outline: none;
	background-color: white;
	cursor: pointer;
}

.vac_share_channel_title
{
	font-size: 16px;
	color: purple;
}

.vac_share_channel_image_block
{
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 8 / 5;
	max-width: 240px;
	border-radius: 10px;
	overflow: hidden;
}

.vac_share_channel_image_block:not(:has(img))
{
	display: none;
}

.vac_share_channel_image_block:not(:has(img)) + .rec_vac_share_count_block
{
	transform: unset;
}

.vac_share_channel_image_block img
{
	width: 100%;
	height: 100%;
	vertical-align: unset;
	border: unset;
	object-fit: contain;
	pointer-events: none;
}

.rec_vac_share_count_block
{
	transform: translateY(-60%);
	background-color: white;
	border: 1px solid #e4e4e4;
	width: 40px;
	text-align: center;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 2px 0;
}

.rec_vac_share_count
{
	font-size: 18px;
	font-weight: normal;
	line-height: 1;
	color: black;
}

.vac_share_report_table-hidden
{
	display: none !important;
}

.vac_share_channel.active {
	/*background-color: #007cba;*/
	/*color: white;*/
	outline: 2px solid #cecece;
	outline-offset: 2px;
}

.vac_share_report_table {
	display: block;
}

.vac_share_reports
{
	height: 100%;
	width: 40%;
}

.resume_criteria
{
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 15px;
}

.resume_criteria_inner
{
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr 1fr;
}

.resume_criteria_element
{
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 5px;
}

.resume_criteria_element label
{
	margin-left: 5px;
}

.form-group:has(.resume_criteria) > label
{
	display: none;
}

.resume_criteria_title
{
	color: #00756a !important;
	font-size: 14px;
}

.candidate_attribute_wrapper
{
	display: flex;
	gap: 10px;
}

.candidate_attribute_wrapper > *
{
	flex: 1;
}

.candidate_attribute_wrapper > *:only-child
{
	flex: 0 0 100%;
}

.candidate_attribute_wrapper-ai .form-group:last-child .form-control
{
	border: 1px solid #003EFF;
    background-color: #f2f8ff;
    position: relative;
    padding-right: 30px;
}

.candidate_attribute_wrapper-ai-sourced .form-group .form-control
{
    position: relative;
    padding-right: 30px;
}

.candidate_attribute_wrapper-ai .form-group:last-child .form-control:after,
.candidate_attribute_wrapper-ai-sourced .form-group .form-control:after
{
    content: '';
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    background-color: #003EFF;
    mask: url("/templates/images/ai.png") no-repeat center / contain;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

.candidate_attribute_wrapper-ai-unlabeled .form-group:last-child .control-label
{
	visibility: hidden;
}

.attributes_header
{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin: 15px 0;
	padding: 0 5px;
}

.attributes_header span
{
	font-size: 16px;
	color: black;
}

.ai_icon
{
	width: 25px;
	height: 25px;
	background-color: #003EFF;
	-webkit-mask: url("/templates/images/ai.png") no-repeat center / contain;
	mask: url("/templates/images/ai.png") no-repeat center / contain;
}

.form-control-multiline
{
	min-height: 40px;
	height: fit-content;
	line-height: 1.5 !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 5px 12px;
}

.form-control-multiline p
{
	padding: 0;
	margin: 0;
}

.ai_object_wrapper
{
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.ai_photo
{
	width: 64px;
	aspect-ratio: 3 / 4;
	overflow: hidden;
    border-radius: 5px;
}

.ai_photo img
{
	width: 100%;
	height: 100%;
}

.ai-candidate-matching-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.ai-charts-wrapper
{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding: 50px 20px;
}

.ai-section-header {
    padding: 0 20px;
}

.ai-matching-scores-section {
    background: white;
    margin-bottom: 30px;
    overflow: hidden;
}

.ai-scores-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.ai-scores-table th {
    background: #373656;
    color: white;
    padding: 12px 15px;
    text-align: left;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.5px;
}

.ai-scores-table td {
    padding: 12px 15px;
    border-bottom: 1px solid #dee2e6;
    vertical-align: middle;
}

.ai-scores-table tr:hover {
    background-color: rgba(73, 71, 122, 0.1);
}

.ai-score-value {
    font-weight: 600;
    color: #373656;
    font-size: 14px;
}

.ai-weight-value {
    color: #6c757d;
    font-size: 13px;
}

.ai-total-row {
    /*background: linear-gradient(135deg, rgba(193, 152, 193, 0.2) 0%, rgba(167, 9, 151, 0.1) 100%) !important;*/
    font-weight: bold;
    border-top: 2px solid #373656;
}

.ai-total-row .ai-score-value {
    font-size: 16px;
    color: #373656;
}

.ai-extracts-section {
    background: white;
    overflow: hidden;
}

.ai-extracts-container {
    padding: 20px;
    column-count: 2;
    column-gap: 20px;
}

.ai-extract-item {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 15px;
    transition: all 0.3s ease;
    box-sizing: border-box;
}


.ai-extract-title {
    font-weight: 400;
    color: #0A1085;
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
    display: block;
    border-bottom: 1px solid #0A1085;
    padding-bottom: 5px;
}

.ai-extract-content  {
    line-height: 1.5;
    font-size: 14px;
    color: black;
}

.ai-extract-content p,
.ai-extract-content span
{
    font-weight: normal !important;
    color: black !important;
    font-size: 14px !important;
}

@media (max-width: 768px) {
    .ai-candidate-matching-container {
        padding: 0;
        margin: 0;
    }

    .ai-scores-table th,
    .ai-scores-table td {
        padding: 8px 10px;
        font-size: 12px;
    }

    .ai-extract-item {
        padding: 12px;
    }

    .ai-extracts-container
    {
        column-count: 1;
    }

    .ai-charts-wrapper
    {
        flex-direction: column;
        gap: 60px;
    }
}

.ai_icon_wrapper
{
    display: flex;
    flex-direction: row;
    align-content: center;
    gap: 10px;
}

.ai_icon_wrapper span
{
    font-weight: normal;
    font-size: 12px;
    color: #003EFF;
}

.popup-list
{
	max-height: 200px;
	overflow:  auto;
	margin: 0;
	padding: 2px 12px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
}

.matching-report-btn
{
    font-size: 13px;
    border: 1px solid #CCC;
    height: 35px !important;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.candidate_attributes_print
{
    overflow-x: hidden;
}

.candidate_attribute_wrapper-ai .form-control,
.candidate_attribute_wrapper-ai .form-group
{
    overflow: hidden;
    text-overflow: ellipsis;
}

.candidate_attribute_wrapper-ai .form-control .my_tooltip span:first-child
{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: normal;
}

.rec_tasks_table td:has(.ai_column_wrapper)
{
    background-color: #f5e5f1;
}

.cv_photo
{
    width: 54px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 50%;
}

.cv_photo img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.bp_content_header {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: #00756a !important;
	color: white !important;
	padding: 10px;
	margin-bottom: 10px;
}

.bp_content {
	border: 1px solid #e4e4e4;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top: none;
	padding: 10px;
}

@media (min-width: 768px) {
	.jobs .form-horizontal .control-label {
		padding-top: 7px;
		margin-bottom: 0;
		text-align: left;
	}
}

td:has(.vac_process_step_cell)
{
    background-color: #f5e5f1;
}

.rec_task_title
{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    margin: 0 5px;
    position: relative;
    min-width: 250px;
}

.rec_task_title:focus
{
    color: #bb0093;
}

.rec_task_title span
{
    padding: 0 5px;
}

.rec_task_title_value
{
    text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	max-width: 250px;
}

.rec_task_title_count
{
    color: red;
}

.rec_task_title-unread
{
    color: #2020c2;
}

.rec_task_title-mytask:before
{
    font-family: "bootstrap-icons";
    content: '\F5AF';

    position: absolute;

    width: 5px;
    height: 5px;

    left: 5px;
    top: 0;
    transform: scaleX(-1);
}

.rec_task_title-archived:after
{
    font-family: "bootstrap-icons";
    content: '\F10D';

    position: absolute;

    width: 10px;
    height: 10px;

    right: 0;
    top: 0;
}

.rec_edit_attributes_btn
{
    background: none;
    border: none;
    outline: none;
    width: 45px;
    height: 45px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.rec_edit_attributes_btn i
{
    color: #bbb5c3;
	;
    font-size: 18px;
}

.rec_edit_attributes_btn:hover i
{
    color: #a70997;
}

.analytics_type_chart {
	position: relative;
	display: inline-block;
}

.analytics_type_chart canvas {
	display: block;
}

.analytics_type_chart .chart_download_btn {
	background: #e5e5e5 !important;
	min-width: 0px !important;
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 5;
	pointer-events: auto;
	transform: none !important;
}

.chart_download_btn > .bi-download
{
	color: black !important;
}

.my_tooltip.analytics_box {
	position: relative;
}

.rec_chart_block .chart_download_btn {
	background: #cac9c9 !important;
	min-width: 0px !important;
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 30;
	pointer-events: auto;
	transform: none !important;
}

.rec_chart_block-detail .chart_download_btn {
	right: 44px;
}

.chart_download_btn.btn,
.chart_download_btn.btn.btn-primary {
	--bs-btn-bg: #e5e5e5;
	--bs-btn-color: #000000;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-bg: #cac9c9;
	--bs-btn-hover-color: #ffffff;
	--bs-btn-hover-border-color: transparent;
	--bs-btn-active-bg: #cac9c9;
	--bs-btn-active-color: #ffffff;
	--bs-btn-active-border-color: transparent;
	--bs-btn-border-width: 0;

	background-color: #e5e5e5 !important;
	color: #000000 !important;
	border: none !important;
	box-shadow: none !important;
}

.chart_download_btn.btn:hover,
.chart_download_btn.btn:focus,
.chart_download_btn.btn:active,
.chart_download_btn.btn.btn-primary:hover,
.chart_download_btn.btn.btn-primary:focus,
.chart_download_btn.btn.btn-primary:active {
	background-color: #cac9c9 !important;
	color: #ffffff !important;
	border: none !important;
	box-shadow: none !important;
}

.chart_download_btn .bi,
.chart_download_btn .icon_p {
	color: currentColor !important;
	fill: currentColor !important;
}


.rec_candidate_list
{
    padding: 5px 20px;
}

.rec_candidate_list ul
{
    margin: 0;
    padding: 0;
}

th .report_header {
	display: block;
	white-space: normal;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.rec_send_message_btn {
    border: none;
    padding: 10px 10px;
    background-color: transparent;
    cursor: pointer !important;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.rec_send_email_btn[data-email=""],
.rec_send_phone_btn[data-phone=""]
{
    cursor: default !important;
}

.rec_send_message_btn_icon {

    color: #bbb5c3;
    font-size: 18px;
    font-weight: normal !important;
    line-height: 1;

    position: relative;

    width: 18px;
    height: 27px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    transition: all 0.3s ease;
}

.rec_send_message_btn_icon::before {
    font-family: "bootstrap-icons";
    position: absolute;
    font-size: inherit;

    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.rec_send_message_btn:hover .rec_send_message_btn_icon::before {
    color: #007BFF;
}

.rec_send_email_btn[data-email=""]:hover .rec_send_message_btn_icon::before,
.rec_send_phone_btn[data-phone=""]:hover .rec_send_message_btn_icon::before
{
    color: #b60f20;
}


.rec_send_email_btn .rec_send_message_btn_icon::before {
    content: "\F32F";
}

.rec_send_email_btn:hover .rec_send_message_btn_icon::before {
    content: "\F693";
}

.rec_send_phone_btn .rec_send_message_btn_icon::before{
    content: "\F24D";
}

.rec_send_phone_btn:hover .rec_send_message_btn_icon::before {
    content: "\F24C";
}

.channel_logo_grid
{
    width: auto;
    height: auto;

    max-width: 48px;
    max-height: 48px;

    object-fit: contain;
    display: block;

}

.channel_logo_grid_empty
{
    width: 48px;
    height: 48px;
    background: transparent !important;
}
/* end file: recruitment.css */