/*START ROOT COLORS*/
:root {
    --bs-primary: #0C4E9E;
    --bs-secondary:#07c0ca ;
    --bs-secondary-opaque: #EAFAFB;
    --bs-success: #0C4E9E;
    --bs-info: #31364c;
    --bs-danger: #d9534f;
    --bs-cyan:#07c0ca;
    --bs-blue:#0C4E9E;
}
/*END ROOT COLORS*/

/*START HEADERS*/
body{
    font-family:Montserrat, sans-serif;
  }
  h1 {
    color: var(--bs-info);
    font-weight: bold; 
  }
  h2 {
    color: var(--bs-info);
    font-weight: bold;
  }
  h3 {
    color:var(--bs-info);
    font-weight: bold;
    font-size: 24px;
  }

 h4 {
    color:var(--bs-info);
    font-size: 20px;
  }
/*END HEADERS*/

/* START BACKGROUND COLORS */
.bg-primary {
    --bs-bg-opacity: 1;
    background-color: var(--bs-primary)!important;
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color:var(--bs-secondary-opaque) !important;
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color:var(--bs-secondary) !important;
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color:var(--bs-info) !important;
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color:var(--bs-danger);
}
/* END BG COLORS */
/*START BORDERS*/

.border-primary {
    --bs-border-opacity: 1;
    border-color: var(--bs-primary) !important;
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: var(--bs-secondary-opaque) !important;
}

.border-success {
    --bs-border-opacity: 1;
    border-color:var(--bs-secondary) !important;
}

.border-info {
    --bs-border-opacity: 1;
    border-color:var(--bs-info) !important;
}
/*END BORDERS*/
/* START TEXT COLORS */

.text-primary {
    --bs-text-opacity: 1;
    color:var(--bs-info) !important;
}

.text-secondary {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-opaque) !important;
}

.text-success {
    --bs-text-opacity: 1;
    color:var(--bs-secondary) !important;
}

.text-info {
    --bs-text-opacity: 1;
    color: var(--bs-primary)!important;
}
/* END TEXT COLORS */


/*START BUTTON COLOR*/
.btn-primary {
 --bs-btn-color:#fff;
 --bs-btn-bg:var(--bs-secondary);
 --bs-btn-border-color:var(--bs-secondary);
 --bs-btn-hover-color:#fff;
 --bs-btn-hover-bg:#0eb2bb;
 --bs-btn-hover-border-color:#0eb2bb;
 --bs-btn-focus-shadow-rgb:49,132,253;
 --bs-btn-active-color:#fff;
 --bs-btn-active-bg:#12aab3;
 --bs-btn-active-border-color:#12aab3;
 --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
 --bs-btn-disabled-color:#fff;
 --bs-btn-disabled-bg:#07c0ca73;
 --bs-btn-disabled-border-color:#07c0ca73;
}

.btn-secondary {
 --bs-btn-color: #ffffff;
 --bs-btn-bg: #949292;
 --bs-btn-border-color: #949292;
 --bs-btn-hover-color: #fff;
 --bs-btn-hover-bg: #959393;
 --bs-btn-hover-border-color: #959393;
 --bs-btn-focus-shadow-rgb: 130,138,145;
 --bs-btn-active-color: #fff;
 --bs-btn-active-bg: #838080;
 --bs-btn-active-border-color: #838080;
 --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 --bs-btn-disabled-color: #fff;
 --bs-btn-disabled-bg: #adadad;
 --bs-btn-disabled-border-color: #adadad;
}
.btn-success {
 --bs-btn-color:#fff;
 --bs-btn-bg:var(--bs-secondary);
 --bs-btn-border-color:var(--bs-secondary);
 --bs-btn-hover-color:#fff;
 --bs-btn-hover-bg:#0eb2bb;
 --bs-btn-hover-border-color:#0eb2bb;
 --bs-btn-focus-shadow-rgb:49,132,253;
 --bs-btn-active-color:#fff;
 --bs-btn-active-bg:#12aab3;
 --bs-btn-active-border-color:#12aab3;
 --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
 --bs-btn-disabled-color:#fff;
 --bs-btn-disabled-bg:#07c0ca73;
 --bs-btn-disabled-border-color:#07c0ca73;
}


