body {
  background-color: white !important;
}

textarea {
  resize: none;
}

.section {
  padding-top:120px;
  padding-bottom:80px;
  position:relative
}

.section5020 {
  padding-top: 50px;
  padding-bottom: 20px;
  position: relative
}

/*
a:hover {
  color: white !important;
}

@font-face {
    font-family: "Tech";
    src: url('../fuentes/TechMono-Regular.tff');
}

@font-face {
    font-family: "Gugi";
    src: url('../fuentes/Gugi-Regular.tff');
}
*/

.sct {
  border: none !important;
  background-color: transparent !important;
}

.sc {
  background-color: #FBFAFD;
}

.sch {
  color: black;
  background-color: #FBFAFD;
  text-align: center;
  padding-top: 0.5%;
  padding-bottom: 0.5%;
}

.scb {
  color: black;
  background-color: #FBFAFD;
}

.scf {
  color: black;
  background-color: #FBFAFD;
}

.divtitulo {
  border-radius: 20px;
  padding: 5px 20px 10px 50px;
  border: 2px solid rgb(150, 150, 150);
  background-color: rgb(164, 163, 163);
}

.divtitulosm {
  padding: 0 10px 0 10px;
  border-radius: 20px;
  border: 2px solid #344390;
  background-color: #344390;
  color: white;
}

.sctitulo-sub {
  text-decoration: underline;
  text-underline-offset: 5px;
}

.bg-black {
  background-color: black !important;
}

.red {
  color: red !important;
}

.sred {
  color: red !important;
}

.sblue {
  color: #00FBFF !important;
}.sblue1 {
  color: #2E8AF6 !important;
}.sblue2 {
  color: #1D579F !important;
}.sblue3 {
  color: #344390 !important;
}.sblue4 {
  color: #00276C !important;
}.sblue5 {
  color: #4FCCDC !important;
}

.sgold {
  color: #F6B041 !important;
}

.snara {
  color: #FF6F00 !important;
}

.spurp {
  color: purple !important;
}

.spink {
  color: rgba(198, 120, 221, 0.7) !important;
}

.sgreen {
  color: #3BC46A !important;
}

.sgray {
  color: #5A616F !important;
}

.sgray2 {
  color: #788190 !important;
}

.sgray3 {
  color: #AFB0B1 !important;
}
#gcierre, #gmonto, #grendi {
  width: 300px;
  margin: 0 auto !important;
}

.gcierre-txt {
  color: black;
  width: 100%;
  height: 100px;
  font-size: 13px;
  font-weight: bold;
  margin-top: -45px;
} .gcierre-val {
  height: 31%;
  font-size: 30px;
  text-align: center;
} .gcierre-met {
  margin-top: -7px;
  margin-left: 252px;
}

.gmonto-txt {
  color: black;
  width: 100%;
  height: 100px;
  font-size: 13px;
  font-weight: bold;
  margin-top: -30px;
} .gmonto-val {
  height: 31%;
  font-size: 120%;
  text-align: center;
} .gmonto-met {
  margin-top: -20px;
  margin-left: 252px;
}

.grendi-txt {
  color: black;
  width: 100%;
  height: 100px;
  font-size: 13px;
  font-weight: bold;
  margin-top: -50px;
} .grendi-val {
  height: 31%;
  font-size: 35px;
  text-align: center;
} .grendi-met {
  height: 30%;
  text-align: right;
  padding-right: 24px;
}

.scitem {
    border: none;
    color: white;
    background-color: #555;
    min-width: 200px;
    max-width: 200px;
    min-height: 365px;
    max-height: 365px;
    cursor: default;
    border-radius: 15px;
} .scitem:hover {
  box-shadow: 0 0 20px #ADAFBB;
  cursor: pointer;
} .scitem:hover:before {
  transform: scale(1.1);
  box-shadow: 0 0 20px #ADAFBB;
}

.schitem {
    text-align: center;
    padding: 0;
    height: 45%;
    border-radius: 15px;
} .schitem img {
    width: 100%;
    height: 100%;
}

.scbitem {
    height: 45%;
    background-color: white;
}

