/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Versión: 1.02 24/02/2025 */

/* Global Styles */
html, body {
    height: 100%
}
body {padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */}
body.modal-open { overflow:inherit; padding-right: 0px !important; }
body:not(.modal-open) { padding-right: 0px !important;}
.modal-backdrop {
    visibility: hidden !important;
}
.modal.in {
    background-color: rgba(0,0,0,0.5);
}
.img-portfolio {margin-bottom: 30px}
.img-hover:hover {opacity: 0.8;}

.nav > li.disabled {
    opacity: .65;
}

.remove-label {
    font-weight:normal;
}

.text-atencion {
    color: rgb(242,177,0);
}
.text-informacion {
    color: #565555;
}

.label-filtro {
    border: 1px solid rgb(180, 180, 180);
    padding: 0px 3px 0px 3px;
    border-radius: 3px
}

.nav-pills-dark > li.active > a,
.nav-pills-dark > li.active > a:hover,
.nav-pills-dark > li.active > a:focus {
    color: #ffffff;
    background-color: #3E464C;
}
.nav-pills-dark > li.active .badge {
    color: #3E464C;
    background-color: #ffffff;
}

.cell-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cell-truncate-multiline {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}


.caret.caret-reversed {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* Home Page Carousel */
.carousel {
    height: 50%;
}
.carousel .item,
.carousel .item.active,
.carousel .carousel-inner {
    height: 100%;
}
.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */
.error-404 {font-size: 100px}

/* Pricing Page Styles */
.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}
.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}
.period {
    display: block;
    font-style: italic;
}

/* list-group-in-panel Styles */
.list-group-in-panel {
    margin:0px;
}
.list-group-in-panel .list-group-item:first-child {
   border-top-right-radius: 0px !important;
   border-top-left-radius: 0px !important;
   border-left-width:0px !important;
   border-right-width:0px !important;
   border-bottom-width:0px !important;
}
.list-group-in-panel .list-group-item:last-child {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left-width:0px !important;
  border-right-width:0px !important;
  border-bottom-width:0px !important;
}

/* Posición feedback en selectpicker bootstrap */
.selectpickerfeedback .form-control-feedback {
    right: 20px;
    margin-top:-5px;
}

/* Posición feedback en datecontainer bootstrap */
.BA-datecontrolfeedback .dateContainer .form-control-feedback {
    top: 0px;
    right: 55px;
}
.BA-datecontrolfeedback-1 .dateContainer .form-control-feedback {
    top: 25px;
    right: 55px;
}
/* Posición feedback en selectContainer bootstrap */
.BA-selectcontrolfeedback .selectContainer .form-control-feedback {
    /* Adjust feedback icon position */
    right: -15px;
}
.BA-selectradiobuttons .btn-group .form-control-feedback { 
    top: -40px !important;
    right: 0px !important;
}

/* Hover list */
.list-group-hover :hover li {
    background-color: inherit  ;
    }
.list-group-hover li:hover {
    background-color: rgba(100, 100, 100, 0.15) ;
}
/* Hover panel */
.panel-hover :hover .panel-body {
    background-color: inherit  ;
    }
.panel-hover .panel-body:hover {
    background-color: rgba(100, 100, 100, 0.15) ;
}
/* Hover div */
.div-hover :hover .hover {
    background-color: inherit  ;
    }
.div-hover .hover:hover {
    background-color: rgba(100, 100, 100, 0.15) ;
}
/* Hover table */
.table-hover-1 tbody :hover tr {
    background-color: inherit;
}
.table-hover-1 tbody tr:hover {
    background-color: rgba(100, 100, 100, 0.15);
}
.table-hover-2 tbody :hover tr {
    background-color: inherit;
}
.table-hover-2 tbody tr:hover {
    background-color: rgba(100, 100, 100, 0.25);
}

.table-highlight tbody > :hover tr {
    background-color: inherit;
}
.table-highlight tbody > tr:hover {
    background-color: rgba(48, 114, 171, 0.35)
}

.table-line-height-1 td {
    line-height:1.1em !important;
    padding-top:2px !important; 
    padding-bottom:3px !important; 
}

.nav-btn-toolbar {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid rgb(200,200,200);
    background-color: rgb(225,225,225)
}

    .nav-btn-toolbar button {
        border-radius: 0px
    }
    .nav-btn-toolbar label.btn {
        border-radius: 0px
    }
    .nav-btn-toolbar .input-group {
        margin: 0px
    }
    .nav-btn-toolbar .btn-group {
        margin: 0px
    }

.nav-btn-toolbar-suave {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: 1px solid rgb(220,220,220);
    background-color: white
}



.bg-default {
    background-color:rgba(0, 0, 0, 0.20);
}
/* Hover list-group-item*/
.list-group-item-hover :hover .list-group-item {
    background-color: inherit  ;
    }
.list-group-item-hover .list-group-item:hover {
    background-color: rgba(100, 100, 100, 0.15) ;
}

.dl-container dt {
  width:auto;
  margin-left:auto;
}

