.font-roboto {
    font-family: 'Roboto', sans-serif;
}

.font-poppins {
    font-family: 'Poppins', sans-serif;
}

.profile-image {
    border: 3px solid #adb5bd;
    margin: 0 auto;
    padding: 3px;
    max-width: 200px;
}

.height-max-relative {
    height: 100%;
    position: relative;
}

.force-bottom {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.link-transparent {
    opacity: 0.7;
    cursor: pointer;
}

.link-transparent:hover {
    opacity: 1;
}

.tr-link:hover td {
    cursor: pointer;
    color: #007bff;
}

.hover-td:hover {
    cursor: pointer;
    color: #007bff;
}

.bg-gradient-primary:hover>td {
    color: #fff;
}

.text-fade {
    color: #d0d0d0;
}

.mw-200 {
    max-width: 200px;
}

.mw-300 {
    max-width: 300px;
}

.mw-400 {
    max-width: 400px;
}

.mw-600 {
    max-width: 600px;
}

.mw-900 {
    max-width: 900px;
}

.border-fade {
    border-style: solid;
    border-color: #d0d0d0;
    border-width: 1px;
    border-radius: 10px;
}

.zero-height {
    height: 0pt;
    overflow: hidden;
}

.transition-05 {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.transition-1 {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.transition-2 {
    -webkit-transition: all 25s ease;
    transition: all 25s ease;
}