.scfitem {
  height: 10%;
  color: springgreen;
  border-radius: 15px;
}

.scpd {
  min-width: 280px;
  max-width: 280px;
  min-height: 480px;
  max-height: 620px;
  color: black !important;
  background-color: white !important;
  border: 1px solid lightgray;
}

.scpdimg {
  height: 100%;
}

.scpdofr {
  border-radius: 3px;
  color: black;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  display: inline-block;
  letter-spacing: 0.20em;
}

.scpdreb {
  color: black;
}

.scpdpre {
  font-weight: bold;
  color: #2E8AF6 !important;
}

.scpdenv {
  color: black;
}

.scpdnom {
  text-overflow: ellipsis;
  text-align: justify;
}

.scpdcod {
  color: black;
  text-align: right;
}

.sccliente {
  min-width: 245px;
  max-width: 245px;
  min-height: 388px;
  max-height: 388px;
  background-color: #e5e5e5;
}

.scclientesfooter {
  border-radius: 15px !important;
  background-color: rgba(164, 163, 163, 0.7);
  color: white;
  margin-top: 5px !important;
}

.scclientesanimo {
  display: inline-flex !important;
  top: 65px;
  right: 165px;
  position: absolute;
}
.icnindiferente {
  color: #AC4DFB;
}

.icnenojo {
  color: #f60;
}

.icnduda {
  color: #1CD0A4;
}

.icntriste{
  color: #1ac;
}
.icnfeliz {
  color: #ffc107;
}

.newcliente {
  color: red;
  font-weight: bold;
}

.scclientestipos {
  display: inline-flex !important;
  top: 75px;
  left: 89px;
  position: absolute;
  color: #335a88;
}

#smlcodigo{
  padding: 0 10px 0 10px;
  border-radius: 20px;
  border: 2px solid #344390;
  background-color: #344390;
  color: white;
}
#diviconos {
  display: inline-flex !important;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 2px;
}
#spninstitucion {
  display: -webkit-box;
  height: 39px;
  margin-top: 10px;
  margin-bottom: 15px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: bold;
}
#smlcontacto{
  display: -webkit-box;
  height: 39px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 3px;
}
#smlinteraccion {
  padding: 0 10px 0 10px;
  border-radius: 20px;
  border: 2px solid rgba(52, 67, 144, 0.1);
  background-color: rgba(52, 67, 144, 0.5);
  color: white;
}

.scitemclmc {
    border: none;
    background-color: white;
    min-width: 300px;
    max-width: 300px;
    min-height: 200px;
    max-height: 200px;
}.scitemclmc:hover {
  box-shadow:  0 0 20px #ADAFBB;
  transition: 0.3s;
}.scitemcl:hover:before {
  transform: scale(1.1);
  box-shadow: 0 0 20px #C8CBDC;
}.scitemclmc .card-footer {
  border-top: none;
}.scitemclmc .card-header {
  border-bottom: none;
}

.scitemclop {
    border: none;
    background-color: white;
    min-width: 300px;
    max-width: 300px;
    min-height: 200px;
    max-height: 200px;
} .scitemclop:hover {
  box-shadow:  0 0 20px #ADAFBB;
  transition: 0.3s;
} .scitemcl:hover:before {
  transform: scale(1.1);
  box-shadow: 0 0 20px #C8CBDC;
} .scitemclop .card-footer {
  border-top: none;
} .scitemclop .card-header {
  border-bottom: none;
}

.scitemcl {
    border: none;
    background-color: white;
    min-width: 300px;
    max-width: 300px;
    min-height: 200px;
    max-height: 200px;
} .scitemcl:hover {
  box-shadow:  0 0 20px #ADAFBB;
  transition: 0.3s;
} .scitemcl:hover:before {
  transform: scale(1.1);
  box-shadow: 0 0 20px #C8CBDC;
} .scitemcl .card-header {
  border-bottom: none;
} .scitemcl .card-footer {
  border-top: none;
}

.scitemclmcbtn {
  border-radius: 100% !important;
  width: 38px !important;
  height: 38px !important;
  background-color: transparent !important;
}

