@import url(https://fonts.googleapis.com/css?family=Nunito);
a:focus, button:focus{
    border:1px solid #cacaca
}
body{    
    font-family:"Poppins",sans-serif;
	font-weight: 300;
}
iframe.powerbi-regiones{
    display: block;  
    height: 1500px;  
    width: 100%;  
    border: none; 
}
iframe.powerbi-comparador{
    display: block;  
    height: 1000px;  
    width: 100%;  
    border: none; 
}
.btn-primary, .btn{
    border-radius: 100px;
}
a.btn-primary{
    color:#fff
}
a.btn-primary:hover{
    color:#dceaea
}
.icono-home{
	width: 100px;
	padding: 20px;
	margin: 0 auto;
}
.icono-home svg{
	fill:#0665b2;

}
.aviso{
	border-radius:7px;
	border-left: 50px solid #ffc70c;
}
.aviso svg{
	width: 20px;
	fill: #fff;
	margin-left: -58px;
	margin-right: 25px;
}
.box-siddt{
	border-bottom: 10px solid #0365b2;
	transition: transform .1s;
	text-align: justify;
}
.descarga-box img{
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 10px;
	margin-bottom: 25px;
}
.box-siddt:hover{
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.box-siddt-2{
	border-bottom: 10px solid #4e9f17;
	min-height: 180px;
	transition: transform .1s;
}
.box-siddt-2 svg{
	height:60px;
	fill: #4e9f17;
}
.box-siddt-2 h3{
	font-size:18px;
	font-weight: 400;
}
.tab-siddt {
	border-bottom: 5px solid #0365b2;
	
}
.tab-siddt button {
	background: none;
	border: none;
	width: 100%;	
}
.tab-siddt i{
	font-size: 40px;
	display: block;
	color: #0665b2;
}
.btn-large{
    padding: 15px;
    font-size: 18px;
}
.card{
    border-radius: 10px!important;
}

.card-image-left img.circle{
    width: 70px;
    height: 70px;
    margin-right: 20px;
}
.link_herramienta{
	background-color: #eeeeee;
	width: 100%;
	display: block;
	padding: 5px 10px;
	border-left: 5px solid #4dc0b5;
	font-weight: 500;
	padding-left: 35px;
	margin: 0 0 5px 0;
}
.linkd{
	fill: #5ba2e0;
	background-image:url(link-solid.svg);
	background-size:19px;
	background-repeat: no-repeat;
	background-position: 9px 10px;
}
.doc{
	fill: #5ba2e0;
	background-image:url(file-arrow-down-solid.svg);
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: 10px 7px;
}
.card-image-left{
}
.card-image-left,
.card-ico{
    padding: 20px;
    overflow: hidden;
    border-radius: 10px;
}
 a.card-image-left, a.card-ico{
    color:#333f55!important

 }   
 a.card-image-left:hover{
    background-color: #f8fafe;

 } 
 a.card-ico:hover{
    background-color: #e6eaf3;

 } 
header.page-header{
    text-align: center;
}

header.page-header h3{
    text-align: center;
}

header.page-header h1{
    font-weight: 600;
    display: inline-block;

}

header.page-header.fullwidth h1{
    max-width: 100% 

}

.card-image-left h3{
    font-weight: 500;
    font-size: 24px;
}

.card-ico{
    padding: 20px;
    overflow: hidden;
    height: 150px;
    background-color: #fff;
}

.card-ico img{
    height: 20px;
    margin-bottom: 10px;
}

.card-ico h3{
    font-size: 20px;
    font-weight: 700;
    color:#34474f
}


[class*=sidebar-dark-] {
    background-color: #3f4d67;
}

.os-content{
    padding: 0px!important
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #333f55;
    color: #fff;
    border-radius:0px;
    border-left:3px #00bef8 solid
}
.menu-title{
    color:#fff;
    font-size:12px;
    padding-left:20px
}

ul.aside.nav li a{
    padding-left:25px
}
.brand-link span{
    display: block
}
.brand-link span{
    width: 1px;
    overflow: hidden;
}
/* Logo Sernatur texto.
.brand-link .brand-image{
    border-radius: 0;
    box-shadow: none!important;
    width: 140px;
    height: 60px;
}*/
h3.intro{
    font-size: 25px;
    font-weight: 100;
}

h3.intro strong{
    font-size: 23px;
    font-weight: 700;
}

.box{
    text-align: center;
}

.box img{
    max-width: 100px;
    margin-bottom:20px
}
.title-section{
    font-size: 25px;
    font-weight: 700;
    margin-top:30px;
    margin-bottom:10px;
    border:none
}

.box-ico{
    display: flex;
}
.box-ico img {
    height: max-content;
    margin-right: 10px;
    max-width: 26px;
}
.box-ico h4{
    font-size:18px;
    font-weight: 700;
}
.box-h3{
    font-size: 20px;
    font-weight: 700;
    color:#00bef8

}
.grafico-meto img{
    width: 80%;
    max-width: 350px;
}

button.register{
    background-color:#00bef8;
    border-radius: 100px;
    padding:20px 60px;
    color:#fff;
    font-weight: 700;
    font-size:16px;
    border: none;

}

.banner-register{
    background-image:url("../image/banner-bg.png");
    background-size: cover;
    background-color: #000;
    width: 100%;
    padding: 40px 20px;
    color:#fff;
    margin:40px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-footer{
    background-color: #27293f;
}

.main-footer a{
    color:#fff;
    text-decoration: underline;
}

body.login-page, body.register-page{
    background-image: url("../image/bg-login.jpg") !important;
    background-size: cover;
    
}
.btn.btn-login{
    background-color: #fff!important;
    width: 100%;
}
.nav-link.inline{
    display: inline;
}


.btn.btn-login{
    background-color: #007bff!important;   
    color: #fff!important;
    border:none!important;
    border-radius:100px;
    display:inline;
    padding:10px 30px
}
.btn-register{
    background-color:#fff!important;
    color: #007bff!important; 
    border:solid 1px #007bff!important;
    border-radius:100px;
    display:inline!important;
    padding:10px 30px
}
.sidebar-mini-md .main-sidebar .nav-link, .sidebar-mini-xs .main-sidebar .nav-link, .sidebar-mini .main-sidebar .nav-link {
    width: 250px;
}
.header-user.title-section{
    display: flex;
    justify-content: space-between;
    align-items: center;   
    padding: .75rem 1.25rem;
}
.table{
    border:none;
    box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);
    border-radius: 10px;

}

.table th, .table td{
    border:none;
}
ul.list{
    padding: 0;
    margin: 0; 
    list-style: none;
}

ul.list li{
    margin-bottom: 6px;
}
.flex{
    display:flex
}
.align-baseline{
    align-items: baseline;
}
.display-5{
    font-size: 2.5rem;
}
.display-6{
    font-size: 2rem;
}
.logo-aside{
    width: 80%;
    text-align: center;
}
.brand-link .brand-image {
    max-height: 253px;  
    width: calc(100% - 23px);
}

.layout-fixed .brand-link{
    height: 90px;
}
[class*=sidebar-dark] .brand-link{
    border:none
}
.inline{
    display:inline
}
/*
.banner-home{
    background-image: url(../image/banner-home.png);
    background-size: 400px;
    background-repeat: no-repeat;
    background-position: bottom right;
}*/
.rounded-0{
    border-radius: 0px!important;
}
.logo-aside{
    width: 100%;    
    position: relative;
    bottom: 40px;
}
.logo-aside img{
    width: 90%;
    position: relative; 
    bottom:0;
}
.btn-rounded{
    border-radius: 100px!important;
}
.access-sm{
    display: none;
}
.modal-backdrop{
    z-index: 1033;
}
.modal.full-sm{
    background-color: #FFF;
    height: 100vh;
}
.menu-smartphone{
    padding-top:30px!important

}
.logo-sm{
    display: none;
}
.logo-sm img{
    max-width: 180px;
    height: auto;
}
.hidden-sm{
    display: inline;
}
.hidden-md{
    display: none;
}

/*Login*/

.login-page{
    background-image: url("../image/bg-login.jpg") !important;
    background-size: cover;
    height:inherit;
    }
.login-title{
    font-family:"Nunito",sans-serif, bold; 
    font-weight: 700;
    color:#fff!important;
    text-shadow: -3px -1px 10px rgba(0,0,0,0.68);
    font-size:53px;
    margin-top:40px
}
.login-logo{
    display:none
}
.login-text{
    color:#fff;
    margin-bottom:40px
}
button.btn, a.btn, input.btn{
    border-radius: 100px;
    padding:10px 30px;
}
.box-black .card-body{
    background-color:#00000082;
}
.box-black {
    background:none;
    border: 2px solid #fff;
    color:#fff
}
.box-black .card-body{
    background-color:#0b0a1bd6;
}
.register{
    border-radius:10px;
    overflow:hidden
}
.box-black .card-body p,
.box-black .card-body label{
    color: #fff!important
}
.btn.btn-form{
    background-color: #fff!important;
    width: 100%;    
    color: #007bff;
    border:none
}
.btn-register{
    background-color:#fff!important;
    color: #007bff!important; 
    border-radius:100px;
    display:inline  ;
    padding:10px 30px;
    border:none
}
.btn.btn-form:hover{
    color: #007bff;
    background-color:#fff;
}

.btn.btn-register:hover,
.btn.btn-register:active{
    color: #007bff;
    background-color:#fff;
}
.header-login{
    background-color:#121934a8;
    width: 100%;
    padding:10px 0px;

}
a.inline{
    display:inline!important
}
.header-login .container .row{
    align-items:center;
}
a.logo-company{
    display: inline-block ;
}
a.logo-company img{
    width: 240px!important;
}
.flex{
    display:flex
}
.align-baseline{
    align-items:baseline
}
.input-group-append .input-group-text{
    min-width:50px
}
.login-card-body .input-group .input-group-text, .register-card-body .input-group .input-group-text{
    color:#d6d6d6
}
.box-black{
    border:none!important
}


.step {
  position: relative;
  min-height: 1em;
  color: gray;
}
.title {
  line-height: 1.5em;
  font-weight: bold;
}
.caption {
  font-size: 0.8em;
}
.step + .step {
  margin-top: 1.5em
}
.step > div:first-child {
  position: static;
  height: 0;
}
.step > div:not(:first-child) {
  margin-left: 1.5em;
  padding-left: 1em;
}
/* Circle */
.circle {
  background: gray;
  position: relative;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  border-radius: 100%;
  color: #fff;
  text-align: center;
  box-shadow: 0 0 0 3px #fff;
}
/* Vertical Line */
.circle:after {
  content: ' ';
  position: absolute;
  display: block;
  top: 1px;
  right: 50%;
  bottom: 1px;
  left: 50%;
  height: 100%;
  width: 1px;
  transform: scale(1, 2);
  transform-origin: 50% -100%;
  background-color: rgba(0, 0, 0, 0.25);
  z-index:0;
}
.step.step-active {
  color: #4285f4
}
.step.step-active .circle {
  background-color: #4285f4;
}
.step:last-child .circle:after, .no-after:after{
  display: none!important;
  z-index:-0;
}

/*Home*/
.card-cyan{
    background-color: #dfe9fc;
    box-shadow: none;
}
.card-cyan h3{
    color:#34474f
}
.bg-inicio{
    background-image: url("../image/bg-home.jpg") !important;
    background-size: cover;
	
}
.content-wrapper {
    background-color: #f8fafc;
}
.card-sky{
    background-color: #eaf6ff;
    border-radius: 10px;
    box-shadow: none;

}
.card-sky p{
    margin-bottom:10px
}
.card-sky a{
    text-decoration: underline;
    margin-top: 10px;
}
.login-box-msg{
    text-align: left;
}
.login-box-msg, .register-box-msg{
    padding:20px 0px;
    padding-top:0px
}
.input-group-text{
    justify-content: center;
}
/*Table User*/
#table-user .action-column{
    display: flex;
}
#table-user .action-column a,
#table-user .btn{
    display: flex;
    align-items: center;
    padding: 5px 10px;
    height: min-content;
    margin-right:5px
}
#table-user .action-column a,
#table-user .btn i{
    margin-right:5px
}
#table-user .action-column a:last-child{
    margin-right:0px
}
.user-footer button{
    margin-bottom:10px
}
/*tags metodologia*/
.tag-sector{padding:10px 15px; border-radius:10px; color:#fff; display: inline-block;
}
.tag-sector.tag-orange{
    background-color:#ff9e26; 
}
.tag-sector.tag-green{
    background-color:#68c22d; 
}
.tag-sector.tag-purple{
    background-color:#bd2aef; 
}
.tag-sector.tag-blue{
    background-color:#0097ee; 
}
/*Íconos menú*/
.nav.aside .nav-item a span {
    width: 40px;
    font-size: 20px;
    text-align: center;    
    margin-right: 13px;

}

