/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
:root {
  --mainPrimary: #000; /*ICE night*/
  --mainBright: #71C5E8; /*ICE blue*/
  --mainSecondary: #fff; /*ICE white*/
  --lightAccent: #E2E2E2; /*ICE cloud */
  --darkAccent: #4E4E4E; /*ICE stone */
}

html, body, a, p, li {
  font-family: "Arial", "Source Sans Pro", sans-serif;
  color: var(--mainPrimary);
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Arial", "Montserrat", sans-serif;
  color: var(--mainPrimary);
  font-weight: bold;
}

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: var(--darkAccent);
}

.btn {
  border-radius: 0;
  text-transform: uppercase;
  font-weight: bold;
}

.text-ice {
  color: var(--mainBright);
}

.tab-group .btn {
  text-transform: none;
}

.btn.disabled, .btn:disabled {
  cursor: not-allowed;
}

.btn-primary {
  color: var(--mainPrimary);
  background-color: var(--mainBright);
  border-color: var(--mainBright);
}
.btn-primary:hover {
  color: var(--mainSecondary);
  background-color: var(--mainPrimary);
  border-color: var(--mainPrimary);
}

.btn-outline-primary {
  color: var(--mainPrimary);
  border-color: var(--mainBright);
}
.btn-outline-primary:hover {
  color: var(--mainPrimary);
  background-color: #fff;
  border-color: var(--mainPrimary);
}

.btn-chartPdfExport, .export-pdf {
  margin-bottom: -70px;
  margin-left: 10px;
  z-index: 9;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgb(255, 255, 255);
  /*
      &.active {
          color: var(--mainBright);
      }*/
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: var(--mainBright);
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Loader */
.loader {
  /*display:none;*/
  z-index: 99999;
  position: fixed;
  top: 65px;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(204, 204, 204, 0.75);
  color: #003f59;
  font-weight: bold;
  text-align: center;
}
.loader span {
  /*display: table-cell;
  vertical-align: top;*/
  background: url(../images/loading-image.gif) no-repeat;
  background-size: auto;
  background-position: center 0px;
  padding: 50px;
  margin-top: 250px;
}
.loader .loader-content {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 49px 50px 10px;
  border: 1px solid #ccc;
}
.loader .loader-content .progress-bar-animated {
  -webkit-animation: progress-bar-stripes 0.35s linear infinite !important;
  animation: progress-bar-stripes 0.35s linear infinite !important;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
.border-top {
  border-top: 1px solid #e5e5e5;
}

.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  font-size: 10px;
  overflow: hidden;
  line-height: 60px; /* Vertically center the text there */
}

/* 
    #LoanOfficerRankingOverviewGrid
*/
.DrillDown {
  cursor: pointer;
}

.DrillDownExtra {
  cursor: pointer;
}

.RollUpManagement {
  cursor: pointer;
}

/* Custom layout class
-------------------------------------------------- */
.ca-child {
  position: absolute;
}

.ca-child-l {
  left: 0;
}

.ca-child-r {
  right: 0;
}

/* Custom Styling
-------------------------------------------------- */
.btn-label {
  /*border: 1px solid #dae0e5;*/
  font-weight: bold;
  color: #6c757d;
  /*margin-left: -180px;*/
  min-width: 180px;
  max-width: 25%;
  font-size: 14px;
}

.mlr-a {
  margin-left: auto !important;
  margin-right: auto !important;
}

.active {
  font-weight: bold;
  text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.85);
  position: relative;
}
.active:after {
  content: " ";
  border-bottom: 5px solid var(--mainBright);
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.active#fipsCoverageLink:after {
  border-bottom: 0;
}

.ca-page_ele-title {
  text-transform: uppercase;
  font-weight: bolder;
  color: #18303c;
}

.ca-btn-icononly {
  border-radius: 50px;
  width: 50px;
  height: 50px;
  transition: all 0.5s ease;
  text-align: left;
}
.ca-btn-icononly span {
  /*display: none;*/
  font-weight: bold;
  opacity: 0;
  font-size: 0;
  padding-left: 10px;
  transition: all 0.5s ease 0.1s;
}
.ca-btn-icononly:hover, .ca-btn-icononly.hover {
  width: 175px;
  cursor: pointer;
}
.ca-btn-icononly:hover span, .ca-btn-icononly.hover span {
  display: inline-block;
  opacity: 1;
  font-size: 75%;
  width: 85%;
  text-align: center;
  font-weight: bold;
  /*font-size: 18px;*/
}
.ca-btn-icononly.display_text {
  width: 175px;
}
.ca-btn-icononly.display_text span {
  display: inline-block;
  opacity: 1;
  font-size: 75%;
  width: 85%;
  text-align: center;
  font-weight: bold;
  /*font-size: 18px;*/
}

/*#commonFilters {*/
.content-body {
  max-width: 1750px;
  margin: 0 auto;
}
.content-body .wrapper {
  padding: 20px;
  border: 1px solid #ececec;
  height: 100%;
  min-height: 470px;
}
.content-body .wrapper .overlayWrapper {
  position: relative;
  height: 100%;
  width: 100%;
}
.content-body .wrapper .overlayWrapper .overlay {
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  background-color: rgba(85, 85, 85, 0.25);
  box-shadow: 0 0 5px 15px rgba(85, 85, 85, 0.25);
}
.content-body .wrapper .overlayWrapper .overlay.areaOverlay {
  height: 78%;
}
.content-body .wrapper h4 {
  text-align: center;
  border-bottom: 1px solid #ececec;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 100%;
  font-weight: bold;
}
.content-body .wrapper h4 + span {
  color: #6c757d;
  font-style: italic;
  font-size: 85%;
}
.content-body .wrapper .form-group {
  margin-bottom: 0;
  min-height: 80px;
}
.content-body .wrapper .form-group label {
  width: 100%;
  margin-top: 9px;
  margin-bottom: 0;
}
.content-body .wrapper .form-group .cus-dropdown {
  width: 100%;
}
.content-body .wrapper .form-group .cus-dropdown button.k-select.k-input-button {
  height: calc(1.4285714286em + 16px);
}

