/*------------------------------------
 - COLOR green
 ------------------------------------*/
 .alert-green {
   color: #2d5f24;
   background-color: #dcf0d9;
   border-color: #cfebca;
 }
 .alert-green hr {
   border-top-color: #bee4b8;
 }
 .alert-green .alert-link {
   color: #1b3a16;
 }
 .badge-green {
   color: #212529;
   background-color: #57b846;
 }
 .badge-green[href]:hover, .badge-green[href]:focus {
   color: #212529;
   background-color: #459337;
 }
 .bg-green {
   background-color: #57b846 !important;
 }
 a.bg-green:hover, a.bg-green:focus, button.bg-green:hover, button.bg-green:focus {
   background-color: #459337 !important;
 }
 .border-green {
   border-color: #57b846 !important;
 }
 .btn-green {
   color: #212529;
   background-color: #57b846;
   border-color: #57b846;
 }
 .btn-green:hover {
   color: #212529;
   background-color: #4a9e3c;
   border-color: #459337;
 }
 .btn-green:focus, .btn-green.focus {
   box-shadow: 0 0 0 0.2rem rgba(87, 184, 70, 0.5);
 }
 .btn-green.disabled, .btn-green:disabled {
   color: #212529;
   background-color: #57b846;
   border-color: #57b846;
 }
 .btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active, .show > .btn-green.dropdown-toggle {
   color: #212529;
   background-color: #459337;
   border-color: #408733;
 }
 .btn-green:not(:disabled):not(.disabled):active:focus, .btn-green:not(:disabled):not(.disabled).active:focus, .show > .btn-green.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(87, 184, 70, 0.5);
 }
 .btn-outline-green {
   color: #57b846;
   background-color: transparent;
   border-color: #57b846;
 }
 .btn-outline-green:hover {
   color: #212529;
   background-color: #57b846;
   border-color: #57b846;
 }
 .btn-outline-green:focus, .btn-outline-green.focus {
   box-shadow: 0 0 0 0.2rem rgba(87, 184, 70, 0.5);
 }
 .btn-outline-green.disabled, .btn-outline-green:disabled {
   color: #57b846;
   background-color: transparent;
 }
 .btn-outline-green:not(:disabled):not(.disabled):active, .btn-outline-green:not(:disabled):not(.disabled).active, .show > .btn-outline-green.dropdown-toggle {
   color: #212529;
   background-color: #57b846;
   border-color: #57b846;
 }
 .btn-outline-green:not(:disabled):not(.disabled):active:focus, .btn-outline-green:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-green.dropdown-toggle:focus {
   box-shadow: 0 0 0 0.2rem rgba(87, 184, 70, 0.5);
 }
 .list-group-item-green {
   color: #2d5f24;
   background-color: #cfebca;
 }
 .list-group-item-green.list-group-item-action:hover, .list-group-item-green.list-group-item-action:focus {
   color: #2d5f24;
   background-color: #bee4b8;
 }
 .list-group-item-green.list-group-item-action.active {
   color: #212529;
   background-color: #2d5f24;
   border-color: #2d5f24;
 }
 .table-green, .table-green > th, .table-green > td {
   background-color: #cfebca;
 }
 .table-hover .table-green:hover {
   background-color: #bee4b8;
 }
 .table-hover .table-green:hover > td, .table-hover .table-green:hover > th {
   background-color: #bee4b8;
 }
 .text-green {
   color: #57b846 !important;
 }
 a.text-green:hover, a.text-green:focus {
   color: #459337 !important;
 }
 
 /*------------------------------------
 - COLOR dpurple
 ------------------------------------*/
