.productProgressBar {
	height: 10px;
	border-radius: 10px;
	width: 100%;
}

.iconFile {
	align-self: center;
	font-size: 26px;
	padding: 20px 40px;
}

.productProgressBarColor {
	background-color: #9800d9 !important;
}

.productExportButton {
	display: flex;
    align-items: center;
	width: 100px;
}
.productExportButtonIcon {
	padding-right: 12px;
}
.drag-area {
	width: 100%;
	display: flex;
    flex-wrap: wrap;
    height: 300px;
    align-content: center;
    justify-content: center;
	padding: 20px;
	border: 2px dashed #db89fd;
	border-radius: 8px;
	text-align: center;
	background-color: #fff;
	transition: background-color 0.3s, border-color 0.3s;
	cursor: pointer;
}

.uploadButton {
	background-color: #9800d9 !important;
	border-color: #db89fd !important;
	color: #fff;
}

.uploadButton:hover {
	background-color: #db89fd !important;
	border-color: #9800d9 !important;
	color: #fff;
}

.drag-area.dragging {
	background-color: #e3f2fd;
	border-color: #0056b3;
}

/* Drag Area Text */
.drag-area p {
	margin: 0;
	font-size: 16px;
	color: #333;
}
.backButtonIcon {
	background-color: #9800d9;
	color: #fff;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.backButtonContainer:hover .backButtonIcon {
	background-color: #db89fd;
	color: #fff ;
	cursor: pointer;
}
.backButtonContainer:hover {
	color: #db89fd ;
	cursor: pointer;
}
.backButtonContainer {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 16px;
	cursor: pointer;
	margin-top: 20px;
}
/* Hidden File Input */
#importFileInput {
	display: none;
}

/* Highlight Text */
.drag-area strong {
	color: #007bff;
}

#productPageWrapper {
    position: relative;
}

l, ul, dl {
    padding: 0 !important;
}

.sticky-menu {
    position: sticky;
    top: 80px;
    max-height: calc(100vh - 80px); /* Adjust based on your header/menu setup */
	max-width: 320px;
    overflow-y: auto;
	padding-right: 42px;
}

/* Optional scrollbar styling for a slim, subtle scrollbar */
.sticky-menu::-webkit-scrollbar {
    width: 8px;
}

.sticky-menu::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

.sticky-menu::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.productFormWrapper {
	padding-left: 72px;
}
.productTitle {
	font-size: 32px;
	font-weight: 600;
	padding: 20px 0;
}

.productProgress {
	font-size: 16px;
	font-weight: 600;
	padding: 20px 0;
	display: flex;
    flex-direction: column;
    align-items: flex-end;
	width: 240px;
}
@media (max-width: 991.98px) {
    .sticky-menu {
        max-width: 240px;
    }
    .productTitle {
        max-width: 500px;
    }
}

/* Mobile-specific styles */
@media (max-width: 768px) {
	.productProgress {
		width: 100%;
	}
    .sticky-menu {
        display: none;
    }
	.productFormWrapper {
		padding-left: 0px;
	}
	#productMenuAside {
		display: block;
	}
}

@media (min-width: 768px) {
    #productMenuAside {
        display: none;
    }
}
.sticky-menu a.bold {
    font-weight: 700;
}

@keyframes flash {
    0% {
		-webkit-box-shadow: inset 0px -2px 0px 0px rgba(187, 146, 206, 0.7);
		-moz-box-shadow: inset 0px -2px 0px 0px rgba(187, 146, 206, 0.7);
		box-shadow: inset 0px -2px 0px 0px rgba(187, 146, 206, 0.7);
        transform: scale(1);
        opacity: 1;
    }
    50% {
        -webkit-box-shadow: inset 0px -4px 0px 0px rgba(187, 146, 206, 1);
		-moz-box-shadow: inset 0px -4px 0px 0px rgba(187, 146, 206, 1);
		box-shadow: inset 0px -3px 0px 0px rgba(187, 146, 206, 1);
        transform: scale(1.05);
        opacity: 0.9;
    }
    100% {
        box-shadow: 2px solid rgba(187, 146, 206, 0);
        transform: scale(1);
        opacity: 1;
    }
}

.scrollToAnimation {
    animation: flash 1s ease-in-out;
}

.rotate {
    transform: rotate(180deg);
    transition: transform 0.3s ease; /* Smooth transition */
}

.inputIconSuccess {
	color:green;
}

.inputIconError {
	color:red;
}

.icon-hidden {
    display: none;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}

.icon-visible {
    display: inline;
    opacity: 1;
	color:green;
    transition: opacity 0.6s ease-in-out;
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }
    20%, 60% {
        transform: translateX(-5px);
    }
    40%, 80% {
        transform: translateX(5px);
    }
}

.errorInput, .successInput {
	transition: border-color 0.3s ease-in-out;
}

.errorInput {
	border: 2px solid red !important;
	animation: shake 0.4s ease-in-out;
}

