:root {
    --portalThemeColor1: #c11e41;
    --portalThemeColor1Light: #f0dfe3;
    --portalThemeColor1Dark: #79152a;

    --default-size: 1rem;
}

#content_form {
    margin-bottom: 5px;
}

.open>.dropdown-menu{
    background-color: var(--portalThemeColor4, #ffffff);
}
.open>.dropdown-menu>li>a{
    color: var(--portalThemeOnColor9, #1276CE);
}


.open .dropdown-menu > li > a:hover,.dropdown-menu > .active > a:hover{
    color:#ffffff !important;
    background-color: var(--portalThemeColor1);
    text-decoration: none;

}
.dropdown-menu>.active>a{
    color:#ffffff !important;
    background-color: var(--portalThemeColor1);
    text-decoration: none;

}
.open .dropdown-menu>.active>a:focus{
    color:#ffffff !important;
    background-color: var(--portalThemeColor1);
    text-decoration: none;

}

.weblink a:hover, .dropdown > a:hover, .dropdown.open > a, .weblink a:focus, .dropdown > a:focus {
    background-color: var(--portalThemeColor1) !important;
    color: #fff !important;
    border-bottom: 3px solid var(--portalThemeColor1) !important;
    padding-bottom: 13.5px !important;
}

a[aria-current="page"] {
    border-bottom: 2px solid var(--portalThemeColor1);
    color: var(--portalThemeColor1) !important;
}

.table {
    margin-bottom: unset !important;
}

.table a, .dropdown-menu a {
    color: var(--portalThemeColor1) !important;
}

.pagination a[aria-current="page"], .pagination a:hover, .pagination > .active > a, .pagination > .active > a:hover, .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff !important;
    background-color: var(--portalThemeColor1) !important;
    border: 1px solid var(--portalThemeColor1) !important;
}

.pagination {
    padding-bottom: 1rem;
}

.pagination a {
    border-radius: 1rem !important; 
    border: 1px solid #ccc !important;
    color: #353535 !important;
    background-color: #fff;
}

.table th, .table td {
    padding: 1.5rem !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

/* .table th {
    white-space: nowrap !important;
    width: auto !important;
}

.table td {
    white-space: nowrap !important;
} */

.navbar {
    border-bottom: 2px solid var(--portalThemeColor1) !important;
} 

.navbar-brand {
    height: unset !important;
    transform: translate(0px, 25%);
    padding: 0;
    font-size: unset;
}

.nav>li {
    height: 52px;
}

.container-fluid {
    margin-left: 5rem;
    margin-right: 5rem;
}

.btn-default {
    border: 1px solid var(--portalThemeColor1) !important;
    color: var(--portalThemeColor1) !important;
}

.btn-default:hover {
    background-color: var(--portalThemeColor1Light) !important;
}

.btn-primary {
    border: 1px solid var(--portalThemeColor1) !important;
    background-color: var(--portalThemeColor1) !important;
}

.btn-primary:hover {
    background-color: var(--portalThemeColor1Dark) !important;
}

.p-2 {
    padding: calc(var(--default-size) / 2);
}

.icon i {
  width: calc(var(--default-size) * 2);
  text-align: center;
  display: flex;
  height: calc(var(--default-size) * 2);
  align-items: center;
  justify-content: center;
  font-size: calc(var(--default-size) * 2);
}

.icon-red { background: #fff5f5; color: #e31e24; }
.icon-orange { background: #fffaf0; color: #f6ad55; }
.icon-green { background: #f0fff4; color: #61da99; }
.icon-purple { background: #f5f0ff; color: #6169da; }
.icon-blue { background: #f0f5ff; color: #3e75db; }
.icon-dark { background: #f7fafc; color: #2d3748; }
.text-red { color: #e31e24; }
.text-orange { color: #dd6b20; }
.text-green { color: #2f855a; }
.text-blue { color: #3e75db; }

.active.active-red { color: #e31e24 !important;  background-color: #fff5f5 !important;}
.active.active-orange { color: #f6ad55 !important; background-color: #fffaf0 !important; }
.active.active-green { color: #61da99 !important; background-color: #f0fff4 !important;}
.active.active-blue { color: #3e75db !important; background-color: #f7fafc !important; }

.wrapper-body {
    min-height: calc(100vh - 163px) !important;
}

footer .footer-bottom {
    background-color: #fff !important;
    border-top: 2px solid var(--portalThemeColor1) !important;
}

.navbar.navbar-static-top {
    position: sticky;
    top: 0;
}