:root {


  --blue: #0d6efd;
  --blue-100: #bee3f8;
  --blue-200: #94c5f3;
  --blue-300: #6ca4ee;
  --blue-400: #4a8ce7;
  --blue-500: #0d6efd;
  --blue-600: #0a58ca;
  --blue-700: #0842a3;
  --blue-800: #07348b;
  --blue-900: #002776;

  --indigo: #6610f2;
  --indigo-100: #d7b5ff;
  --indigo-200: #b088ff;
  --indigo-300: #8a62ff;
  --indigo-400: #6a3eff;
  --indigo-500: #6610f2;
  --indigo-600: #5c0fd7;
  --indigo-700: #5211bd;
  --indigo-800: #4810a4;
  --indigo-900: #3d0a89;


  --purple: #6f42c1;
  --purple-100: #c3a6ff;
  --purple-200: #a888ff;
  --purple-300: #8d6cff;
  --purple-400: #7c51e5;
  --purple-500: #6f42c1;
  --purple-600: #653aa8;
  --purple-700: #5a3390;
  --purple-800: #502b78;
  --purple-900: #3f1e58;


  --pink: #d63384;
  --pink-100: #ffafd7;
  --pink-200: #ff8cbf;
  --pink-300: #ff6aa6;
  --pink-400: #ff498d;
  --pink-500: #d63384;
  --pink-600: #b42b74;
  --pink-700: #922264;
  --pink-800: #7a1c56;
  --pink-900: #5b1544;


  --red: #dc3545;
  --red-100: #ff8791;
  --red-200: #ff6c7b;
  --red-300: #ff5166;
  --red-400: #ff3650;
  --red-500: #dc3545;
  --red-600: #b82b39;
  --red-700: #94212e;
  --red-800: #701724;
  --red-900: #5b121d;


  --orange: #fd7e14;
  --orange-100: #ffb56a;
  --orange-200: #ff9d43;
  --orange-300: #ff860d;
  --orange-400: #fd7e14;
  --orange-500: #e2680b;
  --orange-600: #b85308;
  --orange-700: #934105;
  --orange-800: #712e03;
  --orange-900: #5a2302;


  --yellow: #ffc107;
  --yellow-100: #ffe89e;
  --yellow-200: #ffe28c;
  --yellow-300: #ffec57;
  --yellow-400: #ffe645;
  --yellow-500: #ffc107;
  --yellow-600: #d9a800;
  --yellow-700: #b58600;
  --yellow-800: #926e00;
  --yellow-900: #7a5900;


  --green: #198754;
  --green-100: #5cbf77;
  --green-200: #3ca659;
  --green-300: #29a345;
  --green-400: #209b3a;
  --green-500: #198754;
  --green-600: #13793b;
  --green-700: #0f5f2f;
  --green-800: #0c4b26;
  --green-900: #0a3c1f;

  --teal: #20c997;
  --teal-100: #8bf4e1;
  --teal-200: #6ff0d9;
  --teal-300: #54ebd1;
  --teal-400: #38e7c9;
  --teal-500: #20c997;
  --teal-600: #1bb787;
  --teal-700: #15a677;
  --teal-800: #108667;
  --teal-900: #0c755b;


  --cyan: #0dcaf0;
  --cyan-100: #b9f5f9;
  --cyan-200: #91ebf5;
  --cyan-300: #68e1f1;
  --cyan-400: #3fdfec;
  --cyan-500: #0dcaf0;
  --cyan-600: #0bb5d3;
  --cyan-700: #0aa1b6;
  --cyan-800: #098c98;
  --cyan-900: #077a7f;


  --gray: #adb5bd;
  --gray-100: #f8f9fa;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #868e96;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #212529;

}


.card-yellow-500:not(.card-outline) > .card-header {
  background-color: var(--yellow-500);
}


.card-yellow-500.card-outline-tabs > .card-header a:hover {
  border-top: 3px solid #dee2e6;
}

.card-yellow-500.card-outline-tabs > .card-header a.active,
.card-yellow-500.card-outline-tabs > .card-header a.active:hover {
  border-top: 3px solid #007bff;
}

.bg-primary > .card-header .btn-tool,
.bg-gradient-primary > .card-header .btn-tool,
.card-yellow-400:not(.card-outline) > .card-header .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}