.scitemclmcop {
    border: none;
    background-color: white;
    min-width: 300px;
    max-width: 300px;
    min-height: 200px;
    max-height: 200px;
} .scitemclmcop:hover {
  box-shadow:  0 0 20px #ADAFBB;
  transition: 0.3s;
} .scitemclmcop:hover:before {
  transform: scale(1.1);
  box-shadow: 0 0 20px #C8CBDC;
} .scitemclmcop .card-footer {
  border-top: none;
} .scitemclmcop .card-header {
  border-bottom: none;
}

.ovf-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.card li {
    background-color: rgba(0,0,0,0) !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.btn-xs {
  height: 35px !important;
}

.sbtnna {
    border-color: #FF6F00;
    color: #FF6F00;
    background-color: white;
} .sbtnna:hover {
    border-color: #FF6F00;
    color: white;
    background-color: #FF6F00;
} .sbtnna-rdn {

}

.sbtnro {
    border-color: #DE3535;
    color: #DE3535;
    background-color: white;
} .sbtnro:hover {
    border-color: #E24B4B;
    color: white;
    background-color: #E24B4B;
}

.sbtnmo {
    border-color: #6F00AD;
    color: #6F00AD;
    background-color: white;
} .sbtnmo:hover {
    border-color: #6F00AD;
    color: white;
    background-color: #6F00AD;
}

.sbtnaz {
    border-color: #2E8AF6;
    color: #2E8AF6;
    background-color: white;
} .sbtnaz:hover {
    border-color: #2E8AF6;
    color: white;
    background-color: #2E8AF6;
}

.sbtnve {
    border-color: #3BC46A;
    color: #3BC46A;
    background-color: white;
} .sbtnve:hover {
  border-color: #3BC46A;
  color: white;
  background-color: #3BC46A;
}

.sbtndo {
    border-color: #F6B041;
    color: #F6B041;
    background-color: white;
} .sbtndo:hover {
  border-color: #F9A64D;
  color: white;
  background-color: #F9A64D;
}

.sbtndo2 {
    border-color: #5A616F;
    color: #5A616F;
    background-color: #F6B041;
} .sbtndo2:hover {
  border-color: #5A616F;
  color: #5A616F;
  background-color: #F6B041;
}

.sbtnna2 {
    border-color: #EE4035;
    color: white;
    background-color: rgba(238, 64, 53, 0.7);
} .sbtnna2:hover {
    background-color: #EE4035;
}

.sbtnneaz {
  border-color: #2E8AF6;
  color: white;
  background-color: #4a72b1;
} .sbtnneaz:hover {
  border-color: #2E8AF6;
  color: white;
  background-color: #75aadb;
}

.sbtnneaz2 {
  border-color: #2E8AF6;
  color: white;
  background-color: #3C26DD;
} .sbtnneaz2:hover {
  border-color: #2E8AF6;
  color: white;
  background-color: #3E9FF5;
}

.sbtnneve {
    border-color: none;
    color: white;
    background-color: rgba(80, 80, 80, 0.7);
} .sbtnneve:hover {
    background-color: rgba(60, 183, 137, 0.7);
}

.sbtnnena {
  border-color: #FA9541;
  color: white;
  background-color: #FF6F00;
} .sbtnnena:hover {
  border-color: #FA9541;
  color: white;
  background-color: #F79D51;
}

.sbtnnemo {
  border-color: #462EF6;
  color: white;
  background-color: #6D048E;
} .sbtnnemo:hover {
  border-color: #462EF6;
  color: white;
  background-color: #9848B2;
}

.sbtnnovisto {
    color: #C8CBDC;
    background-color: rgba(0,0,0,0);
} .sbtnnovisto:hover {
    color: #C8CBDC;
    background-color: rgba(0,0,0,0);
    cursor: default;
}

.sbtnvisto {
    border-color: none;
    color: #F6B041;
    background-color: rgba(0,0,0,0);
} .sbtnvisto:hover {
    color: #F6B041;
    background-color: rgba(0,0,0,0);
    cursor: default;
}

.sipt {
  color: black !important;
  background-color: white !important;
} .sipt:focus {

}

.block-ellipsis {
  display: -webkit-box;
  max-width: 100%;
  height: 65px;
  margin: 0 auto;
  font-size: 14px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: justify;
}

.th {
    text-align: center !important;
}

.dropdown-menu {
  background-color: white !important;
}

.dropdown-item, .tt-menu {
  color: white;
  background-color: #1a1a1a;
}

#sbtnlat {
  width: 70px;
  position: fixed;
  top: 50%;
  margin-left: 1%;
  transition: 0.5s;
  z-index: 11;
}