.successInput {
	border: 2px solid green !important;
}

.textError {
	color: red !important;
}

.triway-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;
}

.triway-toggle input[type="radio"] {
    display: none;
}

.triway-toggle label {
    cursor: pointer;
    /* padding: 10px 20px; */
	border: 1px solid #f9ecf2;
	transition: background-color 0.3s, color 0.3s;
    text-align: center;
    flex: 1;
}

/* First label: Remove left border and add only right border radius */
.triway-toggle label:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left: none;
}

/* Middle label: Remove both side borders */
.triway-toggle label:nth-child(2) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
	border-right: none;
}

/* Last label: Remove right border and add only left border radius */
.triway-toggle label:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* Hover effect */
.triway-toggle label:hover {
    background-color: #f0f0f0;
}

/* Checked state styling */
.triway-toggle input[type="radio"]:checked + label {
	background-color: #d474ff;
    color: white;
    border-color: #9e13db;
}

.triway-toggle input[type="radio"] + label {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.triway-toggle input[type="radio"].successRadioInput:checked + label {
    background-color: green;
    color: white;
    border-color: rgb(2, 100, 2);
}

.triway-toggle input[type="radio"].errorRadioInput:checked + label {
    background-color: red;
    color: white;
    border-color: rgb(167, 5, 5);
}

.form-group {
    margin-bottom: 20px;
}

.form-control {
    border: 1px solid #f9ecf2;
}

.mainCategoryWrapper {
	margin-bottom: 56px;
}

.mainCategoryForm {
	font-weight: 700;
	font-size: 24px;
}

.subCategoryForm {
	font-weight: 700;
	/* color: #9804d8; */
	font-size: 20px;
	margin-top: 42px;
	margin-bottom: 24px;
}

.productAttribute {
	font-weight: 600;
	margin-right: 4px;
	color: #bb92ce;
}

.productValue {
	font-size: 16px;
	font-weight: 500;
}

.productAttributeIcon {
	color: #bb92ce;
    margin-left: 4px;
}
.productAttributeSaveButton {
	color: #fff;
	background-color: #bb92ce;
}
.productAttributeSaveButton:hover {
	color: #fff;
	background-color: #9804d8;
}
.attribute {
	padding: 3px 12px 3px 24px;
}

.data-completed a {
	color: #3DA44E !important;
}

.data-missing a {
	color: #FF3C1D !important;
}

.importFileInput {
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 15px;
}
#importFileLabel {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}

.data-not-needed {
	display: none;
}

.data-category {
	color: #9804d8  !important;
}

.data-subcategory {
	padding-left: 12px;
	color: #9804d8  !important;
}

.data-subcategory-icon {
	color: #9804d8  !important;
}

ul {
	list-style-type: none;
	padding: 0;
	margin: 0; 
	text-decoration: none;
}
.mainCategory {
	display: flex;
    align-items: flex-start;
	flex-direction: column;
}
.mainCategoryContainer {
	list-style-type: none; /* Remove bullet points */
	padding: 0 0 32px 0 !important;
	margin: 0;
}

.mainCategoryTitle {
	font-weight: 700;
}

.subCategoryContainer {
	list-style-type: none; /* Remove bullet points */
	padding: 0 0 32px 0 !important;
	margin: 0;
}


.subCategory {
	padding-top: 12px;
	font-weight: 600;
}

#productProgressMenu {
	display: inline-block; /* Ensures the menu takes the width of its content */
	width: auto; /* Allows the menu to automatically adjust to the content's width */
}

.chevron {
	margin-left: 10px;
}



.red{
	color:red;
}

.mesaj_cos{

	position: absolute;
	z-index: 9;
	display: none;
  }
 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
 	background-color: #eaf1fb;
 }
  .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
  	background:  #c0d6f5;
  	color: #000;
  }
  .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:hover, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:focus{
  	background:  #c0d6f5;
  	color: #000;
  }
.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover { 
  	 background: #81ace8 !important;
  }
  .ui-widget-content {
    border: 1px solid #ccc;
    background: #f5f5f5;
  }
  .ui-widget-header {
    border: 1px solid #ccc;
    background: #f5f5f5;
  }
/* .ui-state-hover .ui-icon, .ui-state-focus .ui-icon{   */
.ui-widget-header .ui-icon{  
	background-image: url("../images/ui-icons_228ef1_256x240.png");
}
.ui-autocomplete-loading {
    background: white url("../images/ajax-loader.gif") right center no-repeat;
}
.input-group{
	flex-wrap: initial;
}

.select2-container {
    width: 100% !important;
}
#forgot-pass:hover{
	color:#0168fa;
}
.table-option {
	padding:3px;
	color:#0168fa;
	cursor:pointer;
}
.loginbtn{
	background-color: #2460a8;
	color: #fff;
}
.loginbtn:hover{
	background-color: #1c5190;
	color: #fff;
}
.frm-login, .logoapp{
	max-width: 350px;
}
.mt-top{
	margin-top: 55px;
}

