html {
    overflow-y:scroll;
}
.application{
    margin-top:70px;
}

.modal-requeriment-details .modal-dialog {
        width: 90%;
}


.darkHover>tbody>tr:hover{
    cursor: pointer;
    background: darkgray;
}

.strong{
    font-weight: bold
}


a.notif {
    position: absolute;
    display: flex;
    height: 25px;
    width: 32px;
    background: red;
    background-size: contain;
    text-decoration: none;
    border-radius: 12px;
    flex-direction: column;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;
    top: -12px;
    left: 0px;
}

a.notif_nodata{
    position: absolute;
    display: flex;
    height: 25px;
    width: 25px;
    background: blue;
    background-size: contain;
    text-decoration: none;
    border-radius: 12px;
    flex-direction: column;
    align-content: stretch;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: center;
    top: -12px;
    left: 0px;
}

.num {
    position: absolute;
    right: 9px;
    top: 4px;
    color: #fff;
}

.num_large {
    position: absolute;
    right: 5px;
    top: 4px;
    color: #fff;
}

.colums{
    position: sticky;
}

.color_red {
    color: red;
}

.color_green {
    color: green;
}




    @media only screen and (min-width: 1024px) {

        .table_size{
            width: 114% !important;  
            margin-left: 8%;
        }
    }

    @media only screen and (min-width: 1300px) {
        .table_size{
            width: 80% !important;  
            margin-left: 20%;
        }
    }

   @media only screen and (min-width: 1920px) {
        .table_size{
            width: 70% !important;  
            margin-left: 20%;
        }
    }