/*------------------------------------
- COLOR iub-blue
------------------------------------*/
:root{
    /* Shared IUB color variables for themes */
    --iub-blue: #2e3192;
    --iub-blue-dark: #101134;
    --iub-blue-light: #cfd0e2ff;
    --iub-yellow: #f7941d;
    --iub-pink: #812990;
    --iub-bg-light: #f8f9fa;
    --iub-white: #ffffff;
    --iub-text: #333333;
    --iub-light-bg: #edf1ff;
}

.alert-iub-blue {
    color: #101134;
    background-color: #a8aae3;
    border-color: #989ade;
}

.alert-iub-blue hr {
    border-top-color: #8587d8;
}

.alert-iub-blue .alert-link {
    color: #04040e;
}

.badge-iub-blue {
    color: #fff;
    background-color: #2e3192;
}

.badge-iub-blue[href]:hover, .badge-iub-blue[href]:focus {
    color: #fff;
    background-color: #21236b;
}

.bg-iub-blue {
    background-color: #2e3192 !important;
}

a.bg-iub-blue:hover, a.bg-iub-blue:focus,
button.bg-iub-blue:hover,
button.bg-iub-blue:focus {
    background-color: #21236b !important;
}

.border-iub-blue {
    border-color: #2e3192 !important;
}

.btn-iub-blue {
    color: #fff;
    background-color: #2e3192;
    border-color: #2e3192;
}

.btn-iub-blue:hover {
    color: #fff;
    background-color: #252776;
    border-color: #21236b;
}

.btn-iub-blue:focus, .btn-iub-blue.focus {
    box-shadow: 0 0 0 0.2rem rgba(46, 49, 146, 0.5);
}

.btn-iub-blue.disabled, .btn-iub-blue:disabled {
    color: #fff;
    background-color: #2e3192;
    border-color: #2e3192;
}

.btn-iub-blue:not(:disabled):not(.disabled):active, .btn-iub-blue:not(:disabled):not(.disabled).active, .show > .btn-iub-blue.dropdown-toggle {
    color: #fff;
    background-color: #21236b;
    border-color: #1e205f;
}

.btn-iub-blue:not(:disabled):not(.disabled):active:focus, .btn-iub-blue:not(:disabled):not(.disabled).active:focus, .show > .btn-iub-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(46, 49, 146, 0.5);
}

.btn-outline-iub-blue {
    color: #2e3192;
    background-color: transparent;
    border-color: #2e3192;
}

.btn-outline-iub-blue:hover {
    color: #fff;
    background-color: #2e3192;
    border-color: #2e3192;
}

.btn-outline-iub-blue:focus, .btn-outline-iub-blue.focus {
    box-shadow: 0 0 0 0.2rem rgba(46, 49, 146, 0.5);
}

.btn-outline-iub-blue.disabled, .btn-outline-iub-blue:disabled {
    color: #2e3192;
    background-color: transparent;
}

.btn-outline-iub-blue:not(:disabled):not(.disabled):active, .btn-outline-iub-blue:not(:disabled):not(.disabled).active, .show > .btn-outline-iub-blue.dropdown-toggle {
    color: #fff;
    background-color: #2e3192;
    border-color: #2e3192;
}

.btn-outline-iub-blue:not(:disabled):not(.disabled):active:focus, .btn-outline-iub-blue:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-iub-blue.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(46, 49, 146, 0.5);
}

.list-group-item-iub-blue {
    color: #101134;
    background-color: #989ade;
}

.list-group-item-iub-blue.list-group-item-action:hover, .list-group-item-iub-blue.list-group-item-action:focus {
    color: #101134;
    background-color: #8587d8;
}

.list-group-item-iub-blue.list-group-item-action.active {
    color: #fff;
    background-color: #101134;
    border-color: #101134;
}

.table-iub-blue,
.table-iub-blue > th,
.table-iub-blue > td {
    background-color: #989ade;
}

.table-hover .table-iub-blue:hover {
    background-color: #8587d8;
}

.table-hover .table-iub-blue:hover > td,
.table-hover .table-iub-blue:hover > th {
    background-color: #8587d8;
}

.text-iub-blue {
    color: #2e3192 !important;
}

a.text-iub-blue:hover, a.text-iub-blue:focus {
    color: #21236b !important;
}


/*------------------------------------
- COLOR iub-pink
------------------------------------*/
.alert-iub-pink {
    color: #2b0d30;
    background-color: #daa0e4;
    border-color: #d490df;
}

.alert-iub-pink hr {
    border-top-color: #cc7dda;
}

.alert-iub-pink .alert-link {
    color: #080209;
}