.bg-teal-100{
  background-color: var(--blue-100);
}
.bg-gray-100{
  background-color: var(--gray-100);
}

.bg-orange-100{
  background-color: var(--orange-100);
}
.bg-orange-200{
  background-color: var(--orange-200);
}

.bg-green-200{
  background-color: var(--green-200);
}
.bg-green-300{
  background-color: var(--green-300);
}


.bg-gray-300{
  color: var(--gray-300);
}

/*.bg-primary > .card-header .btn-tool:hover,*/
/*.bg-gradient-primary > .card-header .btn-tool:hover,*/
/*.card-primary:not(.card-outline) > .card-header .btn-tool:hover {*/
/*  color: #fff;*/
/*}*/

/*.card.bg-primary .bootstrap-datetimepicker-widget .table td,*/
/*.card.bg-primary .bootstrap-datetimepicker-widget .table th,*/
/*.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,*/
/*.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th {*/
/*  border: none;*/
/*}*/

/*.card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,*/
/*.card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover,*/
/*.card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover,*/
/*.card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover,*/
/*.card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover,*/
/*.card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,*/
/*.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover,*/
/*.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover,*/
/*.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover,*/
/*.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover {*/
/*  background-color: #0067d6;*/
/*  color: #fff;*/
/*}*/

/*.card.bg-primary .bootstrap-datetimepicker-widget table td.today::before,*/
/*.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before {*/
/*  border-bottom-color: #fff;*/
/*}*/

/*.card.bg-primary .bootstrap-datetimepicker-widget table td.active,*/
/*.card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover,*/
/*.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active,*/
/*.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover {*/
/*  background-color: #3395ff;*/
/*  color: #fff;*/
/*}*/

/* Indigo */
.card-indigo:not(.card-outline) > .card-header {
  background-color: var(--indigo);
}
.card-indigo-100:not(.card-outline) > .card-header {
  background-color: var(--indigo-100);
}
.card-indigo-500:not(.card-outline) > .card-header {
  background-color: var(--indigo-500);
}

.text-indigo-500 {
  color: var(--indigo-500);
}

/* purple-100 */
.card-purple:not(.card-outline) > .card-header {
  background-color: var(--purple);
}
.card-purple-100:not(.card-outline) > .card-header {
  background-color: var(--purple-100);
}
.card-purple-200:not(.card-outline) > .card-header {
  background-color: var(--purple-200);
}
.card-purple-300:not(.card-outline) > .card-header {
  background-color: var(--purple-300);
}
.card-purple-400:not(.card-outline) > .card-header {
  background-color: var(--purple-400);
}
.card-purple-500:not(.card-outline) > .card-header {
  background-color: var(--purple-500);
}
.card-purple-800:not(.card-outline) > .card-header {
  background-color: var(--purple-800);
}
.card-purple-900:not(.card-outline) > .card-header {
  background-color: var(--purple-900);
}

/* pink */
.card-pink:not(.card-outline) > .card-header {
  background-color: var(--pink);
}
.card-pink-500:not(.card-outline) > .card-header {
  background-color: var(--pink-500);
}
.card-pink-400:not(.card-outline) > .card-header {
  background-color: var(--pink-400);
}
.card-pink-300:not(.card-outline) > .card-header {
  background-color: var(--pink-300);
}

/* red */
.card-red:not(.card-outline) > .card-header {
  background-color: var(--red);
}
.card-red-500:not(.card-outline) > .card-header {
  background-color: var(--red-500);
}

/* orange-100 */
.card-orange:not(.card-outline) > .card-header {
  background-color: var(--orange);
}
.card-orange-100:not(.card-outline) > .card-header {
  background-color: var(--orange-100);
}
.card-orange-200:not(.card-outline) > .card-header {
  background-color: var(--orange-200);
}
.card-orange-300:not(.card-outline) > .card-header {
  background-color: var(--orange-300);
}
.card-orange-400:not(.card-outline) > .card-header {
  background-color: var(--orange-400);
}
.card-orange-500:not(.card-outline) > .card-header {
  background-color: var(--orange-500);
}
.card-orange-600:not(.card-outline) > .card-header {
  background-color: var(--orange-600);
}
.card-orange-700:not(.card-outline) > .card-header {
  background-color: var(--orange-700);
}
.card-orange-800:not(.card-outline) > .card-header {
  background-color: var(--orange-800);
}
.card-orange-900:not(.card-outline) > .card-header {
  background-color: var(--orange-900);
}


