/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

@import url('custom.css');
html {
    font-family: 'proxima-novaregular', sans-serif !important;
    zoom: .85 !important
}

.btn i {
    float: left;
    padding-right: 8px;

}

.gradient-45deg-deep-red-red {
    background: #a20707;
    background: -webkit-linear-gradient(45deg, #dd2020, #6e1b26) !important;
    background:         linear-gradient(45deg, #dd2020, #6e1b26) !important;

}

.dataTables_info {
    float:left;
    clear: left !important;

}

.gridBodyTable_filter {
    text-align: initial;
}


.dataTables_filter label input {
    width: auto !important;
    height: auto !important;
}

.buttons-html5 {
    border-radius: 15px;
    padding: .2rem 2px;
    width: 5%;
    line-height: 24px;
    transition: .3s ease-out;
    letter-spacing: .5px;
    background-color: #871a2b;
    color: #fff;
    border: none;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .3);

}

    .buttons-html5:hover {
    
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2);
    }


.invoice-action-btn {
    margin-bottom: 0.8rem;
}

table.htCore td.star {
  color: #fcb515;
}

.htDropdownMenu:not(.htGhostTable) {
    z-index: 3000 !important;
}

.handsontable .htDimmed {
    color: #000 !important;
}

.handsontable .azul, .azul{
    background-color: blue;       
}

.handsontable .blanco{
    background-color: transparent;
}

table.htCore tr.odd td {
  background: #fafbff;
}

table.htCore td .progressBar {
  background: #37bc6c;
  height: 10px;
}

table.htCore tr.selected td {
  background: #edf3fd;
}

.collapsibleIndicator {
  text-align: center;
}

.handsontable .htRight .changeType {
  margin: 3px 1px 0 13px;
}

.ht_master .wtHolder {
    width: 100% !important;
}

.handsontable td:first-of-type {
    color: #f33d3d !important;
    font-weight: 900 !important;
}

.handsontable td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.handsontable table th  {
  text-align: center !important;
  font-weight: 600 !important;
  background: #dd2020;
  color: white;
  white-space: pre-wrap;
  vertical-align: middle !important;
  font-family: "Montserrat", sans serif !important;

}


.handsontable thead th .relative {
    padding: 2px 4px;
    height: 100%;
}
.handsontable thead th .relative {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.handsontable span.colHeader {
    margin-bottom: 5px;
}


[type='checkbox']:not(:checked), [type='checkbox']:checked {
    
}

.handsontable .htCheckboxRendererInput  {
    
    pointer-events: fill !important;
    opacity: 1 !important;

}

.handsontable tbody th.ht__highlight, .handsontable thead th.ht__highlight {
    background-color: #d35757 !important;
    }


.input-field > label {
    color: #000000 !important;
    font-size: 1.2rem;
}

.card {
    padding: 5px !important;
}

.handsontable thead th {
    vertical-align: middle !important;
}

.handsontable .currentRow {
  background: #FCE4EC
}


#gridBodyTableExcel {
border-radius: 10px;
    border: 1px solid #0000004f;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.dataTables_filter label {
    font-size: 1.1rem;
    color: #823a28;
    font-weight: 600;
}


element.style {
    width: 70.5214px;
}

table.dataTable thead {
    position: sticky !important;
    background: white !important;
    top: 0 !important;
}


.navbar #notifications-dropdown li > a > span {
    margin: 5px !important;
}