:root {
	--primary-color: #006AEF;
	--secondary-color: #FF9D00;
	--light-grey: #f8fafa;
	--green-color: #28a745;
}

.pageContainer {
	margin-top: 55px;
	margin-right: 1.5rem;
    margin-left: 1.5rem;
	width: 100%;
}
.linkLeftsideMenu {
	color: var(--primary-color) !important;
}
.linkLeftsideMenu:hover {
	color: var(--secondary-color) !important;
	transform: scale(1.1);
}
.cartLeftsideMenu {
	color: var(--green-color);
}
.cartBadge {
	background-color: var(--green-color);
	color: white;
}

.cartLeftsideMenu:hover {
	color: var(--secondary-color) !important;
	transform: scale(1.1);
}
.cartLeftsideMenu:hover .cartBadge {
	background-color: var(--secondary-color);
	transform: scale(1.1);
}

.form-check-input:checked {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.background-color-main {
    background-color: var(--primary-color) !important
}
.accent-color-main {
    background-color: var(--secondary-color) !important
}
.color-white {
    color: white;
}
.hover-shadow:hover {
	color: white !important;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
color-main {
	color: var(--primary-color) !important;
}

color-white-disabled:disabled {
	color: white !important;
}
.companie-details {
	border-top: 2px solid var(--secondary-color);
	padding-top: 30px;
}
.companie-icon {
	color: var(--primary-color);
	cursor: pointer;
}
.documentLink {
	cursor: pointer;
	color: inherit;
	text-decoration: none !important;
}
.documentLink:hover {
	color: var(--secondary-color) !important;
}
#sidebar {
	min-height: 100vh;
	width: 220px;
	transition: width 0.3s;
	overflow: hidden;
}

.link a {
	text-decoration: none !important;
	color: inherit !important;
}

.link a:hover {
	color: var(--secondary-color) !important;
}

.upload-box {
    border: 1px solid #006AEF;
    padding: 40px;
    text-align: center;
    cursor: pointer;
    border-radius: 10px;
    position: relative;
    transition: border-color 0.3s ease;
}
.upload-box:hover {
    border-color: #006AEF;
}
.upload-label {
    width: 100%;
    display: block;
}
#preview-image {
    max-width: 100%;
    border-radius: 8px;
    margin-top: 15px;
}

.customModalBody {
	max-height: 75vh;
	overflow-x: hidden;
	overflow-y: scroll;
}
/* Collapsed state */
#sidebar.collapsed {
	min-width: 70px;
	width: 70px;
}
#sidebar.expanded {
	min-width: 140px;
}
/* Animate the menu text */
#sidebar .link-text {
	transition: opacity 0.3s, margin 0.3s;
}

  
#sidebar.collapsed .link-text {
	max-height: 0;
	opacity: 0;
	pointer-events: none;
}

/* Logo switching: full logo visible when expanded, small logo when collapsed */
#logo-expanded {
	display: inline;
	transition: opacity 0.3s;
	max-height: 100px;
}
#logo-collapsed {
	display: none;
	transition: opacity 0.3s;
	max-height: 40px;
}
#sidebar.collapsed #logo-expanded {
	display: none;
}
#sidebar.collapsed #logo-collapsed {
	display: inline;
}

@media (max-width: 768px) {
	#sidebar {
	    position: absolute;
		z-index: 100;
		background: white;
	}
	.pageContainer {
		margin-left: 56px;
		margin-right: 20px;

	}
}
.red{
	color:red;
}

 .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;
	max-width: 100% !important;
}
.select2-dropdown {
	box-sizing: border-box;
}
#forgot-pass:hover{
	color:#0168fa;
}
.table-option {
	padding:3px;
	color:var(--primary-color);
	cursor:pointer;
}
.table-option-disabled {
	padding:3px;
	color: var(--green-color) !important;
	cursor: auto;
}

.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: #f8fefa !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;
}

.table tbody tr:hover {
    background-color: var(--secondary-color) !important;
    color: white !important; /* Optional: Change text color for better contrast */
}

/* Remove background on first column */
table.dataTable td,
table.dataTable th {
  box-shadow: none !important;
}

/* Remove horizontal row borders */
table.dataTable td, 
table.dataTable th {
  border-bottom: 0 !important;
}

#punctelucru-table tbody tr:hover td {
	background-color: var(--light-grey) !important;
}
#companie-table tbody tr:hover td {
	background-color: var(--light-grey) !important;
}
#angajat-table tbody tr:hover td {
	background-color: var(--light-grey) !important;
}

