h1{
    font-size: 26px;
}
h2{
    font-size: 22px;
}
.header{
    background-color: #1A1A1A;
}
.footer-color{
    background-color: #1A1A1A;
}
.btn{
    font-size: 0.925rem !important;
    padding: 10px 5px;
    -webkit-transition: padding .3s ease;
    transition: padding .3s ease;
    z-index: 0;
    position: relative;
    border: 0;
}
.btn-sm{
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
.btn-primary,
.btn-primary:visited,
.btn-primary:link,
.btn-primary:active {
    background-color: #e75353 !important;
}

.btn-primary:hover {
    background-color: #bf2626 !important;
}

.btn-secondary,
.btn-secondary:visited,
.btn-secondary:link,
.btn-secondary:active,
.bg-secondary {
    background-color: #D9D9D9 !important;
    color: #1A1A1A;
}

.btn-secondary:hover,
.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #1A1A1A !important;
    border-color: #000000;
    color:#fff;
}

.btn-info,
.btn-info:visited,
.btn-info:link,
.btn-info:active,
.bg-info {
    background-color: #4A0E63 !important;
}

.btn-info:hover,
.btn-info.disabled,
.btn-info:disabled {
    background: #6A148E !important;
}

.recuadro{
border:1px solid red;
height:100px;
transition: all .7s;
}

.ocultar{
opacity:0;
}

.movEncabezado{
    padding: 5px !important;
    height: 40px;
    font-size: medium;
    border: 1px;
    border-radius: 10px 10px 10px 10px !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
    border-color:#1A1A1A;
    background-color: #D9D9D9 !important;
    color: #1A1A1A;
    /*background-image: linear-gradient(to bottom, #302e2e, #353434, #3b3a3a, #404040, #464646);*/
    /* background-image: linear-gradient(to bottom, #8b5dbc, #7c51ac, #6c459c, #5e398c, #4f2e7d); */
}
.card-body{
    padding: 0.6rem;
}
#loading{
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 9999999;
    opacity: 0.8;
    background-color: rgb(204 204 204 / 30%);
}
@media (max-width: 700px) {
    .movEncabezado {
        font-size:x-small;
        padding: 3px !important;
    }
    tr.collapse{
        font-size: x-small;
    }
    .table {
        font-size: x-small;
    }
    .btn{
        margin:3px;
        /* font-size: 0.525rem !important; */
        padding: 5px 3px;
    }
    .btn-sm{
        font-size: 0.525rem !important;
    }
}