.sbtnlat {
  width: 60px;
  height: 60px;
  display: block;
  top:50%;
  position: relative;
  font-size:30px;
  line-height: 60px;
  text-align: center;
  cursor:pointer;
  color: #0A73EB;
  background-color: white;
  border-radius: 50%;
  transition: .5s;
  border: 1px solid #0A73EB;
}

.sbtnlat:hover {
  color: white;
  border: 1px solid white;
  background-color: #0A73EB;
}

.sbtnlat1 {
  color: white;
  border: 1px solid white;
  background-color: #0A73EB;
}

.smlat {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  color: white;
  background-color: #003A7D;
  font-size: small;
  overflow: hidden;
  transition: 0.5s;
  padding-top: 30px;
  overflow-y: auto;
}

.smlat a {
  text-decoration: none;
  color: white;
  display: block;
  transition: 0.3s;
}

.smlat .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.smlath {
  background-color: rgba(0,0,0,0);
  border: none !important;
}.smlath .card-header {
  border: none !important;
  background-color: rgba(0,0,0,0);
}

#smlatmenuopcs {
  max-height: 305px !important;
  overflow-y: auto;
  overflow-x: hidden;
}

.divnombreusr {
  width: 100%;
  text-align: center;
}

.divareaemp {
  width: 100%;
  text-align: center;
}

.divrangousr {
  width: 100%;
  text-align: center;
}

.smlatmenuopc, .smlatsbmenuopc {
  cursor: default;
  background-color: #003A7D !important;
  border: none !important;
} .smlatmenuopc:hover, .smlatsbmenuopc:hover {
  cursor: pointer;
  border: none !important;
  background-color: rgba(255, 255, 255, 0.2) !important;
} .smlatmenuopc .card-header, .smlatsbmenuopc .card-header {
  padding: 0;
  display: block;
  position: relative;
  border: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
} .smlatmenuopc .card-header svg {
  margin-left: 20px;
} .smlatmenuopc .card-body, .smlatsbmenuopc .card-body {
  padding: 0;
  border: none !important;
} .smlatmenuopc .card-body svg {
  margin-left: 40px;
}

.smlatsbmenuopc .card-header svg {
 margin-left: 40px;
} .smlatsbmenuopc .card-body svg {
 margin-left: 60px;
}

.smlatmenuopc .card-header[aria-expanded=true] .fa-angle-right {
    display: none;
    border: none !important;
} .smlatmenuopc .card-header[aria-expanded=false] .fa-angle-down {
    display: none;
    border: none !important;
} .smlatsbmenuopc .card-header[aria-expanded=true] .fa-angle-right {
    display: none;
    border: none !important;
} .smlatsbmenuopc .card-header[aria-expanded=false] .fa-angle-down {
    display: none;
    border: none !important;
}

.smlatopc {
  color: white;
  cursor: default;
  background-color: #003A7D !important;
  border: none !important;
} .smlatopc:hover {
  cursor: pointer;
  border: none !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
} .smlatopc .card-body {
  padding: 0;
  border: none !important;
} .smlatopc svg {
  margin-left: 20px;
}

.smlatsbopc {
  color: white;
  cursor: default;
  background-color: #003A7D !important;
  border: none !important;
} .smlatsbopc:hover {
  cursor: pointer;
  border: none !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
} .smlatsbopc .card-body {
  padding: 0;
  border: none !important;
} .smlatsbopc svg {
  margin-left: 10px;
}