.ba-buttontext  {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

/* scroll table bootstrap */
.table-scroll tbody {
    height: 0px;
    overflow-y: auto;
    width: 100%;
}
.table-scroll thead, .table-scroll tbody, .table-scroll td, .table-scroll th {
    display: block;
}
.table-scroll tr {
    width: 100%;
    display: inline-table;
}
.table-scroll tbody td, .table-scroll thead > tr > th {
    /* float: left;*/
}

/* table orden */
.col-sort {
    background-color: inherit;
    background-image: url('../Imagenes/bg.gif');
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}

.col-sort-asc {
    background-color: #D4D4D4;
    background-image: url('../Imagenes/asc.gif');
}

.col-sort-desc {
    background-color: #D4D4D4;
    background-image: url('../Imagenes/desc.gif');
}

/* Circulo */
.ba-circulo {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
}
.ba-sombra-1 {
    -webkit-box-shadow: 2px 2px 1px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    2px 2px 1px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         2px 2px 1px 0px rgba(50, 50, 50, 0.75);
}

/* Footer Styles */
footer {
    margin: 50px 0;
}
/* Truncar texto */
.text-truncar {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.text-truncar-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.text-truncar-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}


.list-hide-sangria li {
    margin-left:-20px !important;
}

.g-recaptcha {
    width: 100%;
    transform: scale(0.77);
    transform-origin: 0 0;
}

/* CSS used here will be applied after bootstrap.css */
.modal-header-success {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #5cb85c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-warning {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-danger {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-info {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-primary {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #428bca;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-mp20 {
    max-width:20% !important;
}
.modal-xl {
    min-width:75%;
}
.modal-xxl {
    min-width:90%;
}
@media (min-width: 992px) {
    .modal-lg-1000 {
        width: 1000px;
    }
}

.bg-dark-dark {
    color: #fff;
    background-color: #3E464C;
}
a.bg-dark-dark:hover,
a.bg-dark-dark:focus {
    background-color: #286090;
}

.bg-dark-dark-t {
    color: #fff;
    background-color: #8394A0;
}

a.bg-dark-dark-t:hover,
a.bg-dark-dark-t:focus {
    background-color: #3989CC;
}

/* Table condensed */
.table-condensed-1 tbody tr td {
    padding: 4px;
    line-height: 1.1em;
    vertical-align: top !important
}

/* Nav pills */
.nav-pills-dark > li.active > a,
.nav-pills-dark > li.active > a:hover,
.nav-pills-dark > li.active > a:focus {
    color: #fff !important;
    background-color: #3E464C !important;
}
.nav-pills-md > li.active > a {
    padding-top: 7px;
    padding-bottom: 7px
}

/* Responsive Styles */
@media (max-width:991px) {
    .customer-img, .img-related {margin-bottom: 30px;}
}
@media (max-width:767px) {
    .img-portfolio {margin-bottom: 15px;}
    header.carousel .carousel {height: 70%;}
    .col-xs-min-padding-top-5 {padding-top: 5px}
    .col-xs-min-padding-left-5 {padding-left: 5px}
    .col-xs-min-hide-padding-right {padding-right:0px}
    .col-xs-min-hide-padding-left {padding-left:0px}
    .col-xs-min-hide-padding {
        padding: 0px;
    }

}
@media (min-width: 768px) {
    .col-xs-max-hide-padding-right {padding-right:0px;}
    .col-xs-max-hide-padding-left {
        padding-left: 0px;
    }
    .col-xs-max-padding-left-7 {padding-left:7px;}
    .col-xs-max-padding-left-5 {padding-left: 5px;}
    .col-xs-max-hide-padding-left {padding-left: 0px;}
    .col-xs-max-hide-padding {padding: 0px;}
    .col-xs-max-padding-top-5 {padding-top: 5px}
}

@media (min-width: 992px) {
    .col-sm-max-hide-padding-right {padding-right:0px;}
    .col-sm-max-padding-lefttr-7 {padding-left:7px;}
}

@media (min-width: 1200px) {
    .col-md-max-hide-padding-right {padding-right:0px;}
    .col-md-max-padding-left-7 {padding-left:7px;}
}

@media (min-width: 0px) and (max-width: 767px) {
    .col-xs-hide-padding-right {padding-right:0px;}
    .col-xs-padding-left-7 {padding-left:7px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .container-fluid-margin {margin-left:25px;margin-right:25px;}
    .col-sm-hide-padding-right {padding-right:0px;}
    .col-sm-padding-left-7 {padding-left:7px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .container-fluid-margin {margin-left:40px;margin-right:40px;}
    .col-md-hide-padding-right {padding-right:0px;}
    .col-md-padding-left-7 {padding-left:7px;}
}
@media (min-width: 1200px) {
    .container-fluid-margin {margin-left:50px; margin-right:50px;}
    .col-lg-hide-padding-right {padding-right:0px;}
    .col-lg-padding-left {padding-left:7px;}
}

@media screen and (min-width: 900px) and (max-width: 5000px) {
    .scroll-max-900 {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 65vh;
    }
}
@media screen and (min-width: 900px) and (max-width: 5000px) and (max-height: 65%)  {
    .scroll-max-900-65 {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 65vh;
    }
}
@media screen and (min-width: 900px) and (max-width: 5000px) and (min-height: 57%) {
    .scroll-max-900-57 {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 57vh;
    }
}

.outside-opacity {
    opacity: 0.7;
}
    .outside-opacity:hover {
        opacity: 1;
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -ms-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
    }

.blink {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

@keyframes latido {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.1);
        opacity: 0.7;
    }
}

.latido {
    display: inline-block; /* Para aplicarlo en etiquetas inline */
    animation: latido 1s ease-in-out infinite;
}

@keyframes parpadeo {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

.parpadeo {
    display: inline-block; /* Para aplicarlo en etiquetas inline */
    animation: parpadeo 1s step-start infinite;
}
.parpadeo-suave {
    display: inline-block; /* Para aplicarlo en etiquetas inline */
    animation: parpadeo 2s ease-in-out infinite;
}

.inner-addon {
    position: relative;
}
    /* style icon */

    .inner-addon .glyphicon {
        position: absolute;
        padding: 10px;
        pointer-events: none;
    }
/* align icon */

.left-addon .glyphicon {
    left: 0px;
}
.right-addon .glyphicon {
    right: 0px;
}

/* add padding */

.left-addon input {
    padding-left: 27px;
}

.right-addon input {
    padding-right: 27px;
}