.cloak{
  display:none;
}

.sidebar {
  background-color: #282c34;
  background-image: none;
}

.bg-clear{
  background-color: none;
}

textarea{
  resize: none;
}
textarea.form-control {
  height: 100px;
}

.alert-custom{
  min-height: 75px;
  min-width: 350px;
  max-width: 350px;
  position: fixed;
  bottom: 15px;
  right: 15px;
}

label.required:after{
  content: '*';
  color:red;
  margin-left:3px;
}

video{
  width:100%;
  max-height: 300px;
}

.dataTables_length select,
.dataTables_filter input{
  font-weight: 400;
  color: #6e707e;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d1d3e2;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  display: inline-block;
  font-weight: 400;
  color: #858796;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

div.dataTables_length, div.dataTables_filter,
div.dataTables_info, div.dataTables_paginate{
  display: inline;
}

div.dataTables_filter, div.dataTables_paginate{
  float:right;
}
table.dataTable {
  margin-bottom: 15px !important;
}

.disabled{
  cursor: no-drop;
}

@media screen and (max-width: 640px){
  .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    float: none;
    display: block;
    text-align: right;
    width: 100%;
  }
  div.dataTables_info{
    display: none;
  }
  td.table-cell-hide-sm, th.table-cell-hide-sm{
    display: none;
  }
}

@media screen and (max-width: 767px){
  td.table-cell-hide-sm, th.table-cell-hide-sm{
    display: none;
  }
}

.card{
  border-radius: 0px;
}

/*
DeNovo Colors
rgb(120,26,20) red
rgb(213,119,39) orange
rgb(239,173,30) orange 2
rgb(83,104,43) green
rgb(0,0,0) black
*/
/*
  nav.navbar{
    background-color: rgb(239,173,30) !important;
  }
  #wrapper #content-wrapper {
  }
*/

.sidebar{
  background-color: #000 !important;
}
.btn-dark{
  color: rgb(239,173,30) !important;
}

h1,h2,h3,h4,h5,h6{
  color:rgb(83,104,43);
}

.nav-link i.fas,
.nav-link{
  color:rgb(239,173,30) !important;
}

/*ACTIVE ITEM TEXT COLOR*/
.nav-item.active i.fas,
.nav-item.active .nav-link{
}

/*ACTIVE ITEM BG COLOR & BORDER*/
.nav-item.active{
  border-left:#fff solid 4px !important;
  background-color:rgba(255,255,255,.1)  !important;
}
.nav-item.active .nav-link{
  margin-left: -8px;
}

.sidebar .sidebar-heading{
  color: #fff !important;
}

.sidebar hr{
  border-color: rgba(239,173,30,.5) !important;
}

nav.topbar{
  background-color: rgb(83,104,43) !important;
}

nav.topbar > .text-gray {
  color: #fff !important;
}

ul.typeahead.dropdown-menu li{
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:5px;
}

ul.typeahead.dropdown-menu li:hover{
  background-color: #c6c6c6;
  cursor: pointer;
}

ul.typeahead.dropdown-menu li a{
  text-decoration: none;
  color: #333;
}

/*DeNovo Colors*/
.bg-red{
  background-color: rgb(120,26,20);
}
.bg-red:hover{
  background-color: rgb(81,5,1);
}

.bg-orange{
  background-color: rgb(213,119,39);
}
.bg-orange:hover{
  background-color: rgb(230,149,80);
}

.bg-orange2{
  background-color: rgb(239,173,30);
}
.bg-orange2:hover{
  background-color: rgb(193,135,9);
}

.bg-green{
  background-color: rgb(83,104,43);
}
.bg-green:hover{
  background-color: rgb(38,54,6);
}

.bg-black{
  background-color: rgb(0,0,0);
}

.disabled{
  cursor: not-allowed;
}

.typeahead .typeahead-results {
  position: absolute;
  background-color: #fff;
  z-index: 2000;
  width: auto;
  max-width: 250px;
  border: 1px #ccc solid;
}

.typeahead .typeahead-results ul{
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-size: small;
}

.typeahead .typeahead-results ul li{
  list-style: none;
  margin-left: 0px;
  cursor: pointer;
  padding:6px 16px
}

.typeahead .typeahead-results ul li:hover{
  color: #3d3e47;
  background-color: #ccc;
}

.typeahead .typeahead-results ul li *{
  pointer-events: none;
}

/*used for covid 19 form*/
.custom-popover{
  background-color:red !important;
  color:#fff !important;
}
input.input-warning:focus{
  border: 1px red solid !important;
}


.blink-border {
  animation: blinkBorder 2s infinite !important;
}

@keyframes blinkBorder {
    0% {
        border-color: rgb(231, 74, 59);
    }
    50% {
        border-color: #a5a5a5;
    }
    100% {
        border-color: rgb(231, 74, 59);
    }
}
.blink-bg {
  animation: blinkBG 2s infinite !important;
}

@keyframes blinkBG {
  0% {
      background-color: rgb(231, 74, 59);
      color: #fff;
  }
  50% {
    background-color: transparent;
  }
  100% {
      background-color: rgb(231, 74, 59);
      color: #fff;
  }
}