img{max-width:100%;}
*{word-wrap:break-word;font-size:14px;}
.bg-op-9{background:rgba(255,255,255,.9);}
.bg-op-8{background:rgba(255,255,255,.8);}
.bg-op-7{background:rgba(255,255,255,.7);}
.bg-op-6{background:rgba(255,255,255,.6);}
.bg-op-5{background:rgba(255,255,255,.5);}
.bg-acua{background:#21e7b6;}
.bg-azul{background:#212a49;}
.bg-azul-bajito{background:#becdd9;}
.text-acua{color:#21e7b6;}
.text-azul{color:#212a49;}
.text-black{color:#000000;}
.avatar .imagen{border-radius:50%;overflow:hidden;display:inline-block;width:100px;height:100px;}
h1{font-size: 1.5rem;}
h1.page-header {
    font-weight: bold;
    font-size: 2.5rem;
}
body#login{background:#21e7b6;}
html, body {overflow-x: hidden;}
.btn{border-radius:20px;position:relative;font-weight:bold;font-size:14px;}
input.form-control,
.input-group-text{background:none;border-top:none;border-left:none;border-right:none;border-radius:0;padding:8px;color:#999 !important;border-bottom:1px solid #999;}
label{font-weight:bold;}
.active a i{color:#000;}
.navbar i{font-size:18px;}
.form-control:focus,
input:-internal-autofill-selected{
    background-color:transparent;
    border-top:none;
    border-left:none;
    border-right:none;
    box-shadow:none;
}
.btn.bg-azul.text-acua:hover,.btn.bg-azul.text-acua:hover i{
    background:#CCCCCC;
    color:#000000;
}
#sidebar .list-group-item{background:#212a49;}
#sidebar .list-group-item,#sidebar .list-group-item i{color:#FFFFFF;}
#sidebar .list-group-item i{width:30px;}

#sidebar .list-group-item.active,#sidebar .list-group-item:hover{background:#21e7b6;border:none;}
#sidebar .list-group-item.active,#sidebar .list-group-item.active i,
#sidebar .list-group-item:hover,#sidebar .list-group-item:hover i{color:#212a49 !important;}

tr.bg-azul.text-white a,tr.bg-azul.text-white i{color:#FFFFFF;}
#form_perfil .card{height:100%;}

.lds-ripple{display:inline-block;position:relative;width:64px;height:64px;top:45%;left:42%;}
.lds-ripple div{position:absolute;border:4px solid #fff;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.lds-ripple div:nth-child(2){animation-delay:-0.5s;}
@keyframes lds-ripple{
  0%{top:28px;left:28px;width:0;height:0;opacity:1;}
  100%{top:-1px;left:-1px;width:58px;height:58px;opacity:0;}
}
#loading{position:absolute;width:100%;height:100%;z-index:100000;background:rgba(0,0,0,.5);top:0px;display:none;}