.table th, .table td {
    padding: 0.4rem;
    vertical-align: middle;
}

.big-modal{max-width:70%!important;}
.middle-modal{max-width:50%!important;}

@media only screen and (max-width: 1366px) {
.big-modal{max-width:70%!important;}       
.middle-modal{max-width:50%!important;}              
}

@media only screen and (max-width: 768px) {
.big-modal{max-width:100%!important;}    
.middle-modal{max-width:100%!important;}                 
}
.strong{font-weight:bold;}

.modal-body {padding-top: 0;}

.modal-footer {padding-top: 0; }
.big-modal .modal-body .tab-content, .middle-modal .modal-body .tab-content{max-height:700px;overflow-y: auto!important; overflow-x:hidden!important;}

.mh500{max-height:500px;overflow-y: auto!important; overflow-x:hidden!important;}

.mh300{max-height:300px;overflow-y: auto!important; overflow-x:hidden!important;}

.select2-container{width:100%!important;z-index:2055;}
.modal-current .select2-container{z-index:2056!important;}
.header-icon:not(.btn)[data-toggle="dropdown"][data-toggle="dropdown"]:after{background:none;}
.btn-sm i{color:#fff;font-size:1.1em}
.btn-primary{background:#007bff;border:#007bff 1px solid;}
.btn-primary:hover{background:#00BAFF;border:#007bff 1px solid;}
.btn-warning{background:#FF7846;border:#FF7846 1px solid;}
.btn-warning:hover{background:#FF7846;border:#FF7846 1px solid;}
.btn-danger{background:#F35A54;border:#F35A54 1px solid;}
.btn-danger:hover{background:#F35A54;border:#F35A54 1px solid;}
.btn-sm:hover{opacity: .5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.page-content {padding: 1rem 1rem!important}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after{bottom:0.5em}

.active-box {background: #25D17B;color: #fff;font-weight: 700;display: inline-block;padding: 3px 20px;border-radius: 3px;}
.inactive-box {background: #DDEDF2;color: #83A0AA;font-weight: 700;display: inline-block;padding: 3px 20px;border-radius: 3px;}
.red-box{background: #F35A54;color: #fff; font-weight: 700;display: inline-block;padding: 3px 20px; border-radius: 3px;}
.warning-box{background: #ffc107;color: #fff; font-weight: 700;display: inline-block;padding: 3px 20px; border-radius: 3px;}
.change-status{cursor:pointer;}
.dataTables_empty{font-size: 1rem;padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}
.bootstrap-tagsinput .badge{margin-right:5px;}

/**status**/
.s_completed{padding:1px 5px; background:#739e73; margin:0px 3px;border-radius:3px;color:#fff;border:#739e73 1px solid;}
.s_paid{padding:1px 5px; background:#3BA5AC; margin:0px 3px;border-radius:3px;color:#fff;border:#3BA5AC 1px solid;}
.s_working{padding:1px 5px; background:#8A2BE2; margin:0px 3px;border-radius:3px;color:#fff;border:#8A2BE2 1px solid;}
.s_canceled{padding:1px 5px; background:#ccc; margin:0px 3px;border-radius:3px;color:#fff;border:#ccc 1px solid;}
.s_invoiced{padding:1px 5px; background:#F8ACAC; margin:0px 3px;border-radius:3px;color:#fff;border:#F8ACAC 1px solid;}
.s_draft{padding:1px 5px; background:#ccc; margin:0px 3px;border-radius:3px;color:#fff;border:#ccc 1px solid;}
.s_new{padding:1px 5px; background:#FF0000; margin:0px 3px;border-radius:3px;color:#fff;border:#FF0000 1px solid;}

.img-list{max-width:40px; max-height:28px;margin:0px auto;display:block;}
.img-list-m{max-width:40px; max-height:40px;margin:0px auto;display:block;}
.img-list-mod{max-width:150px; max-height:80px;margin:0px auto;display:block;}
.img-list-b{max-width:100px; max-height:65px;margin:0px auto;display:block;}
.list-group-item {padding: 0.1rem 0.1rem;}
.thumb {margin: 10px; width: 150px; padding-right: 5px; float: left; margin-right: 5px;}
.btnthumb { margin-top: 5px; margin-left: 38px;}
.border-red{border:#fd3995 1px solid!important;border-radius:4px;}
hr {margin-top: 1rem;margin-bottom: 1rem;border: 0;border-top: 1px solid rgba(0, 0, 0, 0.1);}

h5 {font-size: 15px;font-weight: bold;padding-bottom: 5px;margin: 0;}

.p-custom {font-size: 14px;}

#sparks li h5 {
    color: #555;
    float: left;
    font-size: 11px;
    font-weight: 400;
    margin: -3px 0 0 0;
    padding: 0;
    border: none;
    text-transform: uppercase;
}

#sparks li h5 span {
    display: block;
    color: #636363;
    font-size: 17px;
    line-height: 20px;
    margin-top: 5px;
}

.txt-color-blue {
    color: #57889c!important;
}

.dropdown-custom {
    padding: 0.12rem 1rem;
}

.alert-custom {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0.75rem;
}

.list-inline-item.extra-margin {
    margin-left: 50px !important;
}
.custom-select option {
    padding: 10px;
    margin: 0.2rem 0;
    font-size: 14px;
}

.custom-select option:checked {
    background-color: #007bff;
    color: #fff;
}

.label-tag, .text-muted {
    --tw-text-opacity: 1;
}

.label-tag {
    border-radius: .25rem;
    font-size: .8rem;
    font-weight: 500;
    padding: .25rem .5rem;
}

.tag-id-new {
    background-color: rgba(34, 197, 94, 0.3); /* verde deschis */
    color: rgba(34, 197, 94, 1);
}

.tag-id-update {
    background-color: rgba(59, 130, 246, 0.3); /* albastru deschis */
    color: rgba(59, 130, 246, 1);
}

.tag-id-upgrade {
    background-color: rgba(234, 88, 12, 0.3); /* portocaliu deschis */
    color: rgba(234, 88, 12, 1);
}

.project-status-new {
    color: #10b981; 
    border: 1px solid #d1fae5;
    background: #f0fdf4;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

.project-status-working {
    color: #2563eb;
    border: 1px solid #a8c1f7;
    background: #f6f9fe;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

.project-status-completed {
    color: #16a34a;
    border: 1px solid #bbf7d0;
    background: #ecfdf5;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

.project-status-invoiced {
    color: #ea580c;
    border: 1px solid #fed7aa;
    background: #fff7ed;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

.project-status-paid {
    color: #14b8a6;
    border: 1px solid #a7f3d0;
    background: #d1fae5;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}