.badge-iub-pink {
    color: #fff;
    background-color: #812990;
}

.badge-iub-pink[href]:hover, .badge-iub-pink[href]:focus {
    color: #fff;
    background-color: #5d1d68;
}

.bg-iub-pink {
    background-color: #812990 !important;
}

a.bg-iub-pink:hover, a.bg-iub-pink:focus,
button.bg-iub-pink:hover,
button.bg-iub-pink:focus {
    background-color: #5d1d68 !important;
}

.border-iub-pink {
    border-color: #812990 !important;
}

.btn-iub-pink {
    color: #fff;
    background-color: #812990;
    border-color: #812990;
}

.btn-iub-pink:hover {
    color: #fff;
    background-color: #682174;
    border-color: #5d1d68;
}

.btn-iub-pink:focus, .btn-iub-pink.focus {
    box-shadow: 0 0 0 0.2rem rgba(129, 41, 144, 0.5);
}

.btn-iub-pink.disabled, .btn-iub-pink:disabled {
    color: #fff;
    background-color: #812990;
    border-color: #812990;
}

.btn-iub-pink:not(:disabled):not(.disabled):active, .btn-iub-pink:not(:disabled):not(.disabled).active, .show > .btn-iub-pink.dropdown-toggle {
    color: #fff;
    background-color: #5d1d68;
    border-color: #521a5c;
}

.btn-iub-pink:not(:disabled):not(.disabled):active:focus, .btn-iub-pink:not(:disabled):not(.disabled).active:focus, .show > .btn-iub-pink.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(129, 41, 144, 0.5);
}

.btn-outline-iub-pink {
    color: #812990;
    background-color: transparent;
    border-color: #812990;
}

.btn-outline-iub-pink:hover {
    color: #fff;
    background-color: #812990;
    border-color: #812990;
}

.btn-outline-iub-pink:focus, .btn-outline-iub-pink.focus {
    box-shadow: 0 0 0 0.2rem rgba(129, 41, 144, 0.5);
}

.btn-outline-iub-pink.disabled, .btn-outline-iub-pink:disabled {
    color: #812990;
    background-color: transparent;
}

.btn-outline-iub-pink:not(:disabled):not(.disabled):active, .btn-outline-iub-pink:not(:disabled):not(.disabled).active, .show > .btn-outline-iub-pink.dropdown-toggle {
    color: #fff;
    background-color: #812990;
    border-color: #812990;
}

.btn-outline-iub-pink:not(:disabled):not(.disabled):active:focus, .btn-outline-iub-pink:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-iub-pink.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(129, 41, 144, 0.5);
}

.list-group-item-iub-pink {
    color: #2b0d30;
    background-color: #d490df;
}

.list-group-item-iub-pink.list-group-item-action:hover, .list-group-item-iub-pink.list-group-item-action:focus {
    color: #2b0d30;
    background-color: #cc7dda;
}

.list-group-item-iub-pink.list-group-item-action.active {
    color: #fff;
    background-color: #2b0d30;
    border-color: #2b0d30;
}

.table-iub-pink,
.table-iub-pink > th,
.table-iub-pink > td {
    background-color: #d490df;
}

.table-hover .table-iub-pink:hover {
    background-color: #cc7dda;
}

.table-hover .table-iub-pink:hover > td,
.table-hover .table-iub-pink:hover > th {
    background-color: #cc7dda;
}

.text-iub-pink {
    color: #812990 !important;
}

a.text-iub-pink:hover, a.text-iub-pink:focus {
    color: #5d1d68 !important;
}


/*------------------------------------
- COLOR iub-yellow
------------------------------------*/
.alert-iub-yellow {
    color: #945305;
    background-color: #fdf1e2;
    border-color: #fde7ce;
}

.alert-iub-yellow hr {
    border-top-color: #fcdcb5;
}

.alert-iub-yellow .alert-link {
    color: #633703;
}

.badge-iub-yellow {
    color: #212529;
    background-color: #f7941d;
}

.badge-iub-yellow[href]:hover, .badge-iub-yellow[href]:focus {
    color: #212529;
    background-color: #d97a07;
}

.bg-iub-yellow {
    background-color: #f7941d !important;
}

a.bg-iub-yellow:hover, a.bg-iub-yellow:focus,
button.bg-iub-yellow:hover,
button.bg-iub-yellow:focus {
    background-color: #d97a07 !important;
}

.border-iub-yellow {
    border-color: #f7941d !important;
}

.btn-iub-yellow {
    color: #212529;
    background-color: #f7941d;
    border-color: #f7941d;
}

.btn-iub-yellow:hover {
    color: #212529;
    background-color: #e88208;
    border-color: #d97a07;
}

