@keyframes wiggle {
    0% { transform: rotate(0deg); }
   80% { transform: rotate(0deg); }
   85% { transform: rotate(5deg); }
   95% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}

table.dataTable.dataTable_width_auto {
  width: auto;
}

.blurry{
    filter: blur(4px);
}

body{
    /* background: url("/static/images/bg1.jpg") fixed 50%; */
    background-size: cover;  
}
.bg_cdo{
    background:rgb(0, 99, 0);
}
.cdo_box{
    color:#FFF;
    background:rgb(0, 99, 0);
}
.material-icons{
    vertical-align: middle;
}
.img_ul{
    border:1px solid #AAA;
    padding:2px;
    margin:3px;
}
#scancode_ctr{
    display:none;
}

.roundd{
    border-radius: 5px 5px 5px 5px;
}

#menu a{
    color: #5a675b;
}

.text-cdo{
    color: #8cba30;
}

.bg-cdo{
    background-color: #8cba30;
}

.btn-cdo {
    color: #fff;
    background-color: #8cba30;
    border-color: #8cba30;
}

.btn-cdo:hover {
    color: #fff;
    background-color: #749a29;
    border-color: #638322;
}

.btn-cdo:focus, .btn-cdo.focus {
    color: #fff;
    background-color: #749a29;
    border-color: #638322;
    box-shadow: 0 0 0 0.2rem rgba(139, 178, 61, 0.5);
}

.btn-cdo.disabled, .btn-cdo:disabled {
    color: #fff;
    background-color: #8cba30;
    border-color: #8cba30;
}

.btn-cdo:not(:disabled):not(.disabled):active, .btn-cdo:not(:disabled):not(.disabled).active,
.show > .btn-cdo.dropdown-toggle {
    color: #fff;
    background-color: #638322;
    border-color: #55711d;
}

.btn-cdo:not(:disabled):not(.disabled):active:focus, .btn-cdo:not(:disabled):not(.disabled).active:focus,
.show > .btn-cdo.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(139, 178, 61, 0.5);
}

.btn-outline-cdo {
    color: #8cba30;
    border-color: #8cba30;
  }
  
  .btn-outline-cdo:hover {
    color: #fff;
    background-color: #8cba30;
    border-color: #8cba30;
  }
  
  .btn-outline-cdo:focus, .btn-outline-cdo.focus {
    box-shadow: 0 0 0 0.2rem rgba(140, 186, 48, 0.5);
  }
  
  .btn-outline-cdo.disabled, .btn-outline-cdo:disabled {
    color: #8cba30;
    background-color: transparent;
  }
  
  .btn-outline-cdo:not(:disabled):not(.disabled):active, .btn-outline-cdo:not(:disabled):not(.disabled).active,
  .show > .btn-outline-cdo.dropdown-toggle {
    color: #fff;
    background-color: #8cba30;
    border-color: #8cba30;
  }
  
  .btn-outline-cdo:not(:disabled):not(.disabled):active:focus, .btn-outline-cdo:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-cdo.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(140, 186, 48, 0.5);
  }

  .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #9bb860;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(140, 186, 48, 0.25);
  }

  .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(140, 186, 48, 0.5);
  }

  .custom-select:focus {
    border-color: #8cba30;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(140, 186, 48, 0.25);
  }

  .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #8cba30;
    background-color: #8cba30;
  }

  .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(140, 186, 48, 0.5);
  }
  
  .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(140, 186, 48, 0.5);
  }

  .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(140, 186, 48, 0.5);
  }

  .form-check-input:checked {
    background-color: #8cba30;
    border-color: #8cba30;
  }

  .show-control{
    display: none;
  }

  .pagination {
    --bs-pagination-color: #8cba30;
    --bs-pagination-hover-color: #8cba30;
    --bs-pagination-hover-bg: #e9ecef;
    --bs-pagination-hover-border-color: #dee2e6;
    --bs-pagination-focus-color: rgba(105, 253, 13, 0.25);
    --bs-pagination-focus-bg: #e9ecef;
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(105, 253, 13, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #8cba30;
    --bs-pagination-active-border-color: #8cba30;
    --bs-pagination-disabled-color: #6c757d;
    --bs-pagination-disabled-bg: #fff;
    --bs-pagination-disabled-border-color: #dee2e6;
    display: flex;
    padding-left: 0;
    list-style: none;
  }

  .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #8cba30;
    border-color: #8cba30;
  }

  .page-link.active, .active > .page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: #8cba30;
    border-color: var(--bs-pagination-active-border-color);
  }

  .page-link {
      color: #8cba30;
  }

  .page-link:hover {
      color: #638420;
  }

  .page-link.active, .active > .page-link {
    z-index: 3;
    /* color: var(--bs-pagination-active-color); */
    /* background-color: var(--bs-pagination-active-bg); */
    border-color: rgba(139, 178, 61, 0.5);
  }

  .paginate_button:focus {
    border-color: rgba(139, 178, 61, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(139, 178, 61, 0.5);
  }

@media only screen and (max-width: 768px) {
    #scancode_ctr {
      display: block;
    }
    #menu{
        display:block;
    }
  }