body {
    margin: 0;
    color: #ffffff;
    text-align: left;
    background-color: #000;
  }

.searchinput {
    border-radius:1rem;
    border: 2px solid #fff;
    background-clip: unset;
  }

.searchinput:focus {    
    background-color: #fff;
    border-color: #EF3124;
    background-clip: unset;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
  }

  .btn-dark {
    color: #fff;
    background-color: #000;
    border: 1px solid #fff;
    padding:15px 25px 15px 25px;
    border-radius: 15px;
  }
  
  .btn-dark:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
  }
  
  .btn-dark:focus, .btn-dark.focus {
    box-shadow: none;
  }

  .btn-danger {
    color: #fff;
    background-color: #EB3830;
    border: 1px solid #fff;   
    padding:15px 25px 15px 25px;
    border-radius: 15px;
  }
  
  .btn-danger:hover {
    color: #fff;
    background-color: #EB3830;
    border-color: #fff;
  }
  
  .btn-danger:focus, .btn-danger.focus {
    box-shadow: none;
  }

  /* This is the default state */
.custom-radio .custom-control-label::before {
  background-color: #000;  /* orange */
  border: 1px solid #fff; 
  margin: 5px 0px 0px 0px; 
}

/* This is the checked state */
.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::after {
  background-color: #EB3830;  /* green */
  /* this bg image SVG is just a white circle, you can replace it with any valid SVG code */
  /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); 
  */
  border-radius: 50%;
  margin: 5px 0px 0px 0px; 
  
}

/* active state i.e. displayed while the mouse is being pressed down */
.custom-radio .custom-control-input:active ~ .custom-control-label::before {
  color: #fff;
  background-color: #000; /* red */
}
  
/* the shadow; displayed while the element is in focus */
.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none;
}

 
 /* This is the checked state */
 /*
.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-color: #EB3830;
    border-radius: 100%;   
} 
*/

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  line-height: 1.25;
  color: #EB3830;
  background-color: #000;
  border: 1px solid #fff;
}  

.page-link:hover {
  z-index: 2;
  color: #000;
  text-decoration: none;
  background-color: #fff;
  border-color: #fff;
}

.page-item.disabled .page-link {
  color: #fff;
  pointer-events: none;
  cursor: auto;
  background-color: #000;
  border-color: #fff;
}  

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #EB3830;
  border-color: #fff;
}  

div.dataTables_wrapper div.dataTables_processing {
  width:auto;
  padding: 0px;
}

div.dataTables_wrapper div.dataTables_info {
  text-align: left;
  width:420px;
  float: left;
}
div.dataTables_wrapper div.dataTables_paginate {
  float: right;
}

a{
  color:#EB3830;
  text-decoration:none;
}

a:hover{
  color:#fff;
  text-decoration:none;
}

.table thead th {
  border-top : none;
  border-bottom: none;
}

.table-bordered {
  border: 1px solid #555;
  border-radius: 15px;
}

.table-bordered th, .table-bordered td {
  border: 1px solid #555;
}  

.modal-title {
  font-size:30px;
  color: #000;
}

.modal-body {
  color: #000;
}

.modal .modal-dialog {
  width: 90%;
  height: auto;
  max-width: 90%;
}
.modal .modal-body {
  overflow-y: auto;
}