/*overwrite for kendo.common*/
.k-select {
  position: relative;
  margin-left: 0.1rem;
}

.criteriabtn {
  max-width: 1750px;
  margin: 0 auto;
}
.criteriabtn .form-group .btn-lg {
  min-width: 135px;
}

.cAreaSection .k-input-values,
.form-group.cAdditionalFilter .k-input-md .k-input-values,
.form-group.cAdditionalFilter .k-picker-md .k-input-values {
  max-height: 175px;
  overflow-y: auto;
}

.cAreaSection .k-chip, .form-group.cAdditionalFilter .k-chip {
  height: auto;
}

/*}*/
.responsePart {
  max-width: 1750px;
  margin: 0 auto;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  left: 0;
  right: 0;
  z-index: 99;
  background-color: white;
}
.sticky.secondLayer {
  top: 75px;
}
.sticky.thirdLayer {
  top: 110px;
}
.sticky.border-bottom {
  border-bottom: 1px solid #ccc;
}
.sticky.z-index999 {
  z-index: 999;
}

#logout-block {
  color: #797676;
  width: 65%;
  margin: 5% auto;
  background-color: #f9fbfd;
  border-radius: 25px;
  border: 1px solid #5cb9e4;
  padding: 10%;
}

.targetContent {
  display: none;
}
.targetContent a {
  text-decoration: none;
  color: inherit;
}
.targetContent a:hover {
  background-color: var(--mainBright);
}
.targetContent a h3 {
  text-align: center;
  margin-top: 0.25rem;
}
.targetContent a span {
  text-align: left;
  font-size: 18px;
}

.brand-logo {
  background: url(../images/ICE_logo_reverse_small_77x76.png) no-repeat;
  background-size: contain;
  background-position: center;
  text-indent: -99999px;
  width: 20%;
  max-width: 250px;
}

.brand-product {
  background: url(../images/MSV-narrow.png) no-repeat;
  background-size: contain;
  background-position: center;
  text-indent: -99999px;
  width: 20%;
  max-width: 250px;
}

.brand-company {
  background: url(../images/ICE_logo_small_77x76.png) no-repeat;
  background-size: contain;
  background-position: center;
  text-indent: -99999px;
  width: 20%;
  max-width: 100px;
}

.selecting .badge-info {
  color: #17a2b8;
  background-color: #fff;
  border: 1px solid #17a2b8;
}
.selecting.active .badge-info {
  color: #fff;
  background-color: #17a2b8;
  border: 1px solid #17a2b8;
}

.validation-summary-valid {
  display: none;
}

.validation-summary-errors {
  display: block;
}

/*overwrite for kendo.common*/
.k-chart {
  border: 1px solid #ececec;
  padding: 5px;
}

td.subReportClass-lo, td.subReportClass-mb, td.subReportClass-le, td.subReportClass-tc, td.subReportClass-bd {
  text-overflow: clip;
}

.k-grid-header-sticky.k-header,
.k-grid-content-sticky {
  font-weight: bold !important;
  padding: 0.4em 1em 0.4em 0.6em !important;
}

.k-numerictextbox {
  width: 100%;
}

.k-grid table tr:hover td {
  /*background: rgb(215, 172, 17) !important; //bk yellow ;*/
  background: var(--mainBright);
  /*cursor: pointer !important;*/
}

.girdTitle {
  font-size: 20px !important;
  font-weight: bold !important;
  text-align: center !important;
}
.girdTitle.k-header, .girdTitle.k-header .k-column-title {
  overflow: visible;
  white-space: normal;
  text-align: left;
}

.k-column-title {
  padding-right: 10px;
  white-space: break-spaces !important;
  text-overflow: clip !important;
}

.k-window-actions {
  margin: 0;
}

#SaveReport {
  padding: 5px 10px;
}

.k-list-container {
  min-height: 300px;
}
.k-list-container .k-list-filter {
  min-height: auto !important;
  max-height: 40px !important;
}
.k-list-container .k-list-filter > .k-icon {
  position: absolute;
  right: 25px;
}
.k-list-container .k-list-scroller {
  height: 100% !important;
}

.k-grid .k-alt {
  background-color: rgba(0, 0, 0, 0.1);
}

.k-pdf-export .k-grid-content td[role=gridcell] {
  word-wrap: break-word;
  padding-right: 5px;
}

/*layout*/
.section {
  min-height: 350px;
}

#btnAdditional {
  margin-right: 20px;
}
#btnAdditional:after {
  content: " | ";
  color: #ccc !important;
  margin: 0 25px;
  position: absolute;
}

/* Error message "msgSever" */
#msgServer {
  text-align: center;
  display: none;
}

.displaySectionLabel {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 2.75em;
  padding-bottom: 15px;
  position: relative;
}
.displaySectionLabel:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 55px;
  background-color: #111;
}
.displaySectionLabel:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 95%;
  max-width: 255px;
  background-color: #333;
}