#utilizator-table tbody tr:hover td {
	background-color: var(--light-grey) !important;
}

.eye-icon {
    opacity: 0;
    transition: opacity 0.2s;
    cursor: pointer;
    color: #555;
    display: inline-block;
}

#angajat-table tbody tr:hover .eye-icon {
    opacity: 1;
}

.buttonAddModal {
	background-color: var(--primary-color);
	color: white;
}
.buttonAddModal:hover {
	background-color: var(--secondary-color);
	color: white;
}
.entityTitleWrapper {
	margin-bottom: 30px;
	border-bottom: 2px solid var(--primary-color) !important;
}
.backLink {
	color: inherit;
	text-decoration: none;
}
.backLink:hover {
	color: var(--secondary-color);
	text-decoration: none;
}
.categorieCaracteristicaCard {
    border-bottom: 1px solid var(--secondary-color);
    margin-left: 12px;
    padding: 12px;
}
.badgeCaracteristica {
	color: var(--secondary-color);
	padding-left: 4px;
}
.stocCategorieHeader {
	background-color: var(--light-grey) !important;
	color: var(--primary-color) !important;
}
#stoc-table tbody tr.stoc-row:hover td {
	background-color: #f5f5f5;
}
.buttonAddEntity {
	background-color: var(--primary-color);
	color: white;
}
.buttonAddEntity:hover {
	background-color: var(--secondary-color) !important;
	color: white;
	transform: scale(1.1);
}
.magazieProductCard {
	display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--secondary-color);
    margin-left: 12px;
    padding: 12px;
}
.angajatProductCard {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid var(--secondary-color);
    margin-left: 12px;
    padding: 12px;
    gap: 12px;
}

/* columns */
.angajatProductCard > .ap-col-1 {
    width: 25%;
}

.angajatProductCard > .ap-col-2 {
    width: 50%;
}

.angajatProductCard > .ap-col-3 {
    width: 25%;
    text-align: right;
}

/* Responsive: stack columns on small screens */
@media (max-width: 768px) {
    .angajatProductCard {
        flex-direction: column;
        margin-left: 0;
    }

    .angajatProductCard > .ap-col-1,
    .angajatProductCard > .ap-col-2,
    .angajatProductCard > .ap-col-3 {
        width: 100%;
        text-align: left;
    }
}
/* 2 culori diferite pentru tip transfer */
#transfer-table tbody tr.tip-1 { background: rgba(40, 167, 69, 0.10) !important;  }  /* PREDARE */
#transfer-table tbody tr.tip-2 { background: rgba(0, 123, 255, 0.10) !important; }  /* PRELUARE */

/* păstrăm culoarea și când e expandat */
#transfer-table tbody tr.details-shown.tip-1 { background: rgba(40, 167, 69, 0.14); }
#transfer-table tbody tr.details-shown.tip-2 { background: rgba(0, 123, 255, 0.14); }

/* rândul "child" (detalii) să aibă fundal neutru, ca la stoc */
#transfer-table tbody tr.child td { background: #fff !important; }

#transfer-table.table-striped tbody tr.tip-1:nth-of-type(odd) > td,
#transfer-table.table-striped tbody tr.tip-1:nth-of-type(even) > td { background-color: rgba(40, 167, 69, 0.12) !important; }

#transfer-table.table-striped tbody tr.tip-2:nth-of-type(odd) > td,
#transfer-table.table-striped tbody tr.tip-2:nth-of-type(even) > td { background-color: rgba(0, 123, 255, 0.12) !important; }
 




  .selected-prod-card{
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 8px;
    padding: 10px 12px;
    margin-bottom: 10px;
  }
  .selected-prod-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
  }
  .selected-prod-name{
    font-weight: 600;
  }
  .selected-prod-meta{
    font-size: 12px;
    color: #6c757d;
    margin-top: 2px;
  }
  .selected-prod-delete{
    cursor:pointer;
    opacity:.8;
  }
  .selected-prod-delete:hover{
    opacity:1;
  }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: white !important;
	color: var(--primary-color) !important;
	border: 1px solid var(--primary-color) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: var(--primary-color) !important;
	color: white !important;
	border: none !important;
}
.dataTables_wrapper .dataTables_info {
	font-size: 12px;
	padding-top: 2em !important;
}
.dataTables_wrapper .dataTables_paginate {
	font-size: 14px;
	padding-top: 1em !important;
}
.dataTables_filter {
	font-size: 14px;
}