.alert-dpurple {
  color: #1d2c78;
  background-color: #e4e7f8;
  border-color: #d4d9f4;
}
.alert-dpurple hr {
  border-top-color: #bfc7ef;
}
.alert-dpurple .alert-link {
  color: #131d4f;
}
.badge-dpurple {
  color: #fff;
  background-color: #4158d0;
}
.badge-dpurple[href]:hover, .badge-dpurple[href]:focus {
  color: #fff;
  background-color: #2c41b1;
}
.bg-dpurple {
  background-color: #4158d0 !important;
}
a.bg-dpurple:hover, a.bg-dpurple:focus, button.bg-dpurple:hover, button.bg-dpurple:focus {
  background-color: #2c41b1 !important;
}
.border-dpurple {
  border-color: #4158d0 !important;
}
.btn-dpurple {
  color: #fff;
  background-color: #4158d0;
  border-color: #4158d0;
}
.btn-dpurple:hover {
  color: #fff;
  background-color: #2f46be;
  border-color: #2c41b1;
}
.btn-dpurple:focus, .btn-dpurple.focus {
  box-shadow: 0 0 0 0.2rem rgba(65, 88, 208, 0.5);
}
.btn-dpurple.disabled, .btn-dpurple:disabled {
  color: #fff;
  background-color: #4158d0;
  border-color: #4158d0;
}
.btn-dpurple:not(:disabled):not(.disabled):active, .btn-dpurple:not(:disabled):not(.disabled).active, .show > .btn-dpurple.dropdown-toggle {
  color: #fff;
  background-color: #2c41b1;
  border-color: #283da5;
}
.btn-dpurple:not(:disabled):not(.disabled):active:focus, .btn-dpurple:not(:disabled):not(.disabled).active:focus, .show > .btn-dpurple.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(65, 88, 208, 0.5);
}
.btn-outline-dpurple {
  color: #4158d0;
  background-color: transparent;
  border-color: #4158d0;
}
.btn-outline-dpurple:hover {
  color: #fff;
  background-color: #4158d0;
  border-color: #4158d0;
}
.btn-outline-dpurple:focus, .btn-outline-dpurple.focus {
  box-shadow: 0 0 0 0.2rem rgba(65, 88, 208, 0.5);
}
.btn-outline-dpurple.disabled, .btn-outline-dpurple:disabled {
  color: #4158d0;
  background-color: transparent;
}
.btn-outline-dpurple:not(:disabled):not(.disabled):active, .btn-outline-dpurple:not(:disabled):not(.disabled).active, .show > .btn-outline-dpurple.dropdown-toggle {
  color: #fff;
  background-color: #4158d0;
  border-color: #4158d0;
}
.btn-outline-dpurple:not(:disabled):not(.disabled):active:focus, .btn-outline-dpurple:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dpurple.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(65, 88, 208, 0.5);
}
.list-group-item-dpurple {
  color: #1d2c78;
  background-color: #d4d9f4;
}
.list-group-item-dpurple.list-group-item-action:hover, .list-group-item-dpurple.list-group-item-action:focus {
  color: #1d2c78;
  background-color: #bfc7ef;
}
.list-group-item-dpurple.list-group-item-action.active {
  color: #fff;
  background-color: #1d2c78;
  border-color: #1d2c78;
}
.table-dpurple, .table-dpurple > th, .table-dpurple > td {
  background-color: #d4d9f4;
}
.table-hover .table-dpurple:hover {
  background-color: #bfc7ef;
}
.table-hover .table-dpurple:hover > td, .table-hover .table-dpurple:hover > th {
  background-color: #bfc7ef;
}
.text-dpurple {
  color: #4158d0 !important;
}
a.text-dpurple:hover, a.text-dpurple:focus {
  color: #2c41b1 !important;
}


 .container-login100 {

  background: #9053c7;
  background: -webkit-linear-gradient(-135deg, #c850c0, #4158d0);
  background: -o-linear-gradient(-135deg, #c850c0, #4158d0);
  background: -moz-linear-gradient(-135deg, #c850c0, #4158d0);
  background: linear-gradient(-135deg, #c850c0, #4158d0);
}

.text-dpurple {
  color: #4158d0;
}

/* setting pagination style */
.my-page .page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: #03366f;
	border-color: #03366f;
}

.my-page .page-link {
	position: relative;
	display: block;
	padding: 0.5rem 0.75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #03366f;
	background-color: #fff;
	border: 1px solid #dddfeb;
}

.my-page .page-item .page-link {
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	/* Adjust the font size as needed */
	line-height: 1.5;
	border-radius: 0.2rem;
}

/* end setting pagiantion style */