.border {
border-color:#cfcfcf !important;
}
.red {
color:#e31c3d;
}
/* 
To manage the background of the user bar
html[data-topbar-color=light] {
  --ct-topbar-user-bg: #fafafd !important;
}
*/
.mobileSignIn{
  display: none;
}
@media only screen and (max-width: 800px){ 
.mobileSignIn {
display: block;
}
}
@media only screen and (max-width: 720px) {
.mobile-hide{ display: none !important; }
}
/********************************************************************/
/*** CUSTOMER CSS  ***/
.card-header-color {
background-color: #FFF;
color: #ddd;
}
h1 {
color: #00529B;
}
h2 {
color: #00529B;
}
#menuBarProfileName {
color: #FFF;
}
#home-icon {
color: #FFF !important;
}
.h1-customer {
color: #00529B;
}
.h2-customer {
color: #00529B;
}
a:not(.nav-link, .side-nav-link, .page-link, .dropdown-toggle, button>a, .introjs-skipbutton:focus, .introjs-skipbutton:hover, .introjs-prevbutton:focus, .introjs-prevbutton:hover, .introjs-nextbutton:focus, .introjs-nextbutton:hover, #supportButton, #home-icon) {
color: #00529B !important;
}
.btn-customer {
--ct-btn-color: #fff;
--ct-btn-bg: #00529B;
--ct-btn-border-color:#00529B;
--ct-btn-hover-color: #fff;
--ct-btn-hover-bg: #00529B;
--ct-btn-hover-border-color: #00529B;
--ct-btn-focus-shadow-rgb: 109, 131, 234;
--ct-btn-active-color: #fff;
--ct-btn-active-bg: #00529B;
--ct-btn-active-border-color: #00529B;
--ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--ct-btn-disabled-color: #fff;
--ct-btn-disabled-bg: #00529B;
--ct-btn-disabled-border-color: #00529B;
}
.font-customer {
color: #00529B;
}
.swal2-confirm {
background-color: #00529B !important ;
}
.btn-outline-customer {
--ct-btn-color: #00529B;
--ct-btn-border-color: #00529B;
--ct-btn-hover-color: #fff;
--ct-btn-hover-bg: #00529B;
--ct-btn-hover-border-color: #00529B;
--ct-btn-focus-shadow-rgb: 83, 109, 230;
--ct-btn-active-color: #fff;
--ct-btn-active-bg: #00529B;
--ct-btn-active-border-color: #00529B;
--ct-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--ct-btn-disabled-color: #00529B;
--ct-btn-disabled-bg: transparent;
--ct-btn-disabled-border-color: #00529B;
--ct-gradient: none;
}
.table-customer {
--ct-table-color: #313a46;
--ct-table-bg: #dde2fa;
--ct-table-border-color: #d0d5ed;
--ct-table-striped-bg: #d4daf1;
--ct-table-striped-color: #313a46;
--ct-table-active-bg: #313a46;
--ct-table-active-color: #fff;
--ct-table-hover-bg: #313a46;
--ct-table-hover-color: #fff;
color: var(--ct-table-color);
border-color: var(--ct-table-border-color);
}
.nav-tabs.nav-bordered-customer li a.active {
border-bottom: 2px solid #00529B;
}
.nav-tabs.nav-bordered-customer li a.active {
border-bottom: 2px solid #00529B;
}
.section-container {
background-color: rgba(255, 255, 255);
font-size: 15px;
padding: 25px;
border: 1px solid #ccc;
border-radius: 3px;
margin-bottom: 15px;
}
.center {
display: block;
text-align: center;
margin: 10px auto;
}
#profileImage {
width: 25px;
height: 25px;
border-radius: 50%;
 background: #00529B;
