:root {
  --bs-danger-rgb: 247, 92, 3;
  --bs-danger: #f75c03;
}

video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

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

.bg-img-cdo {
  background-image: url("/static/images/video.gif");
  background-color: #cccccc; /* Used if the image is unavailable */
  height: 500px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

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

body{
    /* background: url("/static/images/bg1.jpg") fixed 50%; */
    background-size: cover;  
}
.bg_cdo{
    background:rgb(0, 99, 0);
}
.bg-cdo {
  /* --bs-bg-opacity: 1; */
  background-color: rgba(140, 186, 48, var(--bs-bg-opacity)) !important;
}

.bg-cdo-gray {
  background-color: rgba(77, 77, 77, var(--bs-bg-opacity)) !important;
}
.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;
}

.text-cdo2{
  color: #f75c03;
}

.btn {
  --bs-btn-font-weight: 635;
}

.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: #6c757d;
    border-color: rgb(140, 186, 48);
  }
  
  .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: rgb(140, 186, 48);
    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);
  }

  .btn-outline-danger {
    --bs-btn-color: #f75c03;
    --bs-btn-border-color: #f75c03;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f75c03;
    --bs-btn-hover-border-color: #f75c03;
    --bs-btn-focus-shadow-rgb: 247, 92, 3;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f75c03;
    --bs-btn-active-border-color: #f75c03;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f75c03;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f75c03;
    --bs-gradient: none;
  }
  
  .btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f75c03;
    --bs-btn-border-color: #f75c03;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d34f02;
    --bs-btn-hover-border-color: #ad4103;
    --bs-btn-focus-shadow-rgb: 247, 92, 3;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ad4103;
    --bs-btn-active-border-color: #923702;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f75c03;
    --bs-btn-disabled-border-color: #f75c03;
  }

  .dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-border-width: 1px;
    --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-dropdown-link-color: #212529;
    --bs-dropdown-link-hover-color: #1e2125;
    --bs-dropdown-link-hover-bg: #e9ecef;
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #9bb860;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
  }

  .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);
  }

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

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

  .form-check-input:checked {
    background-color: #9bb860;
    border-color: #9bb860;
  }

  .form-check-input[type=checkbox]:indeterminate {
    background-color: #9bb860;
    border-color: #9bb860;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  }

  .form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(81, 253, 13, 0.25);
  }
  .form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(81, 253, 13, 0.25);
  }

  .form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #9bb860;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
  }

  .form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #9bb860;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
  }

  .form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #252921;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #d4dace;
    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .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;
  }

  .border-cdo {
    --bs-border-opacity: 1;
    border-color: rgba(140, 186, 48, var(--bs-border-opacity)) !important;
  }

  .dropdown-menu-cdo {
    --bs-dropdown-color: #6c757d;
    --bs-dropdown-bg: #fdfdfd;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #6c757d;
    --bs-dropdown-link-hover-color: #6c757d;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(140, 186, 48, 0.15);
    --bs-dropdown-link-active-color: #f75c03;
    --bs-dropdown-link-active-bg: rgba(140, 186, 48, 0.15);
    --bs-dropdown-link-disabled-color: #b5bdad;
    --bs-dropdown-header-color: #b2bdad;
  }

  .accordion {
    --bs-accordion-color: #242921;
    --bs-accordion-bg: #fff;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-btn-color: #242921;
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-focus-border-color: #9ab762;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(81, 253, 13, 0.25);
    --bs-accordion-active-color: #80b90f;
    --bs-accordion-active-bg: #e7f1ff;
  }

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

@media only screen and (max-width: 564px) {
    .material-icons {
      font-size: 5rem !important;
    }

    /* .card-body h2{
      font-size:medium;
    } */
  }

.card-inic:hover {
  transition-property: background-color;
  transition-duration: .25s;
  background-color: rgba(140, 186, 48, 0.75) !important;
}

.card-inic:hover .card-body {
  transition-property: color;
  transition-duration: .25s;
  color: rgba(255, 255, 255, 0.85) !important;
}

.card-inic:hover .card-body a {
  transition-property: color;
  transition-duration: .25s;
  color: rgba(255, 255, 255, 0.85) !important;
}