.btn-danger {
 --bs-btn-color:#fff;
 --bs-btn-bg:var(--bs-danger);
 --bs-btn-border-color:var(--bs-danger);
 --bs-btn-hover-color:#fff;
 --bs-btn-hover-bg:#c9302c;
 --bs-btn-hover-border-color:#c9302c;
 --bs-btn-focus-shadow-rgb:225,83,97;
 --bs-btn-active-color:#fff;
 --bs-btn-active-bg:#ac2925;
 --bs-btn-active-border-color:#ac2925;
 --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
 --bs-btn-disabled-color:#fff;
 --bs-btn-disabled-bg:#ffbbb9;
 --bs-btn-disabled-border-color:#ffbbb9;
}

/*END BUTON COLORS*/

/*START DOUBLE CARD COLORS*/
 .card-double-header{
    background-color:var(--bs-secondary-opaque);
    color: var(--bs-info);
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
  }
  .card-double-header > h4{
    color: var(--bs-info);
    margin-bottom: 0px;
  }
  .card-double-header > h2{
    color: var(--bs-info);
    margin-bottom: 0px;
  }
/*END DOUBLE CARD COLORS*/

/*START CHECK COLORS*/

  .form-check-input:checked {
      background-color: var(--bs-secondary);
      border-color: var(--bs-secondary);
  }
  .k-pager-numbers .k-link.k-state-selected {
      border-color: var(--bs-secondary);
      color: #fff;
      background-color: var(--bs-secondary);
  }
  .k-pager-nav.k-link {
      border-color: #dee2e6;
      color: var(--bs-secondary);
      background-color: #fff;
  }
.form-check-input:checked {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

/*catalog left hand check boxes*/
.k-checkbox.k-checked, .k-checkbox:checked{
    background-color: var(--bs-primary) !important;
}

/*Your Jobs page number selected.*/
.k-pager-numbers .k-link.k-selected, .k-pager-numbers .k-link.k-state-selected{
    background-color: var(--bs-primary) !important;
}
/*END FORM COLORS*/

/*START LINK COLOR*/
a {
    color:var(--bs-secondary);
}
/*END LINK COLOR*/

/*START PRODUCT CARD COLORS*/
a{
  text-decoration: none;
}
.portal-card-title{
  margin-bottom: var(--bs-card-title-spacer-y);
  color:var(--bs-info);
}
.portal-card {
  border:none !important;
  box-shadow:2px 6px 8px rgba(22, 22, 26, 0.18) !important;
}

 .portal-card-header {
    background-color: var(--bs-secondary-opaque) !important;
    color: var(--bs-info) !important;
    font-weight: bold !important;
    font-size: 16px !important;
    border-bottom: none;
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x) !important;
    margin-bottom: 0;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  
.portal-card-footer {
    color: #003353;
    border-top: none;
     padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: none;
}


.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0
}

.card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius)
}

.card-img{
    cursor:pointer;
}

.card-img,.card-img-bottom,.card-img-top {
    width: 100%
}

.card-img,.card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img,.card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}
/*END PRODUCT CARD COLORS*/

/*Icon Styling*/
.bannerIcon{
    color: white !important;
}

/*Jumbro Tron*/
.portalJumbotron{
    background-image: url("/images/default-source/portals/wisetack/wisetack-jumbotron.png?sfvrsn=26cc93d6_1");
    background-size: cover;
}
.bannerHeader {
    color:var(--bs-white);
    font-weight: bold;
  }
  .bannerText {
    color: var(--bs-white);
  }

  /*Start Contact Nav*/
.bg-portal{
    --bs-bg-opacity: 1;
    background-color:var(--bs-primary) !important;
  }
  
  .text-navcontact {
    --bs-text-opacity: 1;
    color: var(--bs-white)!important;
  }
  .text-navdot {
      --bs-text-opacity: 1;
      color: var(--bs-secondary)!important;
    }
    /*START FOOTER*/
.footer {
    background-color: var(--bs-light) !important;
  }
  .footerBrand {
    color:#fff
    
  }