font-size: 16px;
color: #fff;
text-align: center;
line-height: 25px;
margin: 20px 0;
}
.navbar-custom-customer {
background: #00529B;
}
.navbar-custom-customer .topbar-menu .nav-link {
color: #FFF !important;
text-transform: none;
}
.navbar-custom-customer .topbar-menu .nav-link:hover {
color: #0074E2;
text-transform: none;
}
.navbar-custom-customer .button-toggle-menu {
color: #FFF;
}
.menuLabel {
color: #FFF;
text-transform: none;
}
/********************************************************************/
/*** Lookup Button ***/
.lookup-button__open:link, .lookup-button__open:visited {
text-transform: uppercase;
text-decoration: none;
padding: 6px 25px;
display: inline-block;
border-radius: 100px;
transition: all .2s;
position: relative;
font-size: 12px;
margin-left:10px;
color: #fff;
text-shadow: none;
}
.lookup-button__open:hover {
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(0,0,0,.2);
color: #fff;
background-image: linear-gradient(to right bottom, #829EE8 , #0078a5);
}
.lookup-button__open:active {
transform: translateY(-1px);
box-shadow: 0 5px 10px rgba(0,0,0,.2);
color: #fff;
}
.lookup-button__open--default {
background-color: #0078a5;
color: #FFF;
}
/********************************************************************/
/*** FANCY INPUTS FOR NOMINATION (STYLED) ***/
@-webkit-keyframes checkmarkAnimation { 100% { stroke-dashoffset: 0;}}
@keyframes checkmarkAnimation { 100% { stroke-dashoffset: 0;}}
.input-wrapper {
margin: 0px 5px;
position: relative;
}
.fancy-check-label,
.fancy-radio-label {
display: inline-block;
line-height: 24px;
padding-left: 36px;
position: relative;
-webkit-user-select: no-select;
-moz-user-select: no-select;
-ms-user-select: no-select;
user-select: no-select;
}
.fancy-check-label .checkmark-path { opacity: 0;}
.modern-browser .fancy-check-label {transition: color 0.3s;}
.fancy-check:checked + .fancy-check-label {color: darkorange;}
.fancy-check:checked + .fancy-check-label .fancy-checkbox {border-color: darkorange;}
.modern-browser .fancy-check:checked + .fancy-check-label .checkmark-path {
-webkit-animation: checkmarkAnimation 0.5s 0s forwards;
animation: checkmarkAnimation 0.5s 0s forwards;
}
.fancy-check:checked + .fancy-check-label .checkmark-path {
opacity: 1;
stroke-dasharray: 0;
stroke-dashoffset: 0;
}
.fancy-label--text {
position: relative;
font-weight:normal;
}
.fancy-radio:checked + .fancy-radio-label {color: darkorange;}
.fancy-radio:checked + .fancy-radio-label .fancy-label--text::before {
transition: transform 0.15s;
transform: scaleX(1);
}
.fancy-radio:checked + .fancy-radio-label .fancy-radiobutton {
border-color: darkorange;
transition: border-color 0.5s;
}
.fancy-radio:checked + .fancy-radio-label .radiobutton-dot {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
transition: opacity 0.15s, transform 0.15s;
}
.fancy-checkbox,
.fancy-radiobutton {
border: solid 2px #888;
display: block;
height: 20px;
position: absolute;
left: 0;
top: 0;
width: 20px;
}
.modern-browser .fancy-checkbox,
.modern-browser .fancy-radiobutton {
transition: border-color 0.3s;
}
.fancy-checkbox {border-radius: 3px;}
.fancy-radiobutton {border-radius: 50%;}
.radiobutton-dot {
background-color: currentColor;
border-radius: 50%;
height: 12px;
opacity: 0;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(0);
width: 12px;
}
.checkmark {
height: 20px;
opacity: 1;
width: 100%;
}
.checkmark .checkmark-path {
stroke: darkorange;
stroke-width: 2px;
transform-origin: 50% 50%;
stroke-miterlimit: 10;
opacity: 1;
stroke-dasharray: 48;
stroke-dashoffset: 48;
}
/*All Custom CSS Variable Changes*/
.video-container {
  position: relative;
  width: 50%;
  padding-bottom: 56.25%;
}
.video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.classWithPad { margin:10px; padding:10px; }
.bg-navy {background-color:#005f9f;padding:10px}
.customlist {list-style-type:square;margin-left:20px;}
.icon-large {font-size:25px;color:orange;}
 
#bannerHolder { --ct-gutter-x:0px !important;}
 
.footer { background-color:#00529B
;
color:white;
}

 
.nav-user {
    border-width: 0px;
    border-style: none;
    background-color: #00529B;
}
 
#profileImage {
background-color:#6e9933
}