.accordion-button{
    background-color: #ABB2B9;
}
.accordion-button:not(.collapsed){
    background-color: #17202A;
    color: #fff;
}
.sombra {
    border: 1px solid #777;
    box-shadow: 7px -1px 5px 0px rgba(171,178,185,0.75);
    -webkit-box-shadow: 7px -1px 5px 0px rgba(171,178,185,0.75);
    -moz-box-shadow: 7px -1px 5px 0px rgba(171,178,185,0.75);
    z-index:4;
}
.sombra-tabla{
    box-shadow: 0px 0px 19px 1px rgba(171,178,185,0.75);
    -webkit-box-shadow: 0px 0px 19px 1px rgba(171,178,185,0.75);
    -moz-box-shadow: 0px 0px 19px 1px rgba(171,178,185,0.75);
}
.dataTables_filter{
    margin-bottom: 15px;
}

/*****************************************************************************/
.col-sm-2.sidenav.hidden-xs{
    background: #737373;
    color: white;
    padding-top:20px;
}

.col-sm-2.sidenav.hidden-xs li.active a{
    color:#fff;
}
.marco{
    border-top:3px solid red;
}


ul.sin-padding{
    padding-left:0;
    margin-bottom:0;
}
.sin-padding li{
    list-style:none;
}
.sin-padding li a{
    color:white;
}
.sin-padding li a.active{
    background:white;
    color:#0056b3;
}



.linkAccord{
    background: white;
    color: #566787 !important;
    margin: 3px 0;
    width:100%;
}



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


.visible-xs{
    display: none;
}
svg.feather.feather-menu{
    width: 30px;
    height: 30px;
}
.navbar.navbar-inverse.visible-xs {
    background: black;
    margin-bottom: 20px;
}
.navbar-toggle {
    border: none;
    color: white;
    background: black;
}
ul.nav-stacked{
    padding:0;
}

ul.nav-stacked li{
    list-style:none;
    padding:.75em 1em;
}
ul.nav-stacked li.active{
    background:#fff;
}
ul.nav-stacked li a{
    text-decoration:none;
}
.body {
    color: #566787;
    background: #f5f5f5;
    font-size: 13px;
    padding-top:20px;
}

.dataTable .dt-control:before{
    line-height:15px;
}
.table-wrapper {
    background: #fff;
    padding: 20px 25px;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.table-title {        
	padding-bottom: 15px;
	background: #737373;
	color: #fff;
	padding: 16px 30px;

}
.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;
}
/*Responsive***********************************************/
.well {
    min-height: 20px;
    padding: 19px;
    margin: 20px 0;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}
/* Login page ************************************************/
.login-container{
    height: 100%;
    margin: 0;
    padding: 0;
}
.centro{
    display: flex;
    align-items: center; /* Centrado vertical */
    justify-content: center; /* Centrado horizontal */
    height: 100%;
}

.login-form-1, .login-form-2, .login-form-3{
    padding: 9%;
    text-align: center;
    margin-bottom:12%;
    color:#fff;
}

.login-form-1{
    background:#282726;
}
.login-form-2{
    background: #f05837;
}
.login-form-3{
    background: #808080;
}


.btnSubmit{
    font-weight: 600;
    color: #282726;
    background-color: #fff;
    border: none;
    border-radius: 1.5rem;
    padding:10px 30px;
    cursor:pointer;
}
footer{
    background:#212529;
    color:#fff;
}
footer a{
    color:#fff;
}
footer a:hover{
    color:#fff;
}


/******************************************************************************/
    #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); /* Cambia el valor de opacidad (0.5) según desees */
        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;
}