/* Your Custom CSS Goes here */
.red {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,217,220,1) 25%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,217,220,1) 25%, rgba(255,255,255,1) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,217,220,1) 25%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,0,0,0.24702380952380953) 25%, rgba(255,255,255,0) 75%);
}
.yellow {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,242,217,1) 25%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,242,217,1) 25%, rgba(255,255,255,1) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,242,217,1) 25%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,209,0,0.24702380952380953) 25%, rgba(255,255,255,0) 75%);
}
.green {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(223,255,217,1) 25%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(223,255,217,1) 25%, rgba(255,255,255,1) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(223,255,217,1) 25%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,255,119,0.24702380952380953) 25%, rgba(255,255,255,0) 75%);
}

.select2-dropdown {
    border: 1px solid #e3e6ea !important;
}

@media(max-width: 575px) {
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        padding-top: 20px;
        justify-content: center;
        flex-wrap: wrap;
    }

    .mt-mob-10 {
        margin-top: 10px;
    }

    .mt-mob-20 {
        margin-top: 20px;
    }

    .mt-mob-1 {
        margin-top: 1.5rem!important;
    }
}

@media screen and (max-width: 767px) {
    div.dataTables_length {
        padding-top: 20px;
    }
}

.card .card-title {
    font-size: 20px;
}

.example-container .detalii {
    margin-top: 10px;
}

.example-container {
    background: #F4F7FA;
}

.font-normal {
    font-weight: normal;
}

.mr-10 {
    margin-right: 10px;
}
.mr-five {
    margin-right: 5px;
}

.ml-10 {
    margin-left: 10px;
}
.modal-footer {
    justify-content: center;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    left: -5px;
}
.moneda {
    color: #a2a6b6;
    letter-spacing: -1px;
    font-size: 20px;
}
.contracte_service_stats {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccd6ed;
}

.select2-container--open {
    z-index: 9999999
}
.select2-container {
    /*min-width: 250px!important;*/
    width:100%!important;
}

.br-top-10 {
    border-radius: 10px 10px 0 0!important;
}
.br-10 {
    border-radius: 10px!important;
}

.pt-task-prioritate {
    padding: 10px 30px 10px!important;
}

.red-medical {
    background: #B20002!important;
}

.hyphenate {
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.blue-task .list-group-item {
    border-color: #a7cae1;
}

.red-task .list-group-item {
    border-color: #e1a7a7;
}

.holder-btn div button {
    width:100%;
}

.link_task {
    text-decoration: none;
    color: black;
}

.bb_grey {
    border-bottom: 2px solid #e7ecf8!important;
}

.fc .fc-toolbar-title {
    text-transform: capitalize!important;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    background-image: none;
}

.firma .select2-container--default .select2-selection--single {
    background: #f4f7fa;
}

.firma .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #24292e;
}

.inlocuitor .select2-container--default .select2-selection--single {
    background: #f4f7fa;
}

.inlocuitor .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #24292e;
}

.dropzone .dz-remove {
    z-index: 1000; /* Un z-index mare pentru a fi deasupra altor elemente */
    position: relative; /* Asigură-te că z-index funcționează */
    cursor: pointer; /* Pointer pentru a semnala că este clicabil */
}

.dropzone .dz-preview {
    position: relative; /* Asigură că previzualizarea fișierului este poziționată corect */
    z-index: 1; /* Mai mic decât z-index-ul butonului */
}