:root {
  --bs-link-color: #10069F !important;
}

@font-face {
	font-family: 'RR Pioneer';
	src: url('RRPioneer-Regular-v1.006.ttf');
}

@font-face {
	font-family: 'RR Pioneer';
	src: url('RRPioneer-Medium-v1.006.ttf');
}

@font-face {
	font-family: 'RR Pioneer';
	src: url('RRPioneer-Bold-v1.006.ttf');
}

@font-face {
	font-family: 'RR Pioneer';
	src: url('RRPioneer-LightCondensed-v1.006.ttf');
}

h1 {
    font-family: 'RRPioneer-Medium', Arial !important;
    font-size: 50px;
}

h2 {
    font-family: 'RRPioneer-LightCondensed', Arial !important;
    font-size: 42px;
}

p, a {
    font-family: 'RRPioneer-Regular', Arial !important;
    font-size: 18px !important;
    text-decoration: none;
}
text-primary-rr {
    color:#10069F;
}

/* *:not(.fa, .k-icon, .glyphicon, [class^="ms-"]) {
	font-family: 'RR Pioneer' !important;
} */

.k-card {
    margin: 0 0 5% 0;
    width: 230px;
}

img.displayed {
    display: block;
    /* margin-left: auto;
    margin-right: auto; */
}

footer .footer-top {
    background-color: #10069F;
}

.section-landing {
    width: 100%;
    margin-top: 0;
    position: relative;
}

.section-landing > .container-lg {
  position: relative;
  font-family: RRPioneer-Bold, Arial;
  top: 20%;
  left: 10%;
  z-index: 1;
}
@media (max-width: 576px) {
  .text-overlay h1 {
    font-size: 1.75rem;
  }
  .text-overlay p {
    font-size: 1rem;
  }
}

@media (max-width: 1200px) {
  .login-left {
    display: none;
  }
}

/* === Start of Landing Page Styling === */

:root {
    --site-header-height: 96px;
}
.landing-tile, .tile-card {
    min-height: 300px;
}

.section-landing {
    position: relative;
    min-height: auto;    
    padding-top: calc(var(--site-header-height) + 3rem);
    padding-bottom: 10rem;      
    overflow: visible;
}

.section-landing > .container {
    position: relative;
    z-index: 2;
}

.tiles-section {
    padding-bottom: 5rem;
}


.section-landing .container-lg {
    position: relative;
}

@media (min-width: 992px) {
    .section-landing {
        padding-top: calc(var(--site-header-height) + 1rem);
    }
} 

    
@media (max-width: 576px) {
    .section-landing {
        padding-top: calc(var(--site-header-height) - 1rem);
    }
}

.slide {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    animation: slideshow 60s infinite;
    will-change: opacity;
    z-index: 0;
}

.bg1 { background-image: linear-gradient(rgba(0,0,0, 0.4), rgba(0, 0, 0, 0.4)), url("HomeBackgroundImage1.png"); animation-delay: 0s; }
.bg2 { background-image: linear-gradient(rgba(0,0,0, 0.4), rgba(0, 0, 0, 0.4)), url("HomeBackgroundImage2.png"); animation-delay: 10s; }
.bg3 { background-image: linear-gradient(rgba(0,0,0, 0.4), rgba(0, 0, 0, 0.4)), url("HomeBackgroundImage3.png"); animation-delay: 20s; }
.bg4 { background-image: linear-gradient(rgba(0,0,0, 0.4), rgba(0, 0, 0, 0.4)), url("HomeBackgroundImage4.png"); animation-delay: 30s; }
.bg5 { background-image: linear-gradient(rgba(0,0,0, 0.4), rgba(0, 0, 0, 0.4)), url("HomeBackgroundImage5.png"); animation-delay: 40s; }
.bg6 { background-image: linear-gradient(rgba(0,0,0, 0.4), rgba(0, 0, 0, 0.4)), url("HomeBackgroundImage6.png"); animation-delay: 50s; }

@keyframes slideshow {
    0%   { opacity: 0; }
    6%   { opacity: 1; }
    30%  { opacity: 1; }
    38%  { opacity: 0; }
    100% { opacity: 0; }
}

.text-overlay {
    position: relative;
    z-index: 5;
}

.hero-tiles {
    position: relative;
    z-index: 4;
    margin-top: 6rem;
}

.tile-icon {
    font-size: 3.5rem;
    line-height: 1;
}

.hero-container {
    position: relative;
    z-index: 2;
    background: rgba(0, 0, 0, 0.65);
    padding: clamp(1.5rem, 4vw, 2.5rem);
    max-width: 720px;
}
/* === End of Landing Page Styling === */

.nav-account {
    visibility: hidden;
}

.messagerow {
    padding: 5px 10px 10px 5px;
    display: flex;
    border-color:inherit;
    border-style:solid;
    border-width:0;
  }

p.rrfontFooter {
    color: #1276CE;
}

/* !IMPORTANTS BELOW */

/* Breadcrumbs */
.breadcrumb {
    border-bottom: 1px solid #e4e4f4;
    /* border-top: 1px solid #e4e4f4; */
}

.breadcrumb h4 {
    font-size: 16px !important;
}

/* Buttons */
/* .btn {
    color: #fff !important;
    background-color: #10069f !important;
    border-color: #10069f !important;
}

.btn:hover {
    color: #fff !important;
    background-color: #fc4191 !important;
    border-color: #0057cc !important;
} */

.button1 {
    color: #fff !important;
    background-color: #10069f !important;
    border-color: #10069f !important;
}

.button1:hover {
    color: #fff !important;
    background-color: #fc4191 !important;
    border-color: #0057cc !important;
}

