@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);
}

.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;
}

.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%;
}

#tblROPayroll {
    
}

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;
}