.btn-iub-yellow:focus, .btn-iub-yellow.focus {
    box-shadow: 0 0 0 0.2rem rgba(247, 148, 29, 0.5);
}

.btn-iub-yellow.disabled, .btn-iub-yellow:disabled {
    color: #212529;
    background-color: #f7941d;
    border-color: #f7941d;
}

.btn-iub-yellow:not(:disabled):not(.disabled):active, .btn-iub-yellow:not(:disabled):not(.disabled).active, .show > .btn-iub-yellow.dropdown-toggle {
    color: #212529;
    background-color: #d97a07;
    border-color: #ca7107;
}

.btn-iub-yellow:not(:disabled):not(.disabled):active:focus, .btn-iub-yellow:not(:disabled):not(.disabled).active:focus, .show > .btn-iub-yellow.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(247, 148, 29, 0.5);
}

.btn-outline-iub-yellow {
    color: #f7941d;
    background-color: transparent;
    border-color: #f7941d;
}

.btn-outline-iub-yellow:hover {
    color: #212529;
    background-color: #f7941d;
    border-color: #f7941d;
}

.btn-outline-iub-yellow:focus, .btn-outline-iub-yellow.focus {
    box-shadow: 0 0 0 0.2rem rgba(247, 148, 29, 0.5);
}

.btn-outline-iub-yellow.disabled, .btn-outline-iub-yellow:disabled {
    color: #f7941d;
    background-color: transparent;
}

.btn-outline-iub-yellow:not(:disabled):not(.disabled):active, .btn-outline-iub-yellow:not(:disabled):not(.disabled).active, .show > .btn-outline-iub-yellow.dropdown-toggle {
    color: #212529;
    background-color: #f7941d;
    border-color: #f7941d;
}

.btn-outline-iub-yellow:not(:disabled):not(.disabled):active:focus, .btn-outline-iub-yellow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-iub-yellow.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(247, 148, 29, 0.5);
}

.list-group-item-iub-yellow {
    color: #945305;
    background-color: #fde7ce;
}

.list-group-item-iub-yellow.list-group-item-action:hover, .list-group-item-iub-yellow.list-group-item-action:focus {
    color: #945305;
    background-color: #fcdcb5;
}

.list-group-item-iub-yellow.list-group-item-action.active {
    color: #212529;
    background-color: #945305;
    border-color: #945305;
}

.table-iub-yellow,
.table-iub-yellow > th,
.table-iub-yellow > td {
    background-color: #fde7ce;
}

.table-hover .table-iub-yellow:hover {
    background-color: #fcdcb5;
}

.table-hover .table-iub-yellow:hover > td,
.table-hover .table-iub-yellow:hover > th {
    background-color: #fcdcb5;
}

.text-iub-yellow {
    color: #f7941d !important;
}

