/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/
/* #loaderMain{display:none; position:fixed; width:100%;height:100%; top:0px; left:0px; right:0px; bottom:0px; background:rgba(0, 0, 0, 0.3); z-index:99999}
#loaderMain > .loader{position:relative; display:block; background:#fff; width:100px; height:100px; margin:auto;top:50%; margin-top:-50px;  background:url(../../assets/images/loader-3.gif) center center no-repeat #fff;-webkit-border-radius: 25px;-moz-border-radius: 75px;border-radius: 75px; box-shadow-bottom-right-radius: 0.7em;box-shadow-bottom-left-radius: 0.7em;box-shadow-top-right-radius: 0.7em;box-shadow-top-left-radius: 0.7em;} */

/* #loaderMain {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8); 
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
  } */

  #loaderMain {
    display: flex; /* garder le flex ici */
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
  
    /* Astuce pour le cacher sans casser le layout */
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
  }
  

  #loaderMain .loader {
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    overflow: hidden;
  }
  
  #loaderMain .loader img {
    max-width: 80%;
    max-height: 80%;
  }
  

.profile-wid-bg::before{background:none !important}
.app-search{width:300px !important;}
.btn-cmp{width:125px !important}
.table-crm td{font-size:12px;padding:5px}
.text-black{color:#212529;}
.fz12{font-size:12px}
div.dataTables_wrapper div.dataTables_paginate{margin-top:10px !important}
.table-sm td{font-size:12px;padding:5px}
.form-check-label{color:#495057 !important}
.form-check-input.is-valid, .was-validated .form-check-input:valid{border-color:#f7b84b !important;color:#f7b84b !important}
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked{background-color:#f7b84b !important}
.readonly-style {background-color: #e9ecef;color: #6c757d;cursor: not-allowed;}
.unclickable {background-color: #f0f0f0; opacity: 0.6; pointer-events: none; cursor: not-allowed;}
.d-inline-block{display: inline-block !important;}
.result-list {
    position: absolute; 
    top: 100%; 
    left: 0;
    right: 0;
    border: 1px solid #ccc;
    background-color: #fff;
    max-height: 150px; 
    overflow-y: auto; 
    z-index: 1000;
    list-style: none;
    margin: 0;
    padding: 0;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); 
}

.result-list li {
    padding: 8px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
}

.result-list li:hover {
    background-color: #f5f5f5;
}

.placeholder-red::placeholder {
    color: red; 
  }
.w80{width:80px !important}
.w-auto{width:auto !important}
  
.was-validated textarea.form-control:valid, textarea.form-control.is-valid{padding-top: 40px !important; min-height:90px !important}
  .dataTables_wrapper {
    overflow: visible !important;
}

.dataTables_scrollBody {
    overflow: visible !important;
}
.alert{margin-bottom: 40px;};


/* FilePOnd STYLE */

.filepond--label-action {
  font-size: 18px !important ;
}
.filepond--root {
  background-color: #f0f0f0 !important ; 
}
.filepond--label-action {
  color: #4A90E2 !important ; 
}
.filepond--drop-label{
  font-size: 18px !important ;
}

.filepond--credits{
  display: none;
}

.filepond--root {
  width: 100%;
  margin: auto; 
}
.filepond--file{
 display: flex !important;
  justify-content: center !important;
}
.filepond--item{
  display:flex !important;
  width: 80% !important;
  font-size: 18px !important;
}
.filepond--item-panel{
  background-color: #fbc348 !important;
}
.filepond--file-info{
  color: black !important;
}