/* Prospecta Utilities */
/*********************
fonts 
**********************/
@font-face {
    font-family: "InterBold";
    font-style: normal;
    font-weight: 700;
    src: url("/Portals/15/fonts/Inter-Bold.tff") format("opentype");
}
@font-face {
    font-family: "InterRegular";
    font-style: normal;
    font-weight: 400;
    src: url("/Portals/15/fonts/Inter-V.ttf") format("truetype");
}
@font-face {
    font-family: "Vinila";
    font-style: normal;
    font-weight: 500;
    src: url(/Portals/15/fonts/Vinila-Variable.ttf) format("truetype");
}

/*root*/
:root {
    --primary-text-color: white !important;
    --primary-color: #ffffff !important;
    --primary-background-color: #353924!important;
    --secondary-color: #353924 !important;
    --secondary-background-color: #353924 !important;
    --link-color: #353924 !important;
    --link-hover-color: #e7fa66 !important;
    --footer-text-color: #ffffff !important;
    --footer-background-color: #353924 !important; 
    --selected-color: #e7fa66 !important;
    --selected-background-color: #f0f0f0 !important;
    --unselect-color: lightgrey !important;
    --unselect-background-color: lightgrey !important;
    --font-family: 'InterRegular', sans-serif !important;
    --header-background-color: transparent !important;
    --header-color: #4f5b3f !important;
    --fixed-navbar-background-color: #4f5b3f !important;
    --body-line-height: 1.9 !important;
    --body-font-size: 16px !important;
    --paragraph-font-size: 16px !important;
    --label-font-size: 14px !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: 16px !important;
    --mobile-paragraph-font-size: 16px !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: #4f5b3f !important;
    --main-content-background-color: transparent !important;
    --main-content-color: #212724 !important;
    --utilmate-container-width: 60% !important;
    --pane-background-color: #ffffff !important;
    --pane-color: #ebfdff !important;
    --pane-border-color: #363924 !important;
    --pane-border-radius: 15px !important;
    --pane-padding: 0.5rem !important;
	--banner-textbox-size: 50% !important;
    --max-logo-width: 235px!important;
}

/* 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 #ffffff!important;
}
.utilmate-list-link:hover {
    background-color: #ffffff !important;
}
.utilmate-list-link img{
    width: 2.2rem;
}
.utilmate-link-icon img{
    width: 2.5rem;
}
.utilmate-link-icon:hover {
    background-color: #ffffff !important;
}
ul li {
    font-size: var(--paragraph-font-size);;
}
ol li {
    font-size: var(--paragraph-font-size);;
}
.tw-bg-transparent {
    background-color: #4f5b3f !important;
}
a:not(.p-accordion-header-link):not(.utilmate-link-icon):not(.utilmate-list-link){
    font-weight: 600!important;
}
.p-accordion .p-accordion-content {
    background: #ebfdff !important;
}
.p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
    background: #ebfdff !important;
}
/*customer name nav*/
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight, .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color: var(--link-color)!important;
    background-color: #ebfdff !important;
}
/*customer name nav arrow*/
.p-dropdown .p-dropdown-trigger {
    color: #353924!important;
}
/*end*/
body {
    font-weight: 400;
}
p {
    font-weight: 400;
} 
.utilmate-pane {
    background-color: #ebfdff!important; 
    border: 5px solid !important;
}
.Container12  {
    margin-bottom: 20px;
    border: 5px solid;
    border-radius: 15px !important;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.Container12Content{
    background-color: #ebfdff!important; 
    border-radius: 10px !important;
}
.Container13  {
    padding: 0px !important;
    border: 0px !important;
}
.Container13Content {
    padding: 0px !important;
}
/*********************
Transaction page
**********************/
.p-datatable .p-datatable-header, .p-datatable .p-datatable-footer {
    background-color: #ebfdff !important;
}
.p-datatable .p-datatable-thead>tr>th {
    background-color: #ebfdff!important;
}
.p-datatable .p-datatable-tbody>tr>td {
    background-color: #ebfdff!important;
}
/*end*/
/***********************
Usage page
************************/
.main-svg{
    background-color: transparent!important;
}
label{
     color: #212724 !important;
     font-weight: 400 !important;
}
.h1,.h2,.h3,.h4,.h5,.h6, h1,h2,h3,h4,h5,h6{
    font-family: 'Vinila';
    font-weight: 500;
}

/*********************
Buttons
**********************/
.p-button.u-button{
    border-radius:20px;
    padding:5px 20px!important;
    background-color: #b3411f !important;
	color: #ebfcff!important;
	display: inline-flex;
    align-items: center;
    min-height: 42px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    border: 0px!important;
}
.p-button.u-button:hover{
    background-color: #353924!important;
 }
.p-buttonYellow.u-buttonYellow{
    border-radius:20px;
    padding:5px 20px!important;
    background-color: #e7fa66  !important;
	color: #353924 !important;
	display: inline-flex;
    align-items: center;
    min-height: 42px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    text-decoration: none;
}
.p-buttonYellow.u-buttonYellow:hover{
    background-color: #ebfcff  !important;
 }
.p-button.p-button-text {
    background-color: #4f5b3f  !important;
}

.p-selectbutton .p-button.p-highlight:before {
    background: #353924 !important;
    border-color: #353924 !important;
    box-shadow: 0 1px 2px #00000005, 0 1px 2px #0000000a;
}
.p-selectbutton .p-button.p-component.p-highlight {
    background-color: #353924 !important;
    text-transform: uppercase;
}

/* .p-button-label{
color: #ffffff !important;
}
.p-button-label:hover{
color: #ffffff !important;
} */