:root {
    --primary-text-color: white !important;
    --primary-color: white !important;
    --primary-background-color: #0572e8 !important;
    --secondary-color: #fce800 !important;
    --secondary-background-color: #0572e8 !important;
    --link-color: #114d8d!important;
    --link-hover-color: #fce800 !important;
    --footer-text-color: #fce800 !important;
    --footer-background-color: #0572e8 !important; 
    --selected-color: #0572e8 !important;
    --selected-background-color: #f0f0f0 !important; 
    --unselect-color: lightgrey !important;
    --unselect-background-color: #f8f8f8 !important;
    --font-family: 'Open Sans', sans-serif;
    --header-background-color: transparent !important;
    --header-color: #114d8d !important;
    --fixed-navbar-background-color: #0572e8!important;
    --body-line-height: 1.5 !important;
    --body-font-size: 15px !important;
    --paragraph-font-size: 15px !important;
    --label-font-size: 15px !important;
    --h1-font-size: 2rem !important;
    --h2-font-size: 1.5rem !important;
    --h3-font-size: 1.375rem !important;
    --h4-font-size: 1.25rem !important;
    --h5-font-size: 1.125rem !important;
    --h6-font-size: 1rem !important;
    --mobile-body-font-size: 14px !important;
    --mobile-paragraph-font-size: 14px !important;
    --mobile-label-font-size: 14px !important;
    --mobile-h1-font-size: 2.5rem !important;
    --mobile-h2-font-size: 2rem !important;
    --mobile-h3-font-size: 1.9rem !important;
    --mobile-h4-font-size: 1.8rem !important;
    --mobile-h5-font-size: 1.7rem !important;
    --mobile-h6-font-size: 1.5rem !important;
    --body-background-image: none !important;
    --body-background-color: #0572e8 !important;
    --main-content-background-color: transparent !important;
    --main-content-color: #114d8d !important;
    --utilmate-container-width: 60% !important;
    --pane-background-color: #f7f7f7 !important;
    --pane-color: #114d8d !important;
    --pane-border-color: none !important;
    --pane-border-radius: 10px !important;
    --pane-padding: .5rem !important;
    --banner-textbox-size: 50% !important;
    --max-logo-width: 235px !important;
}
.signout-button {
    color: var(--primary-text-color) !important;
}
.p-accordion .p-accordion-content {
    background: #f7f7f7 !important;
}
.p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
    background: #f7f7f7 !important;
}
.h1,.h2,.h3,.h4,.h5,.h6, h1,h2,h3,h4,h5,h6 {
    color: #0572e8;
}

/* to change the link & hover  */
a, a:visited , a:link, a:focus, a:active { 
    font-weight: 600; 
    text-decoration: none;
 }
a:hover { 
     font-weight: 600; text-decoration: underline;
}
.utilmate-list-link {
    border: 2px solid #0572e8 !important;
}
.utilmate-list-link:hover {
    background-color: #fce800 !important;
}
.utilmate-list-link img{
    width: 2.2rem;
}
.utilmate-link-icon img{
    width: 2.5rem;
}
.utilmate-link-icon {
    border: 1px solid #0572e8 !important;
}
.utilmate-link-icon:hover {
    background-color: #fce800 !important;
}
ul li {
    font-size: var(--paragraph-font-size);
}
ol li {
    font-size: var(--paragraph-font-size);
}


/*********************
Buttons
**********************/
.p-button.u-button{
    font-size: var(--paragraph-font-size);
    border-top-right-radius: 50px!important;
	border-bottom-left-radius: 50px!important;
	border-bottom-right-radius: 50px!important;
    padding:1rem 1.67rem!important;
    -webkit-font-smoothing:antialiased;
    overflow:visible;
    position:relative;
    min-width:144px;
	border:2px solid #fce800 !important;
    background-color: #0572e8 !important;
	color: #fce800!important;
    -webkit-transition: ease-in-out 0.5s !important;
	-moz-transition: ease-in-out 0.5s !important;
	-ms-transition: ease-in-out 0.5s !important;
	-o-transition: ease-in-out 0.5s !important;
	transition: ease-in-out 0.5s !important;
}
.p-button.u-button.large{
    font-size: 22px;
}
.p-button.u-button:hover{
    background:#fce800!important;
    border:2px solid #fce800 !important;
    color:#114d8d!important;
}

.p-button-link, .p-button-text {
    color: var(--link-color)!important;
}

.p-stepper .p-stepper-header.p-highlight .p-stepper-number, .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
    color: var(--primary-background-color)!important;
}
.p-stepper .p-stepper-header .p-stepper-action {
    background: #f6f6f6!important;
}
.customer-movein .p-selectbutton{
    width: fit-content;
    border: 1px solid #0572e8;
    outline: 2px solid #fce800;
    border-radius: 7px;
    box-shadow: 0 1px 2px #00000005, 0 1px 2px #0000000a;
}

.customer-movein .p-selectbutton .p-button {
    
}

.p-selectbutton .p-button.p-component.p-highlight {
    background-color: var(--primary-background-color)!important;
}

.p-selectbutton .p-button.p-highlight::before {
    background-color: var(--primary-background-color)!important;
}

.current-plan-badge {
    background:#0572e8 !important;
}
/*********************
Transaction page
**********************/
.p-datatable .p-datatable-header, .p-datatable .p-datatable-footer {
    background-color: #f7f7f7 !important;
}
.p-datatable .p-datatable-thead>tr>th {
    background-color: #f7f7f7 !important;
}
.p-datatable .p-datatable-tbody>tr>td {
    background-color: #f7f7f7 !important;
}