.seleq {
  max-width: 80px;
}

#app {
  transition: margin-left .5s;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.btn-link {
  background-color: rgba(0,0,0,0);
  text-decoration: none;
  color: white;
  padding: 0;
} .btn-link:hover {
  color: white;
  text-decoration: none;
} .btn-link:focus {
  color: white;
  text-decoration: none;
}

.snavpag {
  background-color: transparent !important;
}

li.active > .page-link {
  color: black !important;
  background-color: rgb(178,204,96) !important;
}

li.disabled > .page-link {
  color: gray !important;
  background-color: transparent !important;
}

.pagination .page-item .page-link {
  color: #335A88 !important;
  background-color: white !important;
} .pagination .page-item .page-link:hover {
  color: white !important;
  background-color: #335A88 !important;
}

.sboitems {
  width: 65px;
  height: 55px;
  top: 112px;
  right: 48px;
  position: fixed;
  margin: 0 auto;
  z-index: 11;
} .sboitemsnum {
  margin-top: 10px;
  font-weight: bold;
  font-size: 22px;
} .sboitems img {
  z-index: 11;
}

.btn-rdn {
  border-radius: 50% !important;
}.btn-rdn-xs {
  width: 35px !important;
  height: 35px !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

.btn-morf {
  min-width: 35px;
  height: 35px;
  border-radius: 50%;
}

.bgfooter{
  background-color: #335a88;
}
@media screen and (min-width: 765px) {
  .btn-morf.btn-morf-md {
    display: inline-flex;
    align-items: center;
    border-radius: 3px !important;
    font-size: 14px !important;
    -webkit-transition: all 0.5s !important;
    transition: all 0.5s !important;
    font-weight: 700 !important;
  }
}

#mdlvalidarcaz .modal-content {
  background-color: rgba(0,0,0,0);
  height: 320px;
}

#mdlvalidarcaz .modal-header {
  border: none;
  font-family: "Tech", monospace;
  font-size: 22px;
  color: white;
  margin-top: 60px;
  padding-left: 85px;
  height: 60px;
  flex: none;
} #mdlvalidarcaz .modal-header .close {
  font-weight: bold;
}

#mdlvalidarcaz .modal-body {
  height: 70px;
  flex: none;
  padding-left: 85px;
}

#mdlvalidarcaz .modal-footer {
  border: none;
  margin-right: 100px;
}

#mdlvalidarcaz .fondocodazul {
  background-image: url(/imagenes/sistema-sara-codigo-azul-card.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  border: none;
}

#iptcaz {
  font-family: "Tech", monospace;
  color: deepskyblue;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

.icncandado {
  color: rgba(77,174,200,0.8);
}
.codazul {
  color: rgb(0,181,242);
}
.modalcodazul {
  border: none;
}

.icnazul {
    color: #38B6FF;
    color: rgba(56, 182, 255, 0.7);
} .icnazul:hover {
    color: #38B6FF;
}

.scm {
    border-color: rgba(0,181,242,0.2);
    color: rgba(0,181,242,0.2);
    background-color: rgba(0, 0, 0, 0.0) !important;
}

.schm {
    border-color: rgb(0,181,242);
    color: white;
    background-color: rgba(0,181,242, 0.2);
    text-align: center;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
}

.scbm {
    border-color: rgb(0,181,242);
    color: rgb(0,181,242);
    background-color: rgba(0,181,242, 0.2);
    color: white;
}

.scfm {
    border-color: rgb(0,181,242);
    color: rgb(0,181,242);
    background-color: rgba(0,181,242, 0.2);
}

.stbrowmo {
  height: 40px;
  border: 1px solid lightgray;
  border-left: 10px solid #6F00AD;
}

.stbrowve {
  height: 40px;
  border: 1px solid lightgray;
  border-left: 10px solid #26A942;
}

.stbrowna {
  height: 40px;
  border: 1px solid lightgray;
  border-left: 10px solid #FF6F00;
}

.stbrowaz {
  height: 40px;
  border: 1px solid lightgray;
  border-left: 10px solid #0A73EB;
}

