:root {
  --light: #b5c5db;
  --dark: #152e4d;
  --darker: #12263f;
  /*  */
  --color-primary: var(--color-cyan);
  --color-primary-50: var(--color-cyan-50);
  --color-primary-100: var(--color-cyan-100);
  --color-primary-light: var(--color-cyan-light);
  --color-primary-lighter: var(--color-cyan-lighter);
  --color-primary-dark: var(--color-cyan-dark);
  --color-primary-darker: var(--color-cyan-darker);
  /*  */
  --color-green: #16a34a;
  --color-green-50: #f0fdf4;
  --color-green-100: #dcfce7;
  --color-green-light: #22c55e;
  --color-green-lighter: #4ade80;
  --color-green-dark: #15803d;
  --color-green-darker: #166534;
  /*  */
  --color-blue: #2563eb;
  --color-blue-50: #eff6ff;
  --color-blue-100: #dbeafe;
  --color-blue-light: #3b82f6;
  --color-blue-lighter: #60a5fa;
  --color-blue-dark: #1d4ed8;
  --color-blue-darker: #1e40af;
  /*  */
  --color-cyan: #0891b2;
  --color-cyan-50: #ecfeff;
  --color-cyan-100: #cffafe;
  --color-cyan-light: #06b6d4;
  --color-cyan-lighter: #22d3ee;
  --color-cyan-dark: #0e7490;
  --color-cyan-darker: #155e75;
  /*  */
  --color-teal: #0d9488;
  --color-teal-50: #f0fdfa;
  --color-teal-100: #ccfbf1;
  --color-teal-light: #14b8a6;
  --color-teal-lighter: #2dd4bf;
  --color-teal-dark: #0f766e;
  --color-teal-darker: #115e59;
  /*  */
  --color-fuchsia: #c026d3;
  --color-fuchsia-50: #fdf4ff;
  --color-fuchsia-100: #fae8ff;
  --color-fuchsia-light: #d946ef;
  --color-fuchsia-lighter: #e879f9;
  --color-fuchsia-dark: #a21caf;
  --color-fuchsia-darker: #86198f;
  /*  */
  --color-violet: #7c3aed;
  --color-violet-50: #f5f3ff;
  --color-violet-100: #ede9fe;
  --color-violet-light: #8b5cf6;
  --color-violet-lighter: #a78bfa;
  --color-violet-dark: #6d28d9;
  --color-violet-darker: #5b21b6;
  /*  */
  --color-red: #d32626;
  --color-red-50: #fff3f3;
  --color-red-100: #fee9e9;
  --color-red-light: #f65c5c;
  --color-red-lighter: #fa8b8b;
  --color-red-dark: #d92828;
  --color-red-darker: #b62121;
          /*  */
  --color-yellow: #575112;
  --color-yellow-50: #e0d236;
  --color-yellow-100: #b8ac2a;
  --color-yellow-light: #998f22;
  --color-yellow-lighter: #595410;
  --color-yellow-dark: #4d4810;
  --color-yellow-darker: #403c0d;
}

  
  .dark .dark\:text-light {
    color: var(--light);
  }
  
  .dark .dark\:bg-dark {
    background-color: var(--dark);
  }
  
  .dark .dark\:bg-darker {
    background-color: var(--darker);
  }
  
  .dark .dark\:text-gray-300 {
    color: #d1d5db;
  }
  
  .dark .dark\:text-gray-500 {
    color: #6366f1;
  }
  
  .dark .dark\:text-gray-100 {
    color: #e0e7ff;
  }
  
  .dark .dark\:hover\:text-light:hover {
      color: var(--light);
  }
  
  .dark .dark\:border-gray-800 {
    border-color: #3730a3;
  }
  
  .dark .dark\:border-gray-700 {
    border-color: #4338ca;
  }
  
  .dark .dark\:bg-gray-600 {
    background-color: #4f46e5;
  }
  
  .dark .dark\:hover\:bg-gray-600:hover {
    background-color: #4f46e5;
  }
  
  .dark .dark\:border-gray-500 {
    border-color: #6366f1;
  }
  
  .hover\:overflow-y-auto:hover {
    overflow-y: auto;
  }
  

.dossierstate1 {
    border-style: solid;
    border-width: 0px 0px 0px 10px;
    border-color: aqua;
    margin-bottom: 10px;
}

.dossierstate2 {
    border-style: solid;
    border-width: 0px 0px 0px 10px;
    border-color:blue;
    margin-bottom: 10px;
}

.dossierstate3 {
    border-style: solid;
    border-width: 0px 0px 0px 10px;
    border-color:green;
    margin-bottom: 10px;
}

.dossierstate4 {
    border-style: solid;
    border-width: 0px 0px 0px 10px;
    border-color:goldenrod;
    margin-bottom: 10px;
}
.dossierstate5 {
    border-style: solid;
    border-width: 0px 0px 0px 10px;
    border-color:red;
    margin-bottom: 10px;
}
.border-x {
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    margin-left: 10px;
    margin-right: 10px;
}
@media (max-width: 640px) {
    .hidesize {
        display: none;
    }
}
@media (min-width: 640px) {
    .hidesize {
        display: none;
    }
}
@media (min-width: 768px) {
    .hidesize {
        display: none;
    }  
}
@media (min-width: 1024px) {
    .hidesize {
        display: inline-block;
    }
}
@media (min-width: 1280px) {
    .hidesize {
        display: inline-block;
    }    
}
@media (min-width: 1536px) {
    .hidesize {
        display: inline-block;
    }   
}


#dossierList_filter input {
  border-radius: 5px;
  margin-right: 10px;
}

.border-blue-400 {
  color: var(--light);
}
.mb-3 {
  margin-bottom: 30px;
}
.cursor-pointer {
  cursor: pointer;
}

.msgchosen {
  margin-right: -10px;
  margin-left: 30px;
}