body{
    background-color: rgba(105, 105, 105, 0.35);
}
body.regular{
    background-color: #f8f9fe;
}
.vertical th{
    writing-mode: vertical-lr;
}
.short{
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    white-space: pre-wrap !important;
}

.mentoria{
    height: 200px !important;
}

.bg-gradient-blue{
    background: linear-gradient(87deg, #084e77 0, #5279e6 100%) !important;
}
.bg-gradient-yellow{
    background: linear-gradient(87deg, #e0ae07 0, #d8be2a 100%) !important;
}
.bg-gradient-green{
    background: linear-gradient(87deg, #35642a 0, #007544 100%) !important;
}
.bg-gradient-red{
    background: linear-gradient(87deg, #363636 0, #1b1b1b 100%) !important;
}

.bigger-text{
    min-height: 300px !important;
    height: 300px !important;
}

.breadcrumb{
    margin-bottom: 0 !important;
}

.breadcrumb-item a{
    color: rgba(51, 51, 51, 0.349) !important;
}
.breadcrumb-item.active,
.breadcrumb-item a:hover{
    color: rgba(51, 51, 51, 1) !important;
}

.mentoria{
    height: 100px;
    overflow: auto;
    margin-bottom: 3em;
    text-align: left;
    box-shadow: 0px 5px 33px 1px rgba(0,0,0,0.1);
    padding: 1em 1.5em;
    border-radius: 12px;
}
.mentoria p{
    font-size: .85rem !important;
}

.card.blue{
    background-color: #084e77;
}
.card.blue-table{
    background-color: rgba(8, 78, 119, 0.2);
    border: none;
}

.card.yellow{
    background-color: #ecbe27;
}
.card.yellow-table{
    background-color: rgba(236, 190, 39, 0.2);
    border: none;
}

.card.green{
    background-color: #1a3a12;
}
.card.green-table{
    background-color: rgba(36, 141, 10, 0.2);
    border: none;
}
.card.blue .card-title,
.card.yellow .card-title,
.card.green .card-title{
    color: #FFF !important;
}
.dashboard .card{
    height: 150px !important;
}
.max-table{
    min-height: 500px !important;
    max-height: 500px !important;
}

hr{
    width: 100% !important;
    border: none !important;
    height: 1px !important;
    background-color: rgba(0,0,0,0.1) !important;
}

.text-right{
    text-align: right;
}
.center-text{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
a.btn-danger,
a.btn-warning{
    color: #FFF !important;
}

.only-print{
    display: none;
}

@media screen and (min-width: 481px){
    .close-menu{
        position: absolute;
        z-index: 100;
        display: block;
        width: 15px;
        height: 15px;
        background-image: url('assets/img/icons/common/close.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    
        right: 5%;
    }
    .open-menu{
        position: absolute;
        z-index: 100;
        display: block;
        width: 30px;
        height: 30px;
        background-image: url('assets/img/icons/common/menu.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    
        right: 20%;
    }
    .hide-menu{
        transition: all .5s ease;
        width: 60px !important;
        overflow: hidden !important;
    }
    .hide-menu .navbar-brand{
        display: none !important;
    }
    .full-content{
        transition: all .5s ease;
        margin-left: 60px !important;
    }
    .main-content,
    .navbar{
        transition: all .5s ease;
    }
    
    .show{
        display: block;
    }
    .hide{
        display: none;
    }
}

@media screen and (max-width: 480px){
    .header{
        min-height: 200px !important;
    }
}

@media print{
    input[type=submit], 
    button[type=button],
    .noprint{
        display: none;
    }

    .table-responsive{
        overflow-x: visible;
    }

    .only-print{
        display: block;
    }
}