.stbrowazdos {
  min-height: 170px;
  border: 1px solid lightgray;
  border-left: 10px solid #0A73EB;
}
.stbrowpndexp {
  background-color: rgb(60, 13, 14) !important;
}

.sminicard {
  background: rgb(27,27,27);
  color: white;
  min-height: 100px;
  max-height: 100px;
  max-width:300px;
  min-width:300px;
  font-size: 20px;
  text-align: center;
  display: flex;
  cursor: default;
  margin: 0 auto;
} .sminicard:hover {
  cursor: pointer;
}

.sminicard-iconna {
  background-color: rgb(242,140,76);
  height: 70px;
  width: 70px;
  text-align: center;
  border-radius: 50%;
}

.sminicard-iconve {
  background-color: rgb(60,183,137);
  height: 70px;
  width: 70px;
  text-align: center;
  border-radius: 50%;
}

.sminicard-iconmo {
  background-color: rgb(80,77,142);
  height: 70px;
  width: 70px;
  text-align: center;
  border-radius: 50%;
}

.sminicard-text {
  width: 100%;
  text-align: center;
}

.spbar {
  background-color: black;
  border-radius: 13px;
  padding: 3px;
  cursor: default;
} .spbar:hover {
  cursor: pointer;
}

.spbaraz {
  background-color: deepskyblue;
  height: 14px;
  border-radius: 10px;
}

#sbtnpanic {
  float: right;
}

.sbtnpanic {
  width: 70px;
  height: 70px;
  font-weight: bolder;
  cursor: default;
  color: white;
  background-color: red;
  border-radius: 50%;
  transition: 0.5s;
}.sbtnpanic:hover {
  color: white;
  text-shadow: 0 0 8px black;
  cursor: pointer;
  border: 1px solid black;
  transition: 0.5s;
}

.txtjustify{
  text-align: justify;
}

#snavbar {
  z-index: 10;
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #ECECEC;
} #snavbar a.nav-link {
  color: #757575 !important;
}

#snavbarcot {
  position: fixed;
  z-index: 10;
  top: 88px !important;
  right: 0 !important;
  color: #788190 !important;
  width: auto;
  min-width: 360px;
}

.scshadow {
  -webkit-box-shadow: 0 3px 12px  rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 12px  rgba(0, 0, 0, 0.3);
}.scshadowbottom {
  -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.3);;
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.3);;
}

.scevtsdanger {
  -webkit-box-shadow: 0 1px 12px  rgba(222, 53, 53, 0.5);
  box-shadow: 0 1px 12px  rgba(222, 53, 53, 0.5);
  border: 1px solid rgb(222, 53, 53);
}

.scevtswarning {
  border: 1px solid #F6B041;
}

.scevtsok {
  -webkit-box-shadow: 0 3px 12px  rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 12px  rgba(0, 0, 0, 0.3);
}

.card[id="divpendienteshoy"] {
  border: none !important;
  background-color: transparent !important;
}.card[id="divpendienteshoy"] > .card-header {
  border: none !important;
  background-color: transparent !important;
}.card[id="divpendienteshoy"] > .card-body {
  border: none !important;
  background-color: transparent !important;
}

.card[id="divpendientesatrasados"] {
  border: none !important;
  background-color: transparent !important;
}.card[id="divpendientesatrasados"] > .card-header {
  border: none !important;
  background-color: transparent !important;
}.card[id="divpendientesatrasados"] > .card-body {
  border: none !important;
  background-color: transparent !important;
}

.card[id="divpendientesfuturos"] {
  border: none !important;
  background-color: transparent !important;
}.card[id="divpendientesfuturos"] > .card-header {
  border: none !important;
  background-color: transparent !important;
}.card[id="divpendientesfuturos"] > .card-body {
  border: none !important;
  background-color: transparent !important;
}

.table[id="tblpendienteshoy"] > thead {
  background-color: white !important;
}

.table[id="tblpendientesatrasados"] > thead {
  background-color: white !important;
}

.table[id="tblpendientesfuturos"] > thead {
  background-color: white !important;
}