@charset "UTF-8";

:root {
    --bs-gradient-custom: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-gradient-custom2: linear-gradient(180deg, rgba(68, 82, 86, 0.5), rgba(247, 205, 132, 0.55)) !important;
    --info-white-smoke: #fcfcfc;/*#fafafa;*/
    --info-orange-dark: #60570A;
    --info-violet-dark: #050828;
    --info-item-selected: #c6d9ea;
}

body {
    padding-top: 6rem !important;
    /*padding-bottom: 3rem !important;*/
    color: #5a5a5a !important;
    background: var(--info-white-smoke) !important;
    font-family: Poppins; /*, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
    /*font-size: 0.85rem !important;*/
}   


.arrow-none:after {
    display: none;
}

.navbar-nav li a, .navbar-nav li a i {
    color:var(--bs-white); /*; *//*var(--bs-secondary);*/
}

.navbar-nav li.active>a:first-child {
    border: 1px solid var(--bs-white);
    border-radius: 0.5rem;
    background-color: var(--bs-secondary);
    --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.navbar-nav li.active a i {
    --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.nav-link:hover, .nav-link:focus {
  color: #ffc107 !important;
}

.font-condensed-2 {
    font-size: 0.875rem !important;
}

.font-condensed {
    font-size: 0.85rem !important;
}


.bg-gradient-custom {
    background-image: var(--bs-gradient-custom2) !important;
}

.bg-gray-100 
{
    background-color: var(--bs-gray-200) !important;
}



.color-button-orange {
    color: var(--bs-orange);
}


.bg-color-orange-dark {
    background-color: var(--info-orange-dark) !important;
}

.title-color {
    color: var(--info-violet-dark);
}
/*table {
    cursor: pointer;
}*/

.table.table-ellipsis tbody td:not(td.fit) {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

table td.fit, 
.table th.fit {
    white-space: nowrap;
    width: 1%;
}

.table-wrap {
  height: auto; /* 250px;*/
  overflow-y: auto;
}


.form-control::-moz-placeholder {
    opacity: 0.5;
}
.form-control::placeholder {
    opacity: 0.5;
}

a.disabled i {
    color: #666 !important;    
}

a.disabled {
    pointer-events: none;
    color: #9a9a9a !important;
}

.callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
  h4 {
    margin-top: 0;
    margin-bottom: 5px;
  }
  p:last-child {
    margin-bottom: 0;
  }
  code {
    border-radius: 3px;
  }
  & + .bs-callout {
    margin-top: -5px;
  }
}

.callout-info {
    border-left-color: #5bc0de;
    h4 {
        color: #5bc0de;
    }
}

.totals 
{
    background-color: #ffcaa7 !important;
    font-weight: bold !important;
    color: #000 !important;
}

.normal {
    
}

.totals-header
{
    color: #d94e18 !important;
    background-color: #efefef !important;
}


.activeitem {
    background-color: var(--info-item-selected) !important;
}


.cell-fixed-width
{
    width: auto !important;
    max-width: inherit !important;
}

/* sticky tble */
.fixTableHead {
    overflow-y: auto;
    height: calc(100vh - 520px);
}
.fixTableHead thead th {
    position: sticky;
    top: 0;
}
table {
    border-collapse: collapse;        
    width: 100%;
}

table.report {
    font-size: 0.85rem !important;
}


.cursor-hand:hover {
    cursor: pointer;
}

#btnShowReport.btn.collapsed:before
{
    content:'Mostrar reportes' ;
    display:block;
}
#btnShowReport.btn:before
{
    content:'Esconder reportes' ;
    display:block;
}


.resize_wrapper {
    position: absolute;
    top: 10em;
    left: 1em;
    right: 1em;
    bottom: 1em;
}

.text-gray 
{
    color: #434343 !important;
}

.btnlink  {
    display: inline-flex !important;
    align-items: center !important;
    color: #fff !important;
    background-image: var(--bs-gradient) !important;
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
    text-decoration: none;
    padding: .0rem .35rem !important;
    font-size: .85rem !important;
    border-radius: var(--bs-border-radius) !important;
}

.btnlink:hover {   
    text-shadow: 1px 1px 2px black;
    --bs-link-underline-opacity: 0;
}



.btnLinkWhite {
    color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
    display: flex !important;
    align-items: center !important;
    text-underline-offset: 0.25em !important;
    --bs-link-underline-opacity: 1;
    -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
    --bs-link-underline-opacity: 0;
    margin-right: 1.5rem !important;
}

.btnLinkWhite:hover {
    --bs-link-underline-opacity: 0.75;
    color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important;
    text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}

.clearinp::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}


.background-test {
    background-color: #efefef; 
    background-image: var(--bs-gradient) !important;
}

a.btnlnk:hover {
    background-color: var(--bs-secondary);
    color: var(--bs-white) !important;
    border-color: var(--bs-btn-hover-border-color);
    background-image: var(--bs-gradient) !important;
} 

.img-preview {
    /*background-image: url("/public/images/girl.png");*/
    background-size:cover;
    width: 200px;
    height: auto;
    margin-bottom: 30px;
    border-radius:10%;
    
}

.show-images img {
    width: 200px;
    height: 200px;
}

.show-images > div > a {
    position:absolute;
    top:0;
    right:0px;
    padding: 0.3rem 0.5rem;
    border-radius: 0.4rem;    
}