/* blue */
.card-blue:not(.card-outline) > .card-header {
  background-color: var(--blue);
}

.card-blue-200:not(.card-outline) > .card-header {
  background-color: var(--blue-200);
}

.card-blue-300:not(.card-outline) > .card-header {
  background-color: var(--blue-300);
}
.card-blue-400:not(.card-outline) > .card-header {
  background-color: var(--blue-400);
}

.card-blue-500:not(.card-outline) > .card-header {
  background-color: var(--blue-500);
}
.card-blue-600:not(.card-outline) > .card-header {
  background-color: var(--blue-600);
}

.card-blue-700:not(.card-outline) > .card-header {
  background-color: var(--blue-700);
}
.card-blue-900:not(.card-outline) > .card-header {
  background-color: var(--blue-900);
}





.card-green:not(.card-outline) > .card-header {
  background-color: var(--green);
}


.card-green-200:not(.card-outline) > .card-header {
  background-color: var(--green-200);
}

.card-green-300:not(.card-outline) > .card-header {
  background-color: var(--green-300);
}
.card-green-400:not(.card-outline) > .card-header {
  background-color: var(--green-400);
}

.card-green-500:not(.card-outline) > .card-header {
  background-color: var(--green-500);
}

.card-green-800:not(.card-outline) > .card-header {
  background-color: var(--green-800);
}


/* teal */
.card-teal:not(.card-outline) > .card-header {
  background-color: var(--teal);
}


.card-teal-100:not(.card-outline) > .card-header {
  background-color: var(--teal-100);
}

.card-teal-300:not(.card-outline) > .card-header {
  background-color: var(--teal-300);
}
.card-teal-400:not(.card-outline) > .card-header {
  background-color: var(--teal-400);
}

.card-teal-500:not(.card-outline) > .card-header {
  background-color: var(--teal-500);
}
.card-teal-600:not(.card-outline) > .card-header {
  background-color: var(--teal-600);
}

.card-teal-700:not(.card-outline) > .card-header {
  background-color: var(--teal-700);
}
.card-teal-800:not(.card-outline) > .card-header {
  background-color: var(--teal-800);
}

/* cyan-100 */
.card-cyan-100:not(.card-outline) > .card-header {
  background-color: var(--cyan-100);
}
.card-cyan-200:not(.card-outline) > .card-header {
  background-color: var(--cyan-200);
}
.card-cyan-300:not(.card-outline) > .card-header {
  background-color: var(--cyan-300);
}
.card-cyan-400:not(.card-outline) > .card-header {
  background-color: var(--cyan-400);
}
.card-cyan-500:not(.card-outline) > .card-header {
  background-color: var(--cyan-500);
}
.card-cyan-600:not(.card-outline) > .card-header {
  background-color: var(--cyan-600);
}
.card-cyan-700:not(.card-outline) > .card-header {
  background-color: var(--cyan-700);
}
.card-cyan-800:not(.card-outline) > .card-header {
  background-color: var(--cyan-800);
}
.card-cyan-900:not(.card-outline) > .card-header {
  background-color: var(--cyan-900);
}





.card-red:not(.card-outline) > .card-header {
  background-color: var(--red);
}

.card-red-200:not(.card-outline) > .card-header {
  background-color: var(--red-200);
}

.card-red-300:not(.card-outline) > .card-header {
  background-color: var(--red-300);
}

.card-red-400:not(.card-outline) > .card-header {
  background-color: var(--red-400);
}

.card-red-500:not(.card-outline) > .card-header {
  background-color: var(--red-500);
}

/* gray */
.card-gray-900:not(.card-outline) > .card-header {
  background-color: var(--gray-900);
}


/* yellow */

.card-yellow-600:not(.card-outline) > .card-header {
  background-color: var(--yellow-600);
}


/* Pink */
.card-pink-900:not(.card-outline) > .card-header {
  background-color: var(--pink-900);
}
/* pink-900 */
.card-yellow-700:not(.card-outline) > .card-header {
  background-color: var(--yellow-700);
}
/* --yellow-900: #7a5900; */

/* gray-900: #212529; */