a.text-iub-yellow:hover, a.text-iub-yellow:focus {
    color: #d97a07 !important;
}
.iub-bg-light {
    background: rgb(152,154,222);
    background: -moz-linear-gradient(360deg, rgba(152,154,222,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(360deg, rgba(152,154,222,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(360deg, rgba(152,154,222,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#989ade",endColorstr="#ffffff",GradientType=1);
}

.iub-bg-dark {
    background: rgb(46,49,146);
    background: -moz-linear-gradient(360deg, rgba(46,49,146,1) 0%, rgba(16,17,52,1) 100%);
    background: -webkit-linear-gradient(360deg, rgba(46,49,146,1) 0%, rgba(16,17,52,1) 100%);
    background: linear-gradient(360deg, rgba(46,49,146,1) 0%, rgba(16,17,52,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e3192",endColorstr="#101134",GradientType=1);
}
/*------------------------------------
- COLOR iub: gradient;  
------------------------------------*/
.iub-gradient {
    background: rgb(152,154,222);
    background: -moz-linear-gradient(360deg, rgba(152,154,222,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(360deg, rgba(152,154,222,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(360deg, rgba(152,154,222,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#989ade",endColorstr="#ffffff",GradientType=1);
}   
.iub-gradient-dark {
    background: rgb(46,49,146);
    background: -moz-linear-gradient(360deg, rgba(46,49,146,1) 0%, rgba(16,17,52,1) 100%);
    background: -webkit-linear-gradient(360deg, rgba(46,49,146,1) 0%, rgba(16,17,52,1) 100%);
    background: linear-gradient(360deg, rgba(46,49,146,1) 0%, rgba(16,17,52,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2e3192",endColorstr="#101134",GradientType=1);
}
/*------------------------------------
- COLOR iub: shadow;    
------------------------------------*/
.iub-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}               
.iub-shadow-hover:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 12px 40px 0 rgba(0, 0, 0, 0.19);
}   
/*------------------------------------
- COLOR iub: Footer;
------------------------------------*/
.iub-footer {
    background: rgb(16,17,52);
    background: -moz-linear-gradient(360deg, rgba(16,17,52,1) 0%, rgba(46,49,146,1) 100%);
    background: -webkit-linear-gradient(360deg, rgba(16,17,52,1) 0%, rgba(46,49,146,1) 100%);
    background: linear-gradient(360deg, rgba(16,17,52,1) 0%, rgba(46,49,146,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#101134",endColorstr="#2e3192",GradientType=1);
    color: white;
}
.iub-footer a {
    color: white;
}
.iub-footer a:hover {
    color: #d1d1e0;
    text-decoration: none;
}
.iub-footer .iub-social-icon {
    font-size: 18px;
    margin-right: 10px;
    color: white;
}
.iub-footer .iub-social-icon:hover {
    color: #d1d1e0;
    text-decoration: none;
}
.iub-footer .iub-copyright {
    background-color: #101134;
    color: white;
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
}
.iub-footer-top {
    --tw-bg-opacity: 1;
    background-color: rgb(47 51 145/var(--tw-bg-opacity,1));
    color: white;
    padding: 30px 0;
}

/* .bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(47 51 145/var(--tw-bg-opacity,1));
} */

.iub-footer-top a {
    color: white;
}
.iub-footer-top h4 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
}   
.iub-footer-top p {
    font-size: 14px;
    line-height: 1.5;
}
.iub-footer-top ul {
    list-style: none;
    padding: 0;
}
.iub-footer-top ul li {
    margin-bottom: 10px;
}
.iub-footer-top ul li a {
    color: white;
    text-decoration: none;
}
.iub-footer-top ul li a:hover {
    color: #d1d1e0;
    text-decoration: none;
}

/*------------------------------------
- COLOR iub: card;
------------------------------------*/
.iub-card {
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.iub-card:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 12px 40px 0 rgba(0, 0, 0, 0.19);
}
.iub-card .card-header {
    background-color: #2e3192;
    color: white;
    font-weight: bold;
    font-size: 18px;
    border-bottom: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.iub-card .card-body {
    padding: 20px;
}   
.iub-card .card-title {
    font-size: 24px;
    font-weight: bold;
}
.iub-card .card-text {
    font-size: 16px;
    color: #555;
}
.iub-card .btn {
    background-color: #2e3192;
    color: white;
    border: none;
}
.iub-card .btn:hover {
    background-color: #101134;
    color: white;
}
.iub-card .btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(46, 49, 146, 0.5);
}
.iub-card .btn:active {
    background-color: #101134;
    color: white;
}
.iub-card .btn:disabled {
    background-color: #2e3192;
    color: white;
    opacity: 0.5;
}
.iub-card .btn-outline {
    color: #2e3192;
    border: 2px solid #2e3192;
    background-color: transparent;
}
.iub-card .btn-outline:hover {
    background-color: #2e3192;
    color: white;
}
.iub-card .btn-outline:focus {
    box-shadow: 0 0 0 0.2rem rgba(46, 49, 146, 0.5);
}
.iub-card .btn-outline:active {
    background-color: #2e3192;
    color: white;
}
.iub-card .btn-outline:disabled {
    color: #2e3192;
    border: 2px solid #2e3192;
    background-color: transparent;
    opacity: 0.5;
}
/*------------------------------------
- COLOR iub: badge; 
------------------------------------*/
.iub-badge {
    background-color: #2e3192;
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 20px;
}   
.iub-badge:hover {
    background-color: #101134;
    color: white;
    text-decoration: none;
}
.iub-badge:focus {
    box-shadow: 0 0 0 0.2rem rgba(46, 49, 146, 0.5);
}
.iub-badge:active {
    background-color: #101134;
    color: white;
}
.iub-badge:disabled {
    background-color: #2e3192;
    color: white;
    opacity: 0.5;
}
.iub-badge-outline {
    color: #2e3192;
    border: 2px solid #2e3192;
    background-color: transparent;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 20px;
}
.iub-badge-outline:hover {
    background-color: #2e3192;
    color: white;
    text-decoration: none;
}
.iub-badge-outline:focus {
    box-shadow: 0 0 0 0.2rem rgba(46, 49, 146, 0.5);
}
.iub-badge-outline:active {
    background-color: #2e3192;
    color: white;
}
.iub-badge-outline:disabled {
    color: #2e3192;
    border: 2px solid #2e3192;
    background-color: transparent;
    opacity: 0.5;
}
/*------------------------------------