/* //menu */
/* .nav-link .with-sub-sub{
	color: red !important;

} */
.show .navbar-menu-sub{
	position: relative;
	display: block;
	top: 0;
}
.show .navbar-menu-sub .show .navbar-menu-sub-sub{
	position: relative;
	display: block;
	top: 0;
}
/* menu */
.nav-aside .nav-item ul .active{
 
	color: #0168fa;
}
.error{
	border-color: red !important;
	color:red !important;
}
.sorting, .sorting_asc, .sorting_desc, .sorting_disabled, .sorting_1 {
    background-color : #fff !important;
}
.card{
	background-color: #e6f0ff !important;
}
.table tbody tr.even:hover, #contractpm-table tbody tr.even td.highlighted {
	background-color: #F3F4F7 !important;
}

.table tbody tr.odd:hover, #contractpm-table tbody tr.odd td.highlighted {
	background-color: #F3F4F7 !important;
}

.table tr.even:hover {
	background-color: #F3F4F7 !important;
}

.table tr.even:hover td.sorting_1 {
	background-color: #F3F4F7 !important;
}

.table tr.even:hover td.sorting_2 {
	background-color: #F3F4F7 !important;
}

.table tr.even:hover td.sorting_3 {
	background-color: #F3F4F7 !important;
}

.table tr.odd:hover {
	background-color: #F3F4F7 !important;
}

.table  tr.odd:hover td.sorting_1 {
	background-color: #F3F4F7 !important;
}

.table  tr.odd:hover td.sorting_2 {
	background-color: #F3F4F7 !important;
}

.table  tr.odd:hover td.sorting_3 {
	background-color: #F3F4F7 !important;
}
.atentie{
	background-color:#ffe6e6 !important;
}
.bleu{
	background-color:#eaf6fb !important;
}
.bg-danger2{
	background-color:#ffcccc !important;
}
.bg-success2{
	background-color:#d0fbe3 !important;
}
.bg-secondary2{
	background-color:#b4bccb !important;
}
fieldset{
	background-color: #fff;
	border: 1px solid rgba(72, 94, 144, 0.16);
	padding: 10px 15px;
	border-radius: 0.25rem;
}
.search-row{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	cursor:pointer;
	
}
.pop{
	width: 100% !important;
	border: solid #ccc !important;
	border-width: 1px !important;
	padding: 5px 10px !important;
	background-color: #fff !important;
	display:none ;
	
	max-height: 200px !important;
	overflow-y: auto !important;
}
.search-row:hover,.search-row:focus {
	background-color:#ccc;
	color: unset;
}
.help-block{
	color:red;
}
.table > tbody > tr > td {
     vertical-align: middle;
}
.textAlignRight{
	text-align:right;
}
.select2-selection {
	background-color: #fff;
	border: solid #ccc;
  
	border-width: 1px;
	height: 37px !important;
}
.clsDatePicker {
    z-index: 100000 !important;
}
#proiect-form-overlay{
	display:none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(255,255,255,0.8) url("../images/Hourglass.gif") center no-repeat;
}
.proiect-proiectexpat-form-overlay{
	display:none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(255,255,255,0.8) url("../images/Hourglass.gif") center no-repeat;
}
.proiect-proiectexpat-doc-form-overlay{
	display:none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(255,255,255,0.8) url("../images/Hourglass.gif") center no-repeat;
}
.proiect-proiectexpatfilecost-doc-form-overlay{
	display:none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(255,255,255,0.8) url("../images/Hourglass.gif") center no-repeat;
}
.proiect-proiectexpatfilerevenue-doc-form-overlay{
	display:none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(255,255,255,0.8) url("../images/Hourglass.gif") center no-repeat;
}
.proiect-proiectexpatfile-doc-form-overlay{
	display:none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(255,255,255,0.8) url("../images/Hourglass.gif") center no-repeat;
}

.proiect-proiectexpatfile-form-overlay{
	display:none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(255,255,255,0.8) url("../images/Hourglass.gif") center no-repeat;
}
.proiect-proiectexpatfile-next-form-overlay{
	display:none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(255,255,255,0.8) url("../images/Hourglass.gif") center no-repeat;
}
.proiect-proiectexpatfile-alerta-form-overlay{
	display:none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(255,255,255,0.8) url("../images/Hourglass.gif") center no-repeat;
}
.task-form-overlay{
	display:none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(255,255,255,0.8) url("../images/Hourglass.gif") center no-repeat;
}
.proiect-proiectexpatfile-cost-form-overlay{
	display:none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(255,255,255,0.8) url("../images/Hourglass.gif") center no-repeat;
}
.proiect-proiectexpatfile-revenue-form-overlay{
	display:none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(255,255,255,0.8) url("../images/Hourglass.gif") center no-repeat;
}
.modal-open .modal {
  /* overflow-x: hidden; */
  overflow-y: inherit !important;
}