@font-face{font-family: 'JosefinSans';src:url('../fonts/JosefinSans-Regular.ttf')}
html,body{position:absolute;top:0;left:0;bottom:0;right:0;overflow:auto;font-family: 'JosefinSans', sans-serif !important}
.clear_space{margin:0 !important;padding:0 !important}
a{text-decoration:none}
.btn-table{font-size:20px;color:black;padding:5px}
.navbar-sena,.side-header,.footer{background-color:#0a1040}
.navbar-sena *,.side-header *{color:#fff;font-size:14px !important}
.navbar-sena .img-logo{width:40px;height:auto;position:relative;float:left;margin:-10px 10px 0 0}
.navbar-sena a:hover,.navbar-toggle:hover{color:#fff;background-color:#b0bbc2}
.navbar-sena a:focus,.navbar-toggle:focus{font-weight:bold;background-color:#337ab7}
.navbar-sena .navbar-menu{float:right}
.navbar-sena .dropdown-menu,.dropdown-menu{background-color:#5c6a72}
.menu-icon{margin-right:5px}
.side-overlay{position:fixed;cursor:pointer;opacity:0;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.4);transition:opacity 0.5s linear;z-:1035}
.dropdown-caret{float:right;margin-top:4px}
.navbar-sena .dropdown-caret {margin:4px 0 0 5px}
.dropdown-menu{position:absolute;float:none;border:none;border-radius:initial;box-shadow:none}
@media(max-width:767px){.navbar-toggle{margin:8px}.navbar-sena .dropdown-caret{margin:3px 0 0 2px}.filtro{margin:10px !important;padding:15px !important}}
.text-italic{font-style:italic}
.text-bold{font-weight:bold}
.img-main{display:flex;height:100vh;width:100%;justify-content:center;align-items:center;}
.img-main img {display:block;width:100%;height:auto;margin-left:auto;margin-right:auto}
body>.container-fluid{min-height:100%;padding-top:70px}
.table{background-color:rgba(255,255,255,0.8)}
.footer{width:100%;height:auto;padding:20px}
.footer .container-fluid {padding:0}
.footer-img{max-width:150px;width:100%;margin:auto}
.footer .container-fluid img {float:right;height:auto;max-height:150px}
.footer-title{font-size:16px;color:#fff;margin:0}
.footer-icons{display:inline-block}
.footer-icons .fa{font-size:30px !important;color:#fff}
.preguntas > li{padding: 10px 0}
.preguntas > li>ol{margin: 10px 0}
.preguntas li a{display:none}
.preguntas li:hover a{display:block}
.preguntas img,.img_form {width:auto;height:auto;max-width:120px;margin:auto;overflow:hidden;background-color:rgba(0,0,0,0.2)}
.img_form img {width:100%;height:auto}
.wrapper{background:transparent url('../../imagenes/encuestas.jpg') no-repeat center center fixed;content:"";background-size:cover}
.chart{margin-bottom:70px;padding:30px;background-color:rgba(255,255,255,0.7);border-radius:10px;border:1px solid #ff6b00}
.filtro{background-color:rgba(158,158,158,0.6);padding:30px;margin: 40px 70px}
.recover{max-width:500px;margin:40px auto;padding:30px;border-radius:0;border:1px solid #ff6b00;box-shadow:0 4px 4px 4px rgba(255,107,0,0.4)}
.menu-container{background-color: rgba(255, 255, 255, 0.7);border-radius: 10px;padding:30px 10px;margin:30px 0;box-shadow: rgba(0,0,0,0.3) 0 4px 4px 4px;}
.menu-container .item{display:block;border:1px solid transparent;margin:10px 30px;padding:15px;border-radius:5px;background-color:#0db322;box-shadow: rgba(0,0,0,0.3) 0 4px 4px 4px;color:#fff}
.menu-container .item:hover{border-color: #ff6b00;border-width: 2px;background-color:#20a030;font-weight: bold}
.menu-container .item * {color:#fff}
.menu-container .dropdown-menu a{color:#000 !important;}
.menu-container .dropdown-menu .menu-icon{font-size:14px !important;color:#000}
.menu-container .item .menu-icon{font-size:70px;margin:0}

.page{position:relative;min-height:100vh;}

@media (min-width:768px) {
    .page{display:flex}
    .md\:hidden{display:none !important;}
    .sidebar{position:relative !important;transform: translateX(0%) !important}
    .img-main img{width:80%}
    .content{padding:25px}
}

.sidebar {position:absolute;top:0;bottom:0;left:0;background-color:#e3e3e3;width:250px;border-right:1px solid #d3d3d3;padding:20px;margin-top:0;margin-bottom:0;z-index:1035}
.sidebar.closed{transform:translateX(-100%)}
.sidebar .nav-link{display:block;padding:10px;border-radius:4px}
.sidebar .nav-link:hover{background-color: #DEDEDEFF}
.sidebar .nav-link:focus{background-color:#fff;font-weight:600}
.content{padding:10px;padding-top:70px !important;flex: 1 1 0;max-height:100vh;overflow-y:auto;overflow-x:hidden;}
.menu-icon{margin-right:10px}
.scrollbar::-webkit-scrollbar{width:8px;}
.scrollbar::-webkit-scrollbar-track{border-radius:100vh;background:#edf2f7;}
.scrollbar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:100vh;border:3px solid #edf2f7;}
.scrollbar::-webkit-scrollbar-thumb:hover{background:#a0aec0;}
thead {
  display: none;
}
@media (min-width: 1024px) {
  thead {
    display: table-header-group;
  }
}
thead tr {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
thead tr th {
  position: sticky;
  z-index: 1;
  top: 0;
  background: #fff;
  font-size: 18px;
  font-weight: 600;
  padding: 20px 5px 14px;
  color: black;
}
thead tr th:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #898989;
  height: 1px;
  width: 100%;
}
tbody tr {
  display: block;
  margin-bottom: 1.5rem;
  border-width: 1px;
  border-color: #F3F4F6;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
@media (min-width: 1024px) {
  tbody tr {
    display: table-row;
    margin-bottom: 0;
    border-color: transparent;
    box-shadow: none;
  }
}
tbody tr button {
  margin-right: 7px;
}
tbody tr td {
  padding: 10px 5px;
  display: block;
  text-align: right;
  border-color: #F3F4F6;
}
@media (min-width: 1024px) {
  tbody tr td {
    display: table-cell;
    text-align: left;
  }
}
tbody tr:hover {
  background: #f2f2f2;
}
tbody tr:last-child {
  border-bottom: 0;
}
@media (max-width: 1023px) {
  tbody tr ::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: capitalize;
  }
}


.navbar-brand .titulo{
    display:none;
}

@media (min-width: 768px) {
    .navbar-brand .titulo{
    display:block;
    }
}