hr{

}
.d-inline-block{
  display: inline-block;
}

.editabletext {
  border:0;
  text-decoration: underline;
  background:transparent;
  padding–left:10px;
  padding–right:10px;
  text-align:center;
}

.button-group{
  margin-top: 0px !important;
  border-left: 0 !important;
  border-radius: 0px 5px 5px 0px !important;
  height: 36px !important;
  margin-left: 0px !important;
  border-color: #ccc !important;
  box-shadow: 0px 0px 0px !important;
  line-height: 2 !important;
}
.form-control-group{
  border-radius: 0px 0px 0px 0px !important;
}

[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.bg-warning-soft{
  background-color: #FFECB3 !important;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
  word-wrap: break-word;
  white-space: pre-line;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/*  */
[data-tooltip-two]:before,
[data-tooltip-two]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip-two]:before {
  position: absolute;
  bottom: 60%;
  left: 47%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 400px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip-two);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip-two]:after {
  position: absolute;
  bottom: 60%;
  left: 47%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip-two]:hover:before,
[data-tooltip-two]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/*  */
.money{
  text-indent:28px !important;
  background:url("https://cdn-icons-png.flaticon.com/512/991/991952.png"), linear-gradient(90deg,rgba(21,176,10,1) 5px,#e4e4e4 1px, #e4e4e4 6px, rgba(255,255,255,1) 5px, white 0px, white 35px, white 0px) !important;
  background-repeat: no-repeat !important;
  background-size: 15px 15px,100% !important;
  background-position: 13px 9px, 0 !important;
}
.linec{
  line-height:47px;
  border-right:solid #f2f2f2 1px;
  height:100%;
  display: inline-block;
  padding-left:20px;
  padding-right:20px;
  font-weight: bold;
  color:#14192D;
}

.mySearch{
  position: fixed;
  width:100%;
  height:50px;
  background-color: #fff;
  border-bottom:solid #14192D 2px;
  top:0;
  z-index:1030;
  left:260px;
  text-align: right;
  padding-right:20px;
  margin-top: -50px;
  transition: .5s;
}
.blockbar{
  margin-top: 0px;
  transition: .5s;
}
.mySearch form{
  margin-top:5px;
}
.swal2-input{
  width:80% !important;
}
div.dt-buttons{
  margin-top:20.5px;
  margin-bottom:35px;
}
.btn-buscar{
  display: inline-block;
  height:36px;
  width:20%;
  text-align: center;
  background-color:rgb(21,176,10);
  color:white;
  border:solid #e4e4e4 1px;
  margin-left: -4px;
  z-index:98;
  border-radius:0px 5px 5px 0px;
}
.form-buscar{
  height:36px;
  width:80%;
  padding-left: 10px;
  border:solid #e4e4e4 1px;
  border-right:none !important;
  border-radius: 5px 0px 0px 5px !important;
}
.escudo{
  animation:escudo;
  -webkit-animation-timing-function: linear;
  animation-duration: 10s;
  animation-delay: 5s;
  animation-iteration-count:infinite;
}
@keyframes escudo{
   0%{
    transform: rotateY(0deg);
  }
   5%{
     transform: rotateY(180deg);
   }
   10%{
     transform: rotateY(0deg);
   }
   11%{
     transform:none;
   }
}
select, select.form-control{
  -moz-appearance: listbox;
  -webkit-appearance: listbox;
}
.dataTables_filter{
  width:400px;
}
.dataTables_filter label{
  width:100%;
}
.nav-item .active a{
  background-color:transparent !important;
  border:0 !important;
  color:white !important;
  box-shadow: none !important;
  font-weight: bold;
}
.nav-item .active{
  background-color:#B37A49;
}
.nav-tabs{
  border-bottom:solid #ccc 1px;
  margin-bottom:20px;
}
.btn-default{
  background-color:transparent !important;
  border:none;
  color:#14192D !important;
  box-shadow: none !important;
  margin-bottom:0px;
}
.btn-default.active{
  background-color:white !important;
  color:#14192D !important;
  border:solid #ccc 1px;
  border-bottom:0;
  border-radius: 5px 5px 0px 0px;
}
.bg-animation-shiny p, .bg-animation-shiny i {
  color:white !important;
}
.bg-animation-shiny:hover {
  background-color: #34465D !important;
}
.bg-animation-shiny {

  background-color: #14192D;
  background-image: linear-gradient(
    to right,
    transparent 0%,
    rgba(255,255,255,0.3) 50%,
    transparent 100%
  );
  background-repeat: no-repeat;
  background-position: -100vw;
  animation: shine 10s infinite;
}

@keyframes shine {
  0% {
    background-position: -100vw;
  }
  100% {
    background-position: 100vw;
  }
}

.custom-select{
  border:0 !important;
  display: inline-block !important;
}
.btn-normal{
  background-color: transparent;
  border:none;
  cursor: pointer;
}
.btn-normal:hover{
  color:#BD773F;
}
.separatediv div{
  margin-top:20px;
}
.holds-the-iframe {
  animation: skeleton-loading 1s linear infinite alternate;
}

@keyframes skeleton-loading {
  0% {
    background-color: hsl(200, 20%, 80%);
  }
  100% {
    background-color: hsl(200, 20%, 95%);
  }
}

.form-control{
  line-height: 20px !important;
  border:solid #e4e4e4 1px !important;
  border-radius: 0px 5px 5px 0px;
  text-indent:10px !important;
  background-size: none !important;
  background: #BD773F !important;
  padding-right:10px;
  background: linear-gradient(90deg, #BD773F 2px,#e4e4e4 1px, #e4e4e4 1px, rgba(255,255,255,1) 5px) !important;
}
.allow{
  background: rgb(21,176,10) !important;
  background: linear-gradient(90deg, rgba(21,176,10,1) 2px,#e4e4e4 1px, #e4e4e4 1px, rgba(255,255,255,1) 5px) !important;
}

.notallow{
  background: gray !important;
  background: linear-gradient(90deg, gray 5px,#e4e4e4 1px, #e4e4e4 6px, rgba(255,255,255,1) 5px) !important;
}
.disabled{
  background: #f6f6f6;
}