#pblock {
    min-height: 600px;
}

#right-div {
    min-height: 600px;
}

.border-r {
    border-right: 1px solid #D9D9D9;
}

.txt-title {
    font-family: 'Roboto', regular;
    color: #262262;
    font-size:2.5rem;
    padding-left: 1.25rem;
}

.txt-subt {
    font-family: 'Roboto', regular;
    color: #3e3e3e;
    font-size: 1.75rem;
}

.txt-disc {
    font-family: 'Roboto', regular;
    color: #3e3e3e;
    font-size: 0.7rem;
}

.text-desc { 
    font-family: 'Roboto', regular;
    color: #262262;
    font-size: 1rem;
}

.act-btn {
    background-color: #1B1464;
    color:#FFF;
    text-transform: none!important;
    font-size: 1rem;
    padding:20px 40px 20px 40px;
}

a.act-btn:hover {
    text-decoration: none!important;
    color: #FFF;
}

.learn-link {
    color:#3A70CA;
}

a.learn-link:hover {
    color:#3A70CA;
}

.login-btn {
    padding:10px 20px 10px 20px;
    margin-bottom: 1rem;
    text-transform: none!important;
}

.link-div {
    color:#fb2246;
    opacity: 1;
    margin:0;
}

.card-body {
    padding:0px;
    min-height: 300px
}

.card-top {
    padding: 1.25rem;
}

.link-head {
    font-family: 'Roboto', regular;
    color: #262262;
    font-size: 1.25rem;
}

.card-btm {
    padding: 1.25rem;
}

.card {
    border: 1px solid #D9D9D9;
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,.07), 0 10px 20px -2px rgba(0,0,0,.04);
}

.rl-btn-title {
    font-family: 'Roboto', regular;
    color: #3e3e3e;
    font-size: 0.75rem; 
}

.btn-item {
    text-align:center!important;
    width:30%!important;
}

.rl-btn {
    font-size:10px;
    color:#FFF;
    background-color: #1B1464!important;
}

.dsb-btn-title {
    font-family: 'Roboto', regular;
    color: #D9D9D9;
    font-size: 0.75rem;   
}

.dsb-btn-act {
    background-color: #c4c4c4;
    color:#3e3e3e;
    font-weight: bold;
}

.dsb-btn {
    font-size:10px;
    color:#3e3e3e;
    background-color: #D9D9D9!important;
}

a.rl-btn:hover{
    text-decoration: none!important;
    color:#FFF;
}

.scroll {
    max-height:350px;
    overflow-y: auto;
}

.scroll-sm {
    max-height:300px;
    overflow-y: auto;
}

.fs-lg {
    font-size: large;
}

::-webkit-scrollbar {
    width: 14px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(170,203,235,1);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color:#4196EC;
    -webkit-box-shadow: inset 0 0 3px rgba(170,203,235,0.7);
}
.w-15 {
    width:15%;
}
.w-20 {
    width: 20%;
}
.w-30 {
    width: 30%;
}
.w-40 {
    width: 40%;
}
.w-45 {
    width: 45%;
}
.w-60 {
    width: 60%;
}
.w-70 {
    width: 70%;
}
.w-80 {
    width: 80%;
}
.w-90 {
    width: 90%;
}

#top-lo {
    display: none!important;
}

.list-group-title {
    color: #1B1464;
    padding: 0.5rem 1.5rem 0.5rem 0px!important;
}

/* SMALL SCREEN BELOW */

@media (max-width : 950px) {

    #right-lo {
        display: none!important;
    }

    #top-lo {
        display: flex!important;
    }

    #left-div {
        width: 100%!important;
        height: fit-content!important;
        padding-right: 0px!important;
    }

    #right-div {
        width: 100%!important;
        min-height:fit-content!important;
        height: fit-content!important;
        margin-bottom:1rem!important;
        padding-left: 0px!important;
    }

    #left-title{
        margin-left:1rem!important;
    }

    #right-title{
        margin-left:1rem!important;
    }

    #left-ndc{
        margin-left:1rem!important;
    }

    .txt-title {
        font-family: 'Roboto', regular;
        color: #262262;
        font-size:1.75rem;
    }
    
    .txt-subt {
        font-family: 'Roboto', regular;
        color: #3e3e3e;
        font-size: 1rem;
    }

    #act-btns {
        width: 100%!important;
    }

    .btn-item {
        width:100%!important;
    }

    .rl-btn {
        min-width:35px;
        font-size: 0.75rem;
        padding:10px 5px 10px 5px!important;
        border-radius: 2rem!important;
    }

    .dsb-btn {
        min-width:35px;
        font-size: 0.75rem;
        padding:10px 5px 10px 5px!important;
        border-radius: 2rem!important;
    }

    #bot {
        width:100%!important;
    }

    #disclaimer {
        width:100%!important;
        padding-left: 0px!important;
    }

    .act-btn-div {
        width: 90%!important;
    }

    .list-group-item {
        padding:0.5rem 0px;
    }

    #disclaimer {
        width:100%!important;
    }
}

@media (min-width: 950px) {
    .txt-title {
        min-height: 100px;
        line-height: normal;
    }
}