.dark-layout .form-control[type=file]::-webkit-file-upload-button {
  background-color: #283046;
}
.dark-layout .form-control[type=file]::file-selector-button {
  background-color: #283046;
}
:root {
  --bs-primary: #3867d6;
  --bs-danamon: #F7931D;
  --bs-orange-dark: #ad6614;
  --bs-orange-darker: #5d3609;
  --bs-blue-darker: #152c62;
  --bs-green: #009c46;
  --bs-white: #fff;
  --bs-white-75: rgba(255,255,255,0.75);
  --bs-white-50: rgba(255,255,255,0.5);
  --bs-white-25: rgba(255,255,255,0.25);
  --bs-white-10: rgba(255,255,255,0.1);
  --bs-tosca: #00F3AD;
  --bs-mandiri: #58B2E7;
  --bs-mandiri-orange: #C46711;
  --bs-mandiri--green: #097A3C;
  --bs-doku: #F07740;
  --bs-doku-orange: #E82831;
  --bs-doku--green: #22a59e;
  --bs-octo: #ee3643;
  --bs-octo-orange: #fc9c44;
  --bs-octo-green: #C46711;
  --bs-octo-bluedarker:#3643EE;
}

.bg-danamon{
  background-color: var(--bs-danamon);
}

.bg-white-25{
  background-color: var(--bs-white-25);
}

.bg-white-50{
  background-color: var(--bs-white-50);
}

.bg-white-75{
  background-color: var(--bs-white-75);
}

.border-white-10{
  border-width: 5px;
  border-color: var(--bs-white-10);
}

.border-white-25{
  border-width: 5px;
  border-color: var(--bs-white-25);
}

.border-white-50{
  border-width: 5px;
  border-color: var(--bs-white-50);
}

.border-white-75{
  border-width: 5px;
  border-color: var(--bs-white-75);
}

.text-primary{
  color: var(--bs-primary) !important;
}

.bg-primary{
  background-color: var(--bs-primary) !important;
}

.text-success{
  color: var(--bs-green) !important;
}

.bg-success{
  background-color: var(--bs-green) !important;
}

.text-danamon-dark{
  color: var(--bs-orange-darker);
}

.font-agent-title {
    font-size: 2.5rem !important;
}

.font-agent-name {
    font-size: 1.65rem !important;
}

.daily-report .line-100{
  background-color: var(--bs-white-75);
  height: 5px;
  width: 100%;
}

.daily-report .line-90{
  background-color: var(--bs-white-50);
  height: 5px;
  width: 90%;
}

.daily-report .line-75{
  background-color: var(--bs-white-50);
  height: 5px;
  width: 75%;
}

.box-note{
  height: 30px;
  width: 30px;
}

.bg-aladin{
  background-color: var(--bs-primary);
}

.text-aladin-dark{
  color: var(--bs-blue-darker);
}

.bg-aladin-green{
  background-color: var(--bs-tosca);
}

.text-aladin-green{
  color: var(--bs-tosca);
}

.bg-mandiri {
  background-color: var(--bs-mandiri);
}

.text-mandiri-dark {
  color: var(--bs-blue-darker);
}

.bg-mandiri-green {
  background-color: var(--bs-mandiri--green);
}

.bg-mandiri-orange {
  background-color: var(--bs-mandiri-orange);
}

.text-mandiri-green {
  color: var(--bs-mandiri--green);
}

.text-mandiri-orange {
  color: var(--bs-mandiri-orange);
}


.bg-doku {
  background-color: var(--bs-doku);
}

.text-doku-dark {
  color: var(--bs-blue-darker);
}

.bg-doku-green {
  background-color: var(--bs-doku--green);
}

.bg-doku-orange {
  background-color: var(--bs-doku-orange);
}

.text-doku-green {
  color: var(--bs-doku--green);
}

.text-doku-orange {
  color: var(--bs-doku-orange);
}

.bg-octo {
  background-color: var(--bs-octo);
}

.text-octo-dark {
  color: var(--bc-octo-bluedarker);
}

.bg-octo-green {
  background-color: var(--bs-mandiri--green);
}

.bg-octo-orange {
  background-color: var(--bs-octo-orange);
}

.text-octo-green {
  color: var(--bs-mandiri--green);
}

.text-octo-orange {
  color: var(--bs-octo-orange);
}

.text-octo2-orange {
  color: var(--bs-octo-orange);
}