ul.aside.nav li a {
    padding-left: 19px;
}
ul.aside.nav *, ul.aside.nav :after, ul.aside.nav :before {
    box-sizing: initial;
    
}

/*Validator*/
.invalid-feedback{
    color:#e84e5d;
}
/*Card alert*/
.card-alert{
    overflow: hidden;
}
.card-alert .card-body {
    padding:20px;
    display: flex;
    flex-direction: row;
    border-left:5px solid rgb(37, 136, 250);

}
.card-alert span.fas{
    font-size: 16px;
    color:rgb(37, 136, 250);
}
.card.card-image-left{
    height: calc(100% - 20px)!important;
}
@media(max-width:768px){
    h1.login-title{
        font-size:40px!important;
        margin-top:40px
    }
    .card-footer-login{
        flex-direction: column-reverse;
    
    }
    .card-footer-login .btn-primary{
        margin-bottom:20px
    }
    .modal.full-sm {
        padding:0px!important;
    }
    .modal.full-sm .modal-content{
        height: 100vh;
    }
    .modal.full-sm .modal-dialog{
        max-width: 100%;
        padding: 0;
        margin: 0;
    }
    .access-sm, a.access-md{
        display: inline;
    }
    .access-md, a.access-md{
        display: none!important;
    }
    .card.card-image-left .flex{
        display: block;
    }
    .card.card-image-left img.circle{
       margin-bottom:20px
    }/*
    .banner-home{
        padding-bottom:300px
    }*/
    .main-header{
        background-color: #3d4d66;
    }
    .logo-sm{
        display: inline;
    }
    .hidden-sm{
        display: none!important;
    }
    .hidden-md{
        display: inline;
    }
    h1{
        font-size: 30px;
    }
    h2, h2.title-section{
        font-size:23px;
        text-align: center;
        margin-bottom: 20px;
    }
    h3, h3.intro{
        font-size: 20px;
    }
    .main-header .fa-bars{
        color:#fff
    }
    
    .main-header .user-menu{
        display: flex;
        align-items: center;
    }
    .main-header .nav-link.dropdown-toggle{
        height: auto;
    }
    .btn-user{
        background-color: transparent;
        border:none
    }
    .card-footer-login{
        flex-direction: column-reverse;
    }
    .card-footer-login .btn-primary{
        margin-bottom:40px
    }
    .modal.full-sm {
        padding:0px!important;
    }
    .modal.full-sm .modal-content{
        height: 100vh;
    }
    .modal.full-sm .modal-dialog{
        max-width: 100%;
        padding: 0;
        margin: 0;
    }.logo-sm img {
        max-width: 118px;
        height: auto;
    }
    a.logo-company img{
        max-width: 118px;

    }
}