.custom-brand {
    font-size: 30px;
    text-decoration: none;
    color: white;
    padding-right: 20px;
    transform: translateY(-3px);
}

.custom-nav-link {
    color: white;
    /*Vertical align center*/
    align-content: center;  

    margin: 5px;
}

    .custom-nav-link.disabled {
        pointer-events: none;
        color: darkgrey;
        font-size: 18px;
    }

    .custom-nav-link .lnk-n {
        color: white;
        font-size: 18px;
    }


/*Custom Buttons*/
.lnk-n {
    cursor: pointer;
    color: lightgray;
    transition: color 0.5s ease-in-out;
}

    .lnk-n:hover {
        color: grey;
    }

    .lnk-n:active {
        color: darkgray;
    }


/* My Custom CSS Styles */

/* Text Alignment */
.txt-justify {
    text-align: justify;
}

.txt-center {
    text-align: center;
}

/* Text Sizes - regular text */
.txt-12 {
    font-size: 12px;
}

.txt-14 {
    font-size: 14px;
}

.txt-16 {
    font-size: 16px;
}

.txt-18 {
    font-size: 18px;
}

.txt-20 {
    font-size: 20px;
}

.txt-22 {
    font-size: 22px;
}

.txt-24 {
    font-size: 24px;
}

.txt-26 {
    font-size: 26px;
}

.txt-28 {
    font-size: 28px;
}

.txt-30 {
    font-size: 30px;
}

.txt-32 {
    font-size: 32px;
}

.txt-34 {
    font-size: 34px;
}

.txt-36 {
    font-size: 36px;
}

.txt-bold {
    font-weight: bold;
}

.txt-normal {
    font-weight: normal;
}

.txt-italic {
    font-style: italic;
}

.txt-underline {
    text-decoration: underline;
}

.txt-line-through {
    text-decoration: line-through;
}

.txt-white {
    color: white !important;
}

.txt-light-grey {
    color: lightgray;
}

.txt-grey {
    color: #ccc;
}

.txt-dark-grey {
    color: #666;
}

.txt-black {
    color: black;
}

.txt-red {
    color: #ff0000;
}

.txt-green {
    color: #00ff00;
}

.txt-blue {
    color: #0000ff;
}

/* Scroll related CSS */
.scrollable-section {
    height: 75vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.pad-sides {
    padding-left: 15%;
    padding-right: 15%;
}


center {
    align-content: center;
}

contents {
    height: 95vh;
}

/* <hr /> */
.div-hr {
    border-radius: 5px;
}

/* Background color */
.div-hr-bg {
    background-color: black;
}
/* Outline color */
.div-hr-ol {
    border-color: grey;
}

/* Width */
.div-50 {
    width: 50%;
}

.div-75 {
    width: 75%;
}

.div-85 {
    width: 85%;
}

.div-90 {
    width: 90%;
}

.div-95 {
    width: 95%;
}

.div-100 {
    width: 100%;
}

/* Height */
.div-h-50 {
    height: 50%;
}

.div-h-75 {
    height: 75%;
}

.div-h-85 {
    height: 85%;
}

.div-h-90 {
    height: 90%;
}

.div-h-95 {
    height: 95%;
}

.div-h-100 {
    height: 100%;
}

.hr-higher {
    elevation: higher;
}

.hr-1 {
    height: 1px;
}

.hr-2 {
    height: 2px;
}

.hr-3 {
    height: 3px;
}

.hr-4 {
    height: 4px;
}

.hr-5 {
    height: 5px;
}

.hr-10 {
    height: 10px;
}

.hr-12 {
    height: 12px;
}

.hr-15 {
    height: 15px;
}

.hr-20 {
    height: 20px;
}


/* Containers and Cards */
.card-cont {
    padding: 16px;
    margin: 10px;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

vr {
    border-left: 1px solid grey;
    height: inherit;
    width: 1px;
}

.r-1 {
    border-radius: 1px;
}

.r-2 {
    border-radius: 2px;
}

.r-3 {
    border-radius: 3px;
}

.r-4 {
    border-radius: 4px;
}

.r-5 {
    border-radius: 5px;
}

.r-10 {
    border-radius: 10px;
}

.r-15 {
    border-radius: 15px;
}



/* Tabelas */

table.tabela-cont th, td {
    padding: 10px 30px;
    text-align: center;
    border-right: 1px solid grey;
}