.red{
	color:red;
}

.mesaj_cos{

	position: absolute;
	z-index: 9;
	display: none;
  }
  
  
.ui-autocomplete-loading {
    background: white url("../images/ajax-loader.gif") right center no-repeat;
}
.table-option {
	padding:3px;
	color:#bb2253;
	cursor:pointer;
}
.table-option:hover {
	color:#996633; 
}
.error{
	border-color: red !important;
	color:red !important;
}
.sorting, .sorting_asc, .sorting_desc, .sorting_disabled, .sorting_1 {
    background-color : #fff !important;
}
.card{
	background-color: #f7faff !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 !important;
  border: 1px solid rgba(72, 94, 144, 0.16) !important;
  padding: 10px 15px !important;
  border-radius: 0.25rem !important;
}
.modal-open {
	margin-right: 0px !important;
}
a:hover {
  color: #700d0f;
}

table.reverse {
	display: table;
}
table.reverse tr {
	display: table-cell;
}
table.reverse tr td {
	display: block;
}
label, input{
  display:flex;
  flex-direction:column;
}

.navbar-header {
  height: 78px;
  border-bottom: 2px solid #c0c0c0;
  }
  
.btn-brand-02 {
  background-color: #bb2253;
  border-color: #bb2253;
  color: #ffffff;
 }
  .btn-brand-02:hover, .btn-brand-02:focus {
  background-color: #bb2253;
  border-color: #bb2253;
  color: #ffffff;
}

body {
  margin: 0;
  color: #181824;
  font-family: "Nunito Sans", sans-serif;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.6em;
  text-align: left;
  background-color: #fff; }

.df-logo img {
	width: 200px; 
	height: auto;
}

.navbar-menu{
	align-items: flex-end;
    font-family: 'Montserrat';
    font-weight: 700;
	letter-spacing: .4px;
}
.navbar-menu .nav-link {
	font-size: 14px;
	font-weight: 700;
	color: #888888;
}
.navbar-menu .nav-item.show .navbar-menu-sub {
	font-size: 15px;
    background-color: white;
	opacity: 0.9; 
	border-radius: unset;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 2px solid grey;
	top: 28px;
	left: -10px;
	padding: 5px 5px 5px 15px;
	margin: unset;
}	
.footer {
  background-color: #5b6064;
  font-size: 11px;
  color: #c0c0c0;
  padding: 5px 25px;
  text-transform: unset;
}
.nav-sub-item
{
	margin-bottom: -5px;
}
@media (min-width: 992px) {
    .navbar-menu {
		 max-width: 900px;
	}
}	
  .breadcrumb-item + .breadcrumb-item::before {
    content: '⟩'; }

.breadcrumb-item {
    font-size: 13px !important;
    font-weight: 300 !important;
    font-family: "Nunito Sans", sans-serif !important;
	text-transform: unset !important;
}	

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
	border-color: #bb2253;
	background-image: none;
	background-color: #bb2253;
	font-weight: bold !important;
	color: #ffffff !important; 
}

.btn-primary {
	font-weight: 400 !important;
	letter-spacing: .4px;
	border-radius: unset;
	text-transform:uppercase;
	background-color: transparent;
    border-color: #262841;
    border-width: 1px;
    color: #262841;
}
  .btn-primary:hover {
    color: #fff;
    background-color: #262841;
    border-color: #262841; }
	
  .btn-primary:focus, .btn-primary.focus {
    box-shadow: unset; }
	
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #700d0f;
    border-color: #700d0f; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #262841;
    border-color: #262841; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
      box-shadow: unset; }


.btn-secondary {
    font-size: 13px !important;	
	font-weight: 400 !important;
	letter-spacing: .4px;
	border-radius: unset;
	text-transform:uppercase;
	background-color: #bb2253;
    border-color: #bb2253;
    border-width: 1px;
    color: #ffffff;
}
  .btn-secondary:hover {
    background-color: #e6bb00;
    border-color: #e6bb00;
    color: #181824;
}

.input-group > .select2-container--bootstrap {
    width: auto;
    flex: 1 1 auto;
}

.input-group > .select2-container--bootstrap .select2-selection--single {
    height: 100%;
    line-height: inherit;
    padding: 0.5rem 1rem;
}

.card {
	border-radius: unset;
    background-color: #F7F7F7 !important;	
    border-color: #E0E0E0 !important;	
}
.card-header {
	padding: unset;
}

tr.strikeout {
  text-decoration: line-through;
}

@media (min-width: 1024px) {
    .modal-65 {
      width: 65% !important;
  }
}

.container_disabled
{
  pointer-events: none;
  opacity: 0.7;
}

table.dataTable.nowrap .truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 700px; /* Ajustează lățimea după nevoie */
}

.loader {
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #bb2253; /* Grena */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
    display: inline-block;
    margin-top: 5px; /* Distanța dintre buton și loader */
    margin-right: 20px; /* Distanța dintre buton și loader */
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.dropzone {
	border: 2px dashed #007bff !important;
	padding: 20px;
	text-align: center;
}
.file-list {
	margin-top: 20px;
}
.file-item {
	display: flex;
	justify-content: space-between;
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}
.delete-btn {
    position: absolute; /* Poziționare absolută față de elementul părinte */
    top: -10px;
    right: -10px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: white; /* Poți să alegi orice culoare pentru icon-ul de ștergere */
    z-index: 10; /* Asigură-te că este deasupra altor elemente */
}

.delete-btn i {
    font-size: 20px; /* Mărimea icon-ului */
}

/* Stiluri pentru fișierul încărcat (preview-ul) */
.dropzone .dz-preview {
    position: relative; /* Poziționare relativă pentru a face butonul să fie în interior */
}
.dropzone .dz-image img {
    object-fit: contain;  /* Asigură că imaginea nu va fi crop-uită */
    width: 128px;         /* Dimensiunea dorită pentru thumbnail */
    height: 96px;        /* Dimensiune fixă pentru thumbnail */
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #bb2253;
    background-color: #bb2253;
}