html {
    font-size: 16px !important;
    height: 100%;
}

body {
    background: #f6f7f9;
    font-family: ubuntu;
    line-height: 1.42857;
    height: 100%;
}

a { text-decoration: none; color: #088bbd; }
h1 { color: #312f3d; font-size: 3rem; }

*:focus {
    outline: none;
}
input { border: 0; }

a:hover {
    color: #6161b8;
}



#site-body { }
#site-footer { }

.logo_header {
    width: 250px;
}
.gradient-1 { background: rgb(1,135,188); background: linear-gradient(90deg, rgba(1,135,188,1) 0%, rgba(44,46,131,1) 100%); }
.bg-gray { background: #363839; }
.bg-dark-gray { background: #282A2B; }
.text-gray { color: #363839; }
.text-dark-gray { color: #282A2B; }

/*inputs*/
.inner-addon { 
    position: relative; 
}
.inner-addon i {
  position: absolute;
  padding: 10px;
  pointer-events: none;
  color: #999;
}
.left-addon i  { left:  0px;}
.right-addon i { right: 0px;}
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }
.icono_verpass {
    position: absolute;
    width: 25px;
    height: 100%;
    background-image: url("/images/site/icono_verpass.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .25;
    right: 3%;
    top: 0;
    transition: .4s;
    cursor: pointer;
}
.label_registro {
    text-align: left;
    padding: 0;
    margin: 0;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    padding: 8px 0 0 13px !important;
    transition: .5s;
    opacity: .5s;
    color: #ababab;
}
.form-control:focus+.label_registro,
.form-control:focus+.popover+.label_registro,
.form-control:valid+.label_registro,
.form-control:valid+.popover+.label_registro {
    font-size: 90%;
    transform: translate3d(0, -110%, 0);
    opacity: 1;
    color: #474747;
}
.btn_accion_prim_registro {
    background-color: #30d0c7;
    color: #fff;
    font-weight: normal;
    transition: .25s;
    font-weight: normal;
    padding: 7px 30px;
    border-radius: 30px;
    border: none;
    font-size: 17px;
    text-decoration: none;
    margin-top: 20px;
}

/*complemento bootstrap*/

.card { box-shadow:  0 2px 4px 0 rgba(0, 0, 0, .25); border: none; }
.card-header { background: #eee; color: #6a7480; }
.card-header-primary { padding: 16px 10px; border-bottom: 4px solid var(--bs-primary); color: var(--bs-primary); }
.card-header-secondary { padding: 16px 10px; border-bottom: 4px solid var(--bs-secondary); color: var(--bs-secondary); }
.card-header-success { padding: 16px 10px; border-bottom: 4px solid var(--bs-success); color: var(--bs-success); }
.card-header-dark { padding: 16px 10px; border-bottom: 4px solid var(--bs-dark); color: var(--bs-dark); }
.card-premium .card-header { background: var(--bs-primary); padding: 16px 10px; border-bottom: 4px solid #fff; color: #fff; !important}
.card-premium .card-body { background: #00add0; color: #fff;  !important}



.table { margin-bottom: 0; }
.table td { border-top: 1px solid #e0e0e0; border-right: 1px solid #eee; }
.table tr:first-child td {
    border-top: 0;
}
.table tr:last-child td {
    border-bottom: 0;
}
.table tr td:last-child {
    border-right: 0;
}
.modal-header {
    border: 0;
}
.modal-body {
    padding-top: 0;
}
.modal-footer {
    padding: 0.5rem;
}
.form-control-sm {
    font-size: 0.8125rem;
}
.rounded-6 {
    border-radius: 0.6rem !important;
}
.rounded-7 {
    border-radius: 0.7rem !important;
}
.rounded-8 {
    border-radius: 0.8rem !important;
}
.rounded-9 {
    border-radius: 0.9rem !important;
}
.rounded-10 {
    border-radius: 1rem !important;
}
.fw-semi-bold { font-weight: 500;}
@font-face {
    font-family: 'dotsfont';
    src: url('/includes/fonts/dotsfont.eot');
    src: url('/includes/fonts/dotsfont.eot?#iefix') format('embedded-opentype'), url('/includes/fonts/dotsfont.woff') format('woff'), url('/includes/fonts/dotsfont.ttf') format('truetype'), url('/includes/fonts/dotsfont.svg#dotsfontregular') format('svg');
}

.pass {
    font-size: 9px;
    font-family: 'dotsfont';
    letter-spacing: -1px;
    padding: 0 0 0 3px !important;
}

.input-group-hack {
    flex-wrap: nowrap;
}

.input-group-text-sm {
    padding: 0 5px;
}

.btn-gray {
    background: #888;
    color: #fff;
}

.btn-gray:hover {
    background: #777;
    color: #fff;
}

.btn-xs {
    font-size: .8rem;
    padding: 0 .5rem;
}

.alert-sm {
    padding: 0.4rem;
    margin-bottom: 0.7rem;
}

.scrollbar-hidden::-webkit-scrollbar {
    display: none;
}

.scrollbar-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/*Utilidades*/

.copy, .none { display: none; }
.hover:hover { background: #f3f3f3; }