@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:#353232}
.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:#030a46}
.navbar-sena a:focus,.navbar-toggle:focus{font-weight:bold;background-color:#1c36d7}
.navbar-sena .navbar-menu{float:right}
.navbar-sena .dropdown-menu,.dropdown-menu{background-color:#fa9120}
.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.3)}
.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;}

.btn-group-aprobar{
    background-color: darkblue;
}