/* Solid border */
hr.solid {
    border-top: 3px solid #ffffff;
}

.principal {
    background-color: rgb(238, 242, 246);
    padding: 2vh;
    border-radius: 15px;
}

th, td {
    /*border: 1px solid black;*/

}

.principal-contenido {
    background-color: rgb(255, 255, 255);
    color: rgb(54, 65, 82);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    box-shadow: none;
    background-image: none;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(144, 202, 249, 0.145);
    padding: 2vh;
}

.card-header {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 24px;
}

.menu-title {
    margin: 24px;
}

.page-title {
    width: 100%;
    padding: 0px 15px 15px 25px;
}

.table-in-menu {
    width: 100%;
}

.table-in-menu-border {
    border-radius: 5px;
}
/* not uses */
.normal-table {
    border-radius: 0px;
}

.table-actions-cell {
    text-align: center;
    vertical-align: middle;
}

.side-menu {
    background-color: #FFFFFF;
    color: #333333;
    padding: 2vh 1vh 1vh 1vh;
    /*width: 100px;*/
    width: 25vh;
}

.show-menu{
    background-color: #FFFFFF;
    color: #333333;
    padding: 2vh 1vh 1vh 1vh;
    width: 25vh;
}

.hide-menu{
    display:none;
    width:0;
    height:0;
    opacity:0;
    visibility: collapse;
}

.admin-rentas {
    margin-top: 12px!important;
    color: #989797;
}

.right-menu-results {
    overflow: auto;
    height: 15vh;
}

@media all and (max-width: 768px) {

    /*.side-menu{
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }*/

}

/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 600px */
@media all and (min-width: 600px) and (max-width: 767px) {

}
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media all and (min-width: 480px) and (max-width: 599px) {

}
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media all and (max-width: 479px) {

}