body{
    font-size:12px;
}
.marco{
    border-top:3px solid red;
}
.feather{
    width: 18px;
    height: 18px;
}
.body {
    color: #566787;
    background: #f5f5f5;
    font-size: 12px;
    padding-top: 20px;
    border-left: 3px solid #424949;
}
.table-wrapper {
    background: #fff;
    padding: 10px 25px;
    margin: 12px;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
}
.accordion-button{
    background-color: #ABB2B9;
}
.accordion-button:not(.collapsed){
    background-color: #17202A;
    color: #fff;
}
/*****************************************************************************/

.linea-amarilla{
    background-color:yellow !important;
    color:black !important;
}


.dataTable .dt-control:before{
    line-height:15px;
}

.table-title {        
	padding-bottom: 15px;
	background: #737373;
	color: #fff;
	padding: 16px 30px;
	margin: -20px -25px 10px;
}
.table-title h2 {
    margin: 5px 0 0;
    font-size: 24px;
}
.table-title .btn-group {
    float: right;
}
.table-title .btn {
	float: right;
	font-size: 13px;
}
.table-title .btn i {
	float: left;
	font-size: 21px;
	margin-right: 5px;
}
.table-title .btn span {
    float: left;
    margin-top: 2px;
}
.dt-hasChild.shown{
    background-color: #17a2b8;
    color:#ffffff;
}
.white{
    color:white;
}

/******************************************************************************/
#calculatorModal {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
}
#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9998;
}
#result {
    width: 90%;
    padding: 10px;
    margin-bottom: 10px;
    font-size: 20px;
    text-align: right;
    border: none;
    border-bottom: 2px solid #333;
    background-color: #f2f2f2;
    outline: none;
}
.number, .operator, #clear, #equal, #backspace {
    width: 50px;
    height: 50px;
    margin: 5px;
    font-size: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer;
}
.number:hover, .operator:hover, #clear:hover, #equal:hover, #backspace:hover {
    background-color: #f2f2f2;
}
#clear, #equal, #backspace {
    background-color: #ffcc00;
    color: #333;
}
#backspace{
    width:112px;
}
#clear:hover, #equal:hover, #backspace:hover {
    background-color: #ffdb4d;
}
#closeModal {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    border: none;
    font-size: 16px;
    cursor: pointer;
}
.der{
    float: right;
    margin-right: 12px;
}
#openCalculator{
    cursor:pointer;
}
#monthFilter {
    margin-right: 30px;
}