@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;
    --bs-body-font-size: 0.90rem;
    --bs-btn-disabled-color: #989898;
    --bs-btn-disabled-bg: #f6f6f6;
}

body {
    padding-top: 8rem !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;*/
}   


textarea {
    resize: none;
}

.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.dataTable tbody td {
  vertical-align: middle;
}

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



/****** TYPEAHEAD *****/
/*.twitter-typeahead {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}*/


.twitter-typeahead {
    width:100%;
}

.typeahead,
.tt-query,
.tt-hint {
  /*border-width: 2px;*/
  border-style: solid;
  border-color: #ccc;
  /*-webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;*/
  outline: none;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {
  /*width: 422px;*/
  width: 100%;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 16px;
  line-height: 20px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}


input[type="text"]:read-only {
    background-color: #f2e7c3;
}

.remove-image 
{
    display: none;
    position: absolute;
    top: -10px;
    right: -10px;
    border-radius: 10em;
    padding: 2px 6px 3px;
    text-decoration: none;
    font: 700 21px/20px sans-serif;
    background: #555;
    border: 3px solid #fff;
    color: #FFF;
    box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 2px 4px rgba(0,0,0,0.3);
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
}
.remove-image:hover 
{
    background: #E54E4E;
    padding: 3px 7px 5px;
    top: -11px;
    right: -11px;
}
.remove-image:active {
    background: #E54E4E;
    top: -10px;
    right: -11px;
}

.read-only {
    pointer-events: none;
}


/**** CALENDAR ******/
/*body {
    margin-bottom: 40px;
    margin-top: 40px;
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    background:url(http://www.digiphotohub.com/wp-content/uploads/2015/09/bigstock-Abstract-Blurred-Background-Of-92820527.jpg);
}*/
		
#wrap {
    width: 1100px;
    margin: 0 auto;
}

#external-events {
    float: left;
    width: 150px;
    padding: 0 10px;
    text-align: left;
}

#external-events h4 {
    font-size: 16px;
    margin-top: 0;
    padding-top: 1em;
}

.external-event { /* try to mimick the look of a real event */
    margin: 10px 0;
    padding: 2px 4px;
    background: #3366CC;
    color: #fff;
    font-size: .85em;
    cursor: pointer;
}

#external-events p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666;
}

#external-events p input {
    margin: 0;
    vertical-align: middle;
}

#calendar {
    /* 		float: right; */
    margin: 0 auto;
    width: 900px;
    background-color: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0 1px 2px #C3C3C3;
    -webkit-box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 21px 2px rgba(0,0,0,0.18);
}

td.fc-day {
    background:#FFF !important;
    font-family: 'Roboto', sans-serif;
}
td.fc-today {
    background:#FFF !important;
    position: relative;
}


h4.textshort {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

td.wrap {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dataTables_filter {
   text-align: left !important;
}

/*
#dtSchedule table tr td {
    padding: 0px !important;
}*/

.formatDate {
    position: relative;
    padding: 0px !important;
}


.formatDate div {
    position: absolute;
    background-color: #f2e7c3;
    width:100%;
    display: table-row;
    height: 100%;
    padding: 5px !important;
    border: 1px solid gray;
}

.formatDate-2 div {
    height: 200%;
}

.formatDate-3 div {   
    height:300%;
}

button.btn.btn-hover:hover, a.btn.btn-hover:hover {
  /*border: 5px solid #81D9FF;
  cursor: pointer;*/
  border: 1px solid #dadada;
  box-shadow: 0.25rem .25rem .25rem rgba(0,0,0,.175)!important;
}



div[disabled] {
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
}

div[disabled] *
{
    color: var(--bs-btn-disabled-color) !important;
    background-color: var(--bs-btn-disabled-bg) !important;
    /*
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity);*/
}