/*.btn-primary {
    color: #fff !important;
    background-color: #10069f !important;
    border-color: #10069f !important;
}

.btn-primary:hover {
    color: #fff !important;
    background-color: #fc4191 !important;
    border-color: #0057cc !important;
}*/

.rr-text-blue {
    --bs-text-opacity: 1;
    color: rgba(16, 6, 169, var(--bs-text-opacity)) !important
}

.bg-primary {
    color: #10069f !important;
}

.btn-primary {
    border-radius: 4px !important;
    border-color: #ffffff !important;
    color: #ffffff !important;
    font-family: 'RRPioneer-Bold', Arial;
    font-size: 16px;  
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.6rem 1.25rem !important;
    text-align: center !important;
    background-color: transparent !important;
    background-position: 50% 50% !important;
    background-image: none !important;
    background-image: none, linear-gradient(to bottom, ) !important;
}

.btn-primary.k-state-default {
    border-color: #b9b9cf !important;
}

.btn-primary:hover,
.btn-primary.k-state-hover {
    color: #10069f !important;
    border-color: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    background-image: none, linear-gradient(to bottom, ) !important;
    text-decoration: none !important;
}

.rr-btn-secondary {
    border-radius: 4px !important;
    border-color: #10069f !important;
    color: #10069f !important;
    font-family: 'RRPioneer-Bold', Arial;
    border-style: solid;
    font-weight: 600;
    font-size: 16px;
    padding: 6px 20px;
    width: fit-content;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.6rem 1.25rem !important;
    text-align: center !important;
    background-color: transparent !important;
    background-position: 50% 50% !important;
    background-image: none !important;
    background-image: none, linear-gradient(to bottom, ) !important;
}

.rr-btn-secondary-rr.k-state-default {
    border-color: #b9b9cf !important;
}

.rr-btn-secondary-rr:hover,
.rr-btn-secondary-rr.k-state-hover {
    color: #ffffff !important;
    border-color: #10069f !important;
    background-color: #10069f !important;
    background-image: none !important;
    background-image: none, linear-gradient(to bottom, ) !important;
    text-decoration: none !important;
}

.btn-tertiary {
    border-radius: 4px !important;
    border-color: #292929 !important;
    color: #292929 !important;
    font-family: 'RRPioneer-Bold', Arial;
    border-style: solid;
    font-weight: 600;
    font-size: 16px;
    padding: 6px 20px;
    width: fit-content;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.6rem 1.25rem !important;
    text-align: center !important;
    background-color: transparent !important;
    background-position: 50% 50% !important;
    background-image: none !important;
    background-image: none, linear-gradient(to bottom, ) !important;
}

.btn-tertiary.k-state-default {
    border-color: #292929 !important;
}

.btn-tertiary:hover,
.btn-tertiary.k-state-hover {
    color: #ffffff !important;
    border-color: #292929 !important;
    background-color: #292929 !important;
    background-image: none !important;
    background-image: none, linear-gradient(to bottom, ) !important;
    text-decoration: none !important;
}

.content-home .btn {
    color: #fff !important;
    background-color: #fc4191 !important;
    border-color: #0057cc !important;
}

.button {
    color: #fff !important;
    background-color: #10069f !important;
    border-color: #10069f !important;
}

.button:hover {
    color: #fff !important;
    background-color: #fc4191 !important;
    border-color: #0057cc !important;
}

/* Block margins */
.columnBlockLayout {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding: 2px !important; 
}

/* Login margins */

.login-heading-section {
    border-bottom: 0px !important;
    margin-top: 0px !important;
    padding-bottom: 0px !important;
}

.login-heading-section {
    visibility: hidden;
}

/* Menu */
.static-top.navbar .menu-bar > .navbar-nav > li > a {
    color: #fff !important;
    border: none !important;
}

.navbar-dark .navbar-nav > li > a, .navbar-dark .navbar-nav > li.dropdown > a {
    color: #fff !important;
}

.navbar-dark .navbar-nav > li > a, .navbar-dark .navbar-nav > li.dropdown > a:hover {
    background-color: #fc4191 !important;
    border-color:  #fc4191 !important;
}

.static-top.navbar .menu-bar > .navbar-nav > li > a:hover {
    background-color: #fc4191 !important;
    border-color:  #fc4191 !important;
}

.navbar-dark .navbar-nav .show.dropdown-menu > li > a {
    color: #fff !important;
}

.navbar-dark .navbar-nav .show.dropdown-menu {
    background-color: #10069F !important;
}

/* Deloitte Added */

/* Views or Tables Styling */
.view-grid {
    color: white;
    border-radius: 8px;
  }
  .table-info {
    background-color: transparent;
    color: var(--portalThemeColor2);
  }
  .table-info :required{
    background-color: transparent;
    color: var(--portalThemeColor2);
  }
.view-grid.table-responsive,
.entitylist {
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.20);
}
.view-grid.table-responsive th,
.entitylist th {
  background: linear-gradient(to top, var(--portalThemeColor10), var(--portalThemeColor9));
    color: white;
    height: 50px;
}
.view-grid.table-responsive th a,
.entitylist th a {
  font-family: RR Pioneer, Arial, sans-serif;
  font-weight: 400;
  font-size: medium;
  color: white;
  border: transparent;
}
.view-grid.table-responsive td a,
.entitylist td a {
  font-family: RR Pioneer, Arial, sans-serif;
  font-weight: 400;
  font-size: medium;
  color: var(--portalThemeColor1);
  border: none;
}
.view-grid.table-responsive th,
.view-grid.table-responsive td,
.entitylist th,
.entitylist td {
  border: 0px solid #ddd;
  padding: 8px 10px;
  vertical-align: middle;
}