#app{
  /* min-width:1000px;   */      /* Suppose you want minimum width of 1000px */
  width: auto !important;  /* Firefox will set width as auto */
 /*  width:1000px;    */         /* As IE6 ignores !important it will set width as 1000px; */
 /*  min-height: 800px; */
}


html, body{
  min-height: 1000px;
  margin:0;
  display: flex;
  flex-direction: column;
}
/*body {
 background-image: url("../images/fondo-opacidad.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #8EB8F1;
}*/


.table-primary,
.table-primary > th,
.table-primary > td {
  color: #fff !important;

}



.dropdown-menu {

  background-color: #cdcdcd;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: darkgray;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-accent-bg: #e3f2fd;
  color: var(--bs-table-striped-color);
}

.row-texto-legal{
    height: 49%;
    
    margin: 1% 1%;} 
.texto-legal-botones{background-color: #6A737C;
  position: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  left: 0px;
  bottom: 0;
  height: 200px;}
  .texto-legal-botones i{font-size: 45px;}
  .texto-legal-botones button{
    border: 0;
    background: transparent;
    font-size: 45px;
    font-weight: lighter;
    font-family: "Open Sans"  !important;
  }
  .texto-legal-botones .rechazar{color: #999;}
  .texto-legal-botones .aceptar{color: lightblue;}

    .grid-usuarios{border: 1px solid grey; text-align: center; background-color: #f2f2f2;}
    .grid-usuarios a{color: #7a7a7a; text-decoration: none;}
    .grid-usuarios a i{display: block; margin-bottom: 10px;}
  
  
    .navbar-valoracion{background-color: #353236 !important; height: 100px;}
    .navbar-valoracion  .nav-link {
        color: white !important;}
    /* .nav-valoraciones   {background-color: #cdcdcd;}    
    .nav-valoraciones li {border-right: 5px solid white; padding: 10px 0; text-align: center;}
    .nav-valoraciones li i {margin: 5px 10px;}
    .nav-valoraciones li a {color: var(--gray-dark); text-decoration: none;} */
  

  .red{color: var(--red);}
  .green{color: var(--green);}
  .blue{color: var(--blue);}
  .yellow{color: var(--yellow);}
  .orange{color: var(--orange);}

  .bg-red{ color: #F5F4F4;background-color: var(--red);}
  .bg-green{ color: #F5F4F4;background-color: var(--green);}
  .bg-blue{ color: #F5F4F4;background-color: #2E2D68;}
  .bg-yellow{background-color: var(--yellow);}
  .bg-orange{ color: #F5F4F4;background-color: var(--orange);}
  .bg-orange-dark{ color: #F5F4F4;background-color: var(--orange-dark);}
  .bg-green-dark { color: #F5F4F4;background-color: #006400}
  
  .bg-pink{ color: #F5F4F4;background-color: var(--pink);}
  .bg-gray{background-color: #BEBEBE;}
  
/*   .table-bordered-green{border: 2px solid var(--green);}
  .table-bordered-blue{border: 2px solid var(--blue);}
  .table-bordered-red{border: 2px solid var(--red);}
  .table-bordered-gray{border: 2px solid var(--gray);} */
  
  .table-bordered-green a{color: var(--green);}
  .table-bordered-blue a{color: var(--blue);}
  .table-bordered-red a{color: var(--red);}
  .table-bordered-gray a{color: var(--gray);}

  .horizontal-menu .top-navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini img,
  .horizontal-menu .top-navbar .navbar-brand-wrapper .navbar-brand img {
    max-width: 100%;
    width: 100%;
    height: 70px;
    margin: auto;
    vertical-align: middle;
}
.horizontal-menu .top-navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {padding: 0.3em;}
.horizontal-menu .top-navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini img{
  height: 100%;

}
.nav.page-navigation li a, .nav.page-navigation li a span{font-family: 'CAVIARDREAMS';     text-transform: uppercase;;}
.horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-link .menu-icon{font-size:30px;}
.horizontal-menu .bottom-navbar .page-navigation > .nav-item > .nav-link .menu-title{width: 100%;text-align: center;} 


.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option--highlighted[aria-selected]{
  background: transparent !important; color: #f88d2b !important; border-top: 1px solid #f88d2b ;border-bottom: 1px solid #f88d2b ;
}

.link-like-btn{padding: 10px 0 0 0;}

.carga-masiva{display: none; border: 3px solid #06296a;
  padding: 10px 5px;}

@media (min-width: 992px){
  .horizontal-menu .bottom-navbar .page-navigation > .nav-item:last-child > .nav-link {
      padding: 27px 12px 22px 7px; 
  }
}
@media (max-width: 992px){
  body{min-width: 400px;}
  .container-fluid.page-body-wrapper{margin-top: 75px;}
  .container .row.d-flex.justify-content-around{min-width: 400px;}
  .micuenta{min-width: 400px; font-size: 24px !important;}


}
@media (max-width: 765px){
  
  .container-fluid.page-body-wrapper{margin-top: 0;}
  .micuenta{min-width: 400px; font-size: 12px;}


}
.select2.select2-container.select2-container--default{padding: 0;}
.nombre-usuario{font-family: 'CAVIARDREAMS';  text-transform: uppercase; font-size: 1.5em;
  border: 3px solid #06296a;
  padding: 10px 5px;
margin-top: 5px;}
.center{text-align: center;}
.horizontal-menu .bottom-navbar {
  background: #06296a;}
/*   .nav-valoraciones .nav-item.active{
    background: darkgray;
  } */
  .nav-tabs {
    margin-bottom: 5px;
}
  .nav-tabs .nav-item.show .nav-link{
    color: #fff;
  background-color: #0033c4;
  border-color: #0033c4;
    border-color: #dee2e6 #dee2e6 #fff !important;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: 0 0;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  color: #fff;
  font-family: CaviarDreams;
  background-color: #06296a;
  border-color: #06296a;
  font-weight: 700;
}
.nav-link {

    display: block;
    padding: 0.5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

.active a.nav-link i, .active a.nav-link span{
  color: #f88d2b !important;
  /* background-color: #f88d2b;
  border-color: #f88d2b; */
}
  .nav-tipo-objetivo .nav-item:not(.disabled).active button {
    color: #fff;
    /* background-color: #2176bd; */
    border-color: #1f6fb2;
  }

  .nav-tabs .nav-link i{margin-right: 5px !important;}
  .accion{border: 0;
    background: #eee;}

    .horizontal-menu .top-navbar {
       border-bottom: 1px solid #06296a; 
  }

.fas.fa-exclamation.red.mr-2{
  float: left;
  margin: 7px 7px -0 3px;
}
a.btn.btn-primary{text-decoration: none !important;}
.btn.btn-primary{flex: inherit;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
  color: #f88d2b !important;
  background-color: #06296a !important;
  border-color: #06296a !important; /*set the color you want here*/
}

.row-grafica{min-width: 1077px; } 
.grafica-media{width: 650px !important;min-width: 650px !important;}

    .graficas td {
        width: 110px;
        height: 90px;
        float: left;
        text-align: center;
        padding-top: 33px;
        color: white;
        margin: 3px;
    }
    .graficas td.gra-bottom{width: 110px;float:left; margin:3px;height: 20px; padding: inherit; text-align: center !important;}

    td.text-dark{
      padding-top: 15px !important;
    }
.grafica-descripcion{
  margin-top: 125px !important;
  }
  .box-rating{width: 30px; height: 30px; border: 1px solid #000; float: left;    margin-right: 10px;}
  .li-rating{    display: block;
    margin: 20px;
    list-style: none;}
  .grafica-vertical {
    writing-mode: vertical-rl;
    text-orientation: upright;
    padding-top: 120px;
  float: left;
  }
  .lista-usuarios{overflow-y: scroll; max-height: 300px;}

  .carousel-control-next, .carousel-control-prev{color: darkslategray !important; width: 5% !important;}

  .carousel .grafica-vertical {
    padding-top: 190px;
  }


  /* charts */
  .highcharts-figure, .highcharts-data-table table {
    min-width: 310px; 
    max-width: 800px;
    margin: 1em auto;
  }
  
  .highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
  }
  .highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
  }
  .highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
  }
  .highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
  }
  .highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
  }
  .highcharts-data-table tr:hover {
    background: #f1f7ff;
  }
.highcharts-credits{display: none;}

.usuario-monitorizacion div{border: 2px solid white; background-color: whitesmoke; padding: 1px;}

.estadisticas-totales{
  top: -200px;
  position: absolute;
}

.valor-estadistica{ float:left; width: 125px !important}
.cuadrado-estadisticas{width: 25px !important; height: 25px; float:left}


footer{
  bottom: 0;
    right: 0;
    position: absolute;
    padding: 0 50px 50px 0;
}
.card {
  background: transparent !important;
    border: 8px solid #485479 !important;
    padding: 10px 40px;
}
.departamento{
  padding: 30px 0;
  font-weight: bolder !important;
  font-family: 'CaviarDreams' !important;
}
.input-group-prepend{float:left}
.micuenta{    font-size: 50px; }

.fright{float: right;}
.fleft{float: left;}

.form-check, h2.no-permisos{ padding: 5px 5px 5px 5px;}
.form-check input[type=radio]{margin-left: -0.5em;}
.input-group > .input-group-prepend > .input-group-text {padding: 0rem 0.75rem !important }
.horizontal-menu .top-navbar .navbar-brand-wrapper {
  height: 90px !important;
}

input[type=radio],
input[type=checkbox] {
  padding: 10px;
}
.texto-masa{
  font-weight: bold;
  font-size: 1.2em;
  padding: 25px;
}
#fecha_entrevista,.btn-outline-secondary{
  height: 50px;
}

.fecha-partida{
  font-size: 1.2rem;
}
.valoracion-terminada{
  right: -10px;
  position: absolute;
  top: -10px;
}

.valoracion-editar{
  left: 10px;
  position: absolute;
  top: 10px;
}

.circulo {
  width: 10px;
  height: 10px;
  float: left;
  margin-left: 50px;
  position: relative;
  margin-top: -12px;
    /*
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  top: -20px;
  left: 54px;
  float: left;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border-radius: 50%;


  background: black;
  text-align: center;
  position: relative;
 */
}

.listar-objetivos {

  border-bottom: 1px solid #0033c4;
  font-weight: bolder;
  padding: 10px 3px;
  margin: 10px 0;

}
.listar-objetivos a{

  text-decoration: none;
}
.not-allowed
{
    cursor:not-allowed;
}

.aceptada{
  background-color: whitesmoke;
  border: 1px solid green;
  padding: 10px;
  text-align: center;
}
.fecha_aceptada{
  padding: 10px;
  text-align: center;
}