/********************PADDING : small / medium / large / x-large / xx-large / xxx-large *****************/
/* All around the box  */

.decl-p-around_small{
	padding: 8px;
}

.decl-p-around_medium{
	padding: 16px;
}
.decl-p-around_large{
	padding: 24px;
}

.decl-p-around_x-large{
	padding: 32px;
}

.decl-p-around_xx-large{
	padding: 40px;
}

.decl-p-around_xxx-large{
	padding: 48px;
}
/* Vertical Padding */

.decl-p-vertical_small{
	padding-top: 8px;
	padding-bottom: 8px;
}

.decl-p-vertical_medium{
	padding-top: 16px;
	padding-bottom: 16px;
}
.decl-p-vertical_large{
	padding-top: 24px;
	padding-bottom: 24px;
}

.decl-p-vertical_x-large{
	padding-top: 32px;
	padding-bottom: 32px;
}

.decl-p-vertical_xx-large{
	padding-top: 40px;
	padding-bottom: 40px;
}

.decl-p-vertical_xxx-large{
	padding-top: 48px;
	padding-bottom: 48px;
}

/* Horizontal Padding */

.decl-p-horizontal_small{
	padding-left: 8px;
	padding-right: 8px;
}

.decl-p-horizontal_medium{
	padding-left: 16px;
	padding-right: 16px;
}
.decl-p-horizontal_large{
	padding-left: 24px;
	padding-right: 24px;
}

.decl-p-horizontal_x-large{
	padding-left: 32px;
	padding-right: 32px;
}

.decl-p-horizontal_xx-large{
	padding-left: 40px;
	padding-right: 40px;
}

.decl-p-horizontal_xxx-large{
	padding-left: 48px;
	padding-right: 48px;
}

/* Left Padding */

.decl-p-left_small{
	padding-left: 8px;
}

.decl-p-left_medium{
	padding-left: 16px;
}
.decl-p-left_large{
	padding-left: 24px;
}

.decl-p-left_x-large{
	padding-left: 32px;
}

.decl-p-left_xx-large{
	padding-left: 40px;
}

.decl-p-left_xxx-large{
	padding-left: 48px;
}

/* right Padding */

.decl-p-right_small{
	padding-right: 8px;
}

.decl-p-right_medium{
	padding-right: 16px;
}
.decl-p-right_large{
	padding-right: 24px;
}

.decl-p-right_x-large{
	padding-right: 32px;
}

.decl-p-right_xx-large{
	padding-right: 40px;
}

.decl-p-right_xxx-large{
	padding-right: 48px;
}

/* top Padding */

.decl-p-top_small{
	padding-top: 8px;
}

.decl-p-top_medium{
	padding-top: 16px;
}
.decl-p-top_large{
	padding-top: 24px;
}

.decl-p-top_x-large{
	padding-top: 32px;
}

.decl-p-top_xx-large{
	padding-top: 40px;
}

.decl-p-top_xxx-large{
	padding-top: 48px;
}

/* bottom Padding */

.decl-p-bottom_small{
	padding-bottom: 8px;
}

.decl-p-bottom_medium{
	padding-bottom: 16px;
}
.decl-p-bottom_large{
	padding-bottom: 24px;
}

.decl-p-bottom_x-large{
	padding-bottom: 32px;
}

.decl-p-bottom_xx-large{
	padding-bottom: 40px;
}

.decl-p-bottom_xxx-large{
	padding-bottom: 48px;
}

/******************** MARGIN : small / medium / large / x-large / xx-large / xxx-large *****************/

.decl-m-top_one{
    margin-top: 1px;
}
/* All around the box */

.decl-m-around_small{
	margin: 8px;
}

.decl-m-around_medium{
	margin: 16px;
}
.decl-m-around_large{
	margin: 24px;
}

.decl-m-around_x-large{
	margin: 32px;
}

.decl-m-around_xx-large{
	margin: 40px;
}

.decl-m-around_xxx-large{
	margin: 48px;
}

/* Vertical margin */

.decl-m-vertical_small{
	margin-top: 8px;
	margin-bottom: 8px;
}

.decl-m-vertical_medium{
	margin-top: 16px;
	margin-bottom: 16px !important;
}
.decl-m-vertical_large{
	margin-top: 24px;
	margin-bottom: 24px;
}

.decl-m-vertical_x-large{
	margin-top: 32px;
	margin-bottom: 32px;
}

.decl-m-vertical_xx-large{
	margin-top: 40px;
	margin-bottom: 40px;
}

.decl-m-vertical_xxx-large{
	margin-top: 48px;
	margin-bottom: 48px;
}

/* Horizontal margin */

.decl-m-horizontal_small{
	margin-left: 8px;
	margin-right: 8px;
}

.decl-m-horizontal_medium{
	margin-left: 16px;
	margin-right: 16px;
}
.decl-m-horizontal_large{
	margin-left: 24px;
	margin-right: 24px;
}

.decl-m-horizontal_x-large{
	margin-left: 32px;
	margin-right: 32px;
}

.decl-m-horizontal_xx-large{
	margin-left: 40px;
	margin-right: 40px;
}

.decl-m-horizontal_xxx-large{
	margin-left: 48px;
	margin-right: 48px;
}

/* Left margin */

.decl-m-left_small{
	margin-left: 8px;
}

.decl-m-left_medium{
	margin-left: 16px;
}
.decl-m-left_large{
	margin-left: 24px;
}

.decl-m-left_x-large{
	margin-left: 32px;
}

.decl-m-left_xx-large{
	margin-left: 40px;
}

.decl-m-left_xxx-large{
	margin-left: 48px;
}

/* right margin */

.decl-m-right_small{
	margin-right: 8px;
}

.decl-m-right_medium{
	margin-right: 16px;
}
.decl-m-right_large{
	margin-right: 24px;
}

.decl-m-right_x-large{
	margin-right: 32px;
}

.decl-m-right_xx-large{
	margin-right: 40px;
}

.decl-m-right_xxx-large{
	margin-right: 48px;
}

/* top margin */

.decl-m-top_small{
	margin-top: 8px;
}

.decl-m-top_medium{
	margin-top: 16px;
}
.decl-m-top_large{
	margin-top: 24px;
}

.decl-m-top_x-large{
	margin-top: 32px;
}

.decl-m-top_xx-large{
	margin-top: 40px;
}

.decl-m-top_xxx-large{
	margin-top: 48px;
}

/* bottom margin */

.decl-m-bottom_small{
	margin-bottom: 8px;
}

.decl-m-bottom_medium{
	margin-bottom: 16px;
}
.decl-m-bottom_large{
	margin-bottom: 24px;
}

.decl-m-bottom_x-large{
	margin-bottom: 32px;
}

.decl-m-bottom_xx-large{
	margin-bottom: 40px;
}

.decl-m-bottom_xxx-large{
	margin-bottom: 48px;
}

/* 4px margin and padding */

.decl-p-around_x-small{
	padding: 4px;
}

.decl-p-left_x-small{
	padding-left: 4px;
}

.decl-p-right_x-small{
	padding-right: 4px;
}

.decl-p-top_x-small{
	padding-top: 4px;
}

.decl-p-bottom_x-small{
	padding-bottom: 4px;
}

.decl-m-around_x-small{
	margin: 4px;
}

.decl-m-horizontal_x-small{
    margin-left: 4px;
    margin-right: 4px;
}

.decl-m-vertical_x-small{
    margin-top: 4px;
    margin-bottom: 4px;
}

.decl-p-vertical_x-small{
    padding-top: 4px;
    padding-bottom: 4px;
}

.decl-p-horizontal_x-small{
    padding-left: 4px;
    padding-right: 4px;
}

.decl-m-left_x-small{
	margin-left: 4px;
}

.decl-m-right_x-small{
	margin-right: 4px;
}

.decl-m-top_x-small{
	margin-top: 4px;
}

.decl-m-bottom_x-small{
	margin-bottom: 4px;
}
/************* position adjustment *******************/

.decl-sec_C{
	position: relative;
    right: 8px;
    /* top: 40px; */
}

.slds-button{
	border: none;
	background-color: transparent;
}
.qrisFooter [data-aura-rendered-by="130:0"]{
	width: 100%;
}
/** ,
.qrisFooter *,
.qrisFooter *:before,
.qrisFooter  *:after
/************ Zero imp ***************/

.decl-m-left_null{
	margin-left: 0 !important;
}

/*********** negative margins ****************/ 
.decl--m-top_small{
	margin-top: -8px;
}
/**********margins and paddings end**********************/

/************ Theme ************/

::-webkit-scrollbar {
	width: 8px !important;
	background: transparent;
}
::-webkit-scrollbar-thumb {
	background: var(--c-primaryBlue);
}
::-webkit-scrollbar-track {
	box-shadow: none !important;
	background: #CFD2E8;
	border-radius: 8px;
}

.forceCommunitySection .cb-section_column:only-child{
	padding: 40px 0 !important;
}
.decl-bg_gray{
	background-color: var(--c-utilityLightGray);
}
.decl-bg_white{
	background-color: var(--c-utilityWhite);
}
/************** Theme ****************/

/*********SPINNER**************/
.slds-spinner_container{
	position:fixed
}

/********** CARD **************/

.decl-card {
    position: relative;
    padding: 0;
    background: rgb(255, 255, 255);
    border: 1px solid #d4d4d4;
    border-radius: 8px;
    background-clip: padding-box;
    box-shadow: 0 0 10px 0 var(--c-secondaryLightBlue);
}

.decl-card-header {
    display: flex;
    padding-left: 24px;
    padding-top: 24px;
    padding-right: 24px;
    justify-content: space-between;
}

.decl-card-header_with-icon {
    padding-left: 24px;
    padding-top: 24px;
    padding-right: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.decl-card-body {
    padding: 24px;
}

.decl-card-footer{
    border-top: 1px solid var(--c-secondaryLightBlue);
    padding-top: 24px;
    padding-bottom: 24px;
    text-align: center;
}

.decl-card-gray{
	position: relative;
    padding: 0;
    background: var(--c-utilityLightGray) !important;
    border-radius: 8px !important;
    background-clip: padding-box;
}

.decl-card-gray-footer{
	padding: 16px;
    height: fit-content;
	width: 100%;
    text-align: left;
    border-top: 1px solid var(--c-secondaryLightBlue);
}

.decl-gray-box{
	width: 100%;
    border-radius: 8px;
    background-color: var(--c-utilityLightGray);
    padding: 24px 16px;
}

.decl-bottom_40{
	bottom: 48px;
    position: absolute;
    right: 48px;
	text-align: right;
}

/********** Page Borders ************/

.decl-border-bottom_gray{
	border-bottom: 1px solid var(--c-utilityMidGray);
}

/********** Page Borders ************/

/* Display/ Align/ Justify Content */

.decl-display-flex_space-between {
    display: flex;
    justify-content: space-between;
    width:100%;
}

.decl-align_center{
    align-items: center;
    display: flex;
}

.decl-flex-end {
    display: flex;
    justify-content: flex-end;
}

.decl-align_flex-end{
    align-items: flex-end;
}

.decl-flex-baseline {
    display: flex;
    align-items: baseline !important;
}

.decl-align_right{
	text-align: right !important;
}

.decl-display-flex_row {
    display: flex;
    flex-direction: row !important;
}

.decl-align_left{
    text-align: left !important;
}

.decl-align_right{
    text-align: right !important;
}

.decl-center_align{
	text-align: center !important;
}

.decl-height-fit{
	height: fit-content;
}

/**************** STYLE GUIDE : Typography*****************/
.decl-text-hero{
    font-family: 'Museo Slab';
    font-size: 42px; /* */
    font-weight: 500;
	line-height: 64px;
    color:var(--c-primaryBlue);
}

.decl-text-header1_blue{
    font-family: 'Museo Slab';
    font-size: 32px !important; /**/
    font-weight: 500;
    line-height: 40px;
	color:var(--c-primaryBlue);
}

.decl-text-header1{
    font-family: 'Museo Slab';
    font-size: 32px; /**/
    font-weight: 500;
    line-height: 40px;
    color:var(--c-utilityBlack);
}

.decl-text-header2_blue,
.decl-text-header2{
    font-family: 'Museo Slab';
    font-size: 24px !important;
    font-weight: 500;
    line-height: 32px;
}

.decl-text-header3_blue,
.decl-text-header2_blue{
    color:var(--c-primaryBlue);
}
.decl-text-header3,
.decl-text-header3_blue{
    /*font-family: 'Museo Slab';
    font-size: 16px;
    font-weight: 500;*/
    font-family: Trebuchet MS;
    font-size: 24px;
    font-weight: 800;
    line-height: 32px;
}

.decl-text-subhead1_whitebold,
.decl-text-subhead1_bluebold,
.decl-text-subhead1{
    font-family: 'Trebuchet MS';
    font-size: 24px;
    letter-spacing: 3px;
    line-height:24px;
    font-weight: bold;
    text-transform: uppercase;
}
.decl-text-subhead2_bluebold,
.decl-text-subhead1_bluebold{
	color:var(--c-primaryBlue) !important;
	font-weight: bold;
}
.decl-text-subhead2_whitebold,
.decl-text-subhead1_whitebold{
	color:var(--c-utilityWhite) !important;
	font-weight: bold;
}

.decl-text-subhead2_bold{
	color: #000000;
	font-weight: bold;
}
.decl-text-subhead2_whitebold,
.decl-text-subhead2_bluebold,
.decl-text-subhead2,
.decl-text-subhead2_bold{
    font-family: 'Trebuchet MS';
    font-size: 16px;
    letter-spacing: 2.5px;
    line-height:24px;
    text-transform: uppercase;
}
.decl-text-body_large_blue,
.decl-text-body_large_green,
.decl-text-body_large,
.decl-text-body_largebold,
.decl-text-body_largeitalic{
    font-family: 'Trebuchet MS';
    font-size: 16px;
    letter-spacing:0.25px;
    line-height: 24px;
    text-decoration: none !important;
}
.decl-text-body_large_green{
	color: var(--c-secondarySuccessGreen) !important;
}
.decl-text-body_large,
.decl-text-body_largebold,
.decl-text-body_largeitalic{
	color: black !important;
}
.decl-text-body_large_blue{
	color: var(--c-primaryBlue) !important;
}
a .decl-text-body_large,
a .decl-text-body_large:hover,
a .decl-text-body_large:focus,
.decl-text-body_large a,
.decl-text-body_large a:hover,
.decl-text-body_large a:focus{
	color: black !important;	
}
a .decl-text-body_large:hover,
a .decl-text-body_large:focus,
.decl-text-body_large a:hover,
.decl-text-body_large a:focus,
.lic:hover,
.lic:focus,
.lic:hover,
.lic:active,
.lic:focus-within,
.lic a:active,
.lic a .decl-text-body_large:active,
.lic .decl-text-body_large a:active,
.lic .decl-text-body_large:active{
	font-weight: bold !important;
}

.decl-text-body_large_blue{
	color: var(--c-primaryBlue);
}
.decl-text-body_largebold{
    font-weight:bold;
}

.decl-text-body_largeitalic{
    font-style:italic;
}
.decl-text-body_smallbold,
.decl-text-body_small,
.decl-text-body_smallitalic{
    font-family: 'Trebuchet MS';
    font-size: 12px;
    letter-spacing:0.25px;
    line-height: 20px;
    font-weight: normal;
}

.decl-text-body_smallbold{
	font-weight: bold;
	color: black;
}

.decl-text-body_smallitalic{
    font-style:italic;
}

.decl-text-body_x-smallitalic,
.decl-text-error_italic{
    font-family: 'Trebuchet MS';
    font-size: 10px;
    letter-spacing:0.25px;
    line-height: 16px;
    font-style:italic;
}

.decl-text-hint{
    font-family: "Trebuchet MS";
    font-size: 10px;
    font-style: italic;
    letter-spacing: 0.25px;
    line-height: 16px;
    color: #4D5758;
}

.decl-text-error_italic{	/*not a part of style guide*/
    color: var(--c-secondaryDarkRed);
}
.decl-text-label_capsGray,
.decl-text-label_caps,
.decl-text-label,
.decl-text-label_bold{
    font-family: 'Trebuchet MS';
    font-size: 12px;
    letter-spacing:2px;
    line-height: 20px; 
}
.decl-text-label_large{
	font-family: 'Trebuchet MS';
    font-size: 16px;
    letter-spacing:2px;
    line-height: 20px; 
	font-weight: bold;
	color: black;
	text-transform: uppercase;
}
.decl-text-label_capsGray{
	text-transform: uppercase;
	color: var(--c-utilitySlateGray) !important;
}
.decl-text-label_caps{
    text-transform: uppercase;
    color:var(--c-utilityBlack);
}

.decl-text-label_bold{
    font-weight:bold;
}
.decl-button_textLink .slds-button,
.decl-text-link .slds-button,
.decl-text-link a,
.decl-text-link{
    font-family: 'Trebuchet MS';
    color:var(--c-primaryBlue) !important;
    font-size: 16px;
	letter-spacing: 0.5px;
	line-height: 24px;
	font-weight: bold;
}

.decl-text-link.box{
	border: 2px solid #101e8e;
    padding: 8px;
    border-radius: 8px;
}
.decl-button_textLink .slds-button:focus,
.decl-button_textLink .slds-button:hover{
	box-shadow: none;
	border: none;
	color:var(--c-primaryBlue);
}
a .decl-link-text,
.decl-link-text a,
.decl-link-text{
	font-family: 'Trebuchet MS';
    color:var(--c-primaryBlue);
    font-size: 16px;
	letter-spacing: 0.5px;
	line-height: 24px;
	text-decoration: none !important;
}

.qris-text-link_small:hover,
.qris-text-link_small:focus,
.qris-text-link_small a,
.qris-text-link_small a:hover,
.qris-text-link_small a:active,
.decl-text-link a,
.decl-text-link a:hover,
.decl-text-link a:active,
.decl-text-link_small a,
.decl-text-link_small a:hover,
.decl-text-link_small a:active{
    color: var(--c-primaryBlue);
    font-weight: bold !important;
	text-decoration: underline !important;
}					 

.decl-text-link_small{
    font-family: 'Trebuchet MS';
    color:var(--c-primaryBlue);
    font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 20px;
    text-decoration: underline;
    font-weight: bold;
}
/***************** typography ends **********************/

/*** PRIMARY BUTTONS : For Blue Background buttons******/
.decl-button-primary button,
.decl-button-primary button:focus{
    background: var(--c-primaryBlue);								
    display: inline-block;
    color: var(--c-utilityWhite);
    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 24px;
    text-align: center;
    border-radius: 8px;				  
    padding: 12px 24px;
    min-width: 180px;  
	box-shadow: none;
}

.decl-button-primary_small button,
.decl-button-primary_small button:focus{
    background: var(--c-primaryBlue);
    color: var(--c-utilityWhite);
    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 24px;
    text-align: center;
    padding: 8px 32px;
    min-width: 104px;
    border-radius: 8px;
    box-shadow: none;
}

.decl-button-primary button:hover,
.decl-button-primary_small button:hover{							 
    background: var(--c-secondaryDarkBlue);
    color: var(--c-utilityWhite);									   
}

/******* SECONDARY BUTTONS : White Background **************/
.decl-button-secondary button,
.decl-button-secondary button:focus{
    color: var(--c-primaryBlue);
    font-family: "Trebuchet MS";
	background: transparent !important;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 24px;
    text-align: center;
    border: 2px solid var(--c-primaryBlue) !important; 
    border-radius: 8px;
    padding: 12px 24px;
    min-width: 180px;
    justify-content: center;
    box-shadow: none;
}

.decl-button-secondary button,
.decl-button-secondary button:focus,
.decl-button-secondary_small button:hover,
.decl-button-secondary button:hover{
    color: var(--c-secondaryDarkBlue);
    border: 2px solid var(--c-secondaryDarkBlue) !important;
    background: transparent !important; 
}

.decl-button-secondary_small button,
.decl-button-secondary_small button:focus{
    color: var(--c-primaryBlue);
    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 24px;
    text-align: center;
    border: 2px solid var(--c-primaryBlue);
    border-radius: 8px;			
    padding: 8px 32px;
    min-width: 104px;
	background: transparent !important;
    box-shadow: none;
}

.decl-button-secondary button:focus,
.decl-button-secondary button:hover,
.decl-button-primary button:focus {
    outline: 2.5px solid black;
} 

.decl-button-secondary button:active {
    outline: none; /* Removes outline only during active state */
}

.decl-button-primary button:disabled,
.decl-button-primary_small button:disabled,
.decl-button-secondary button:disabled,
.decl-button-secondary_small button:disabled{					 
  color: var(--c-utilitySlateGray);
  background: #F7F7F7 !important;
  border:none !important;
}

/************ STYLE GUIDE : TABS / TABSET *************/

.decl-tabset_default .slds-tabs_default__link{
    color: var(--c-utilitySlateGray);
    font-family: "Trebuchet MS";
    font-size: 16px;
    letter-spacing: 2.5px;
    line-height: 24px;
    height:auto;
    text-transform: uppercase; /*ask*/
}

.decl-tabset_default .slds-tabs_default__link:focus{
    text-decoration: none !important;
}

.decl-tabset_default .slds-has-focus.slds-tabs_default__item:focus,
.decl-tabset_default .slds-has-focus .slds-tabs_default__link:focus{
    color: var(--c-utilitySlateGray);
}

.decl-tabset_default .slds-is-active .slds-tabs_default__link:hover{
    color: var(--c-primaryBlue);
}

.decl-tabset_default .slds-tabs_default__item{
    padding: 0 0 24px 0;
    margin-right: 24px;
    margin-left: 0px;
}

.decl-tabset_default .slds-tabs_default {
    background-color: transparent !important;
}

.decl-tabset_default .slds-tabs_default__item.slds-is-active,
.decl-tabset_default .slds-tabs_default__item.slds-is-active .slds-tabs_default__link{
    color: var(--c-primaryBlue);
    font-weight: bold;
}

.decl-tabset_default .slds-tabs_default__item.slds-is-active::after{
    height: 4px;
    background-color: var(--c-primaryBlue);
}

.decl-tabset_default .slds-tabs_default__item:hover::after{
    background-color: var(--c-primaryBlue);
}

.decl-tabset_default .slds-tabs_default__link:focus{
    text-decoration: none !important;
}

.decl-tabset_default.decl-navigation-menu .slds-tabs_default__nav{
    border: 1px solid rgb(212, 212, 212);
    padding: 0px 24px;
}

.decl-tabset_default.decl-navigation-menu .slds-tabs_default__item{
    padding: 32px 16px;
}

.decl-tabset_default.decl-navigation-menu .slds-tabs_default__item:nth-last-child(2){
    background-color:var(--c-utilityLightGray);
    color: var(--c-primaryBlue);
    font-weight: bold;
}

.decl-tabset_default.decl-navigation-menu .slds-tabs_default__item:nth-last-child(2):hover{
    background-color:var(--c-secondaryLightBlue);
    color: var(--c-primaryBlue);
}

.decl-tabset_default.decl-navigation-menu .slds-tabs_default__item:nth-last-child(2) a{
    text-transform: capitalize;
}
/******************* Table *******************/


.decl-table tbody tr:not(:last-child){
    border-bottom: 1px solid var(--c-secondaryLightBlue);    
}
.decl-table thead th:not(:first-child){
    text-align: left;
}
.decl-table thead th{
    padding: 16px;
    border: none;
}
.decl-table tr td:first-of-type,
.decl-table thead th:first-of-type{
	padding-left: 24px !important;
	text-align: left;
}
.decl-table tbody tr td{
    text-align: left;
    padding: 16px;
}

.decl-table thead tr th:first-child{
    border-radius: 8px 0 0 0;
    text-align: left;
}
.decl-table thead tr th:last-child{
    border-radius: 0 8px 0 0;
}
.decl-table tfoot tr td:last-child{
    border-radius: 0 0 8px 0;
}
.decl-table tfoot tr td:first-child{
    border-radius: 0 0 0 8px;
}

.decl-table thead tr{
    background: var(--c-utilityMidGray);
}
.decl-table tbody tr{
    background: var(--c-utilityWhite);
}
.decl-table tfoot tr:last-child{
    background: var(--c-utilityWhite);
}

.decl-tfoot_hist{
	text-align: right;
    padding-right: 200px;
    padding-bottom: 10px;
}


/************ STYLE GUIDE : TABS / TABSET *************/

.decl-tabset_default .slds-tabs_default__link{
    color: var(--c-utilitySlateGray);
    font-family: "Trebuchet MS";
    font-size: 16px;
    letter-spacing: 2.5px;
    line-height: 24px;
    height:auto;
    text-transform: uppercase; /*ask*/
}

.decl-tabset_default .slds-tabs_default__link:focus{
    text-decoration: none !important;
}

.decl-tabset_default .slds-has-focus.slds-tabs_default__item:focus,
.decl-tabset_default .slds-has-focus .slds-tabs_default__link:focus{
    color: var(--c-utilitySlateGray);
}

.decl-tabset_default .slds-is-active .slds-tabs_default__link:hover{
    color: var(--c-primaryBlue);
}

.decl-tabset_default .slds-tabs_default__item{
    padding: 0 0 24px 0;
    margin-left: 0px;
    margin-right: 24px;
}

.decl-tabset_default .slds-tabs_default {
    background-color: transparent !important;
}

.decl-tabset_default .slds-tabs_default__item.slds-is-active,
.decl-tabset_default .slds-tabs_default__item.slds-is-active .slds-tabs_default__link{
    color: var(--c-primaryBlue);
    font-weight: bold;
}

.decl-tabset_default .slds-tabs_default__item.slds-is-active::after{
    height: 4px;
    background-color: var(--c-primaryBlue);
}

.decl-tabset_default .slds-tabs_default__item:hover::after{
    background-color: var(--c-primaryBlue);
}

.decl-tabset_default .slds-tabs_default__link:focus{
    text-decoration: none !important;
}


/******************** Breadcrumbs ****************/

.decl-breadcrumbs .slds-breadcrumb__item a,
.decl-breadcrumbs .slds-breadcrumb .slds-list__item>a,
.decl-breadcrumbs .slds-breadcrumb .slds-breadcrumb__item>a{
	font-family: "Trebuchet MS";
    font-size: 12px;
	color: var(--c-utilitySlateGray) !important;
	margin-right: 8px;
    margin-left: 8px;
}

.decl-breadcrumbs .slds-breadcrumb__item:hover,
.decl-breadcrumbs .slds-breadcrumb__item:focus{
	font-weight: bold;
}
.decl-breadcrumbs .slds-breadcrumb .slds-list__item:before,
.decl-breadcrumbs .slds-breadcrumb .slds-breadcrumb__item:before{
	font-size: 24px;
	color: var(--c-primaryBlue);
	top: -55%;
	font-weight: bold;
}

.decl-breadcrumbs .slds-breadcrumb .slds-list__item:first-child>a,
.decl-breadcrumbs .slds-breadcrumb .slds-breadcrumb__item:first-child>a{
	margin-left: 0 !important;
}
/****************** Radio *********************/

.decl-radio-card .slds-form-element__control .slds-radio{
	border-radius: 8px;
    border: 1px solid #d4d4d4;
    box-shadow: 0 0 10px 0 var(--c-secondaryLightBlue);
    padding: 32px;
	margin-right: 40px;
	display: flex;
	background-color: white;
}

.decl-radio-card .slds-radio .slds-radio_faux{
	border: 2px solid var(--c-utilityMidGray);
    margin-right: 16px !important;
}

.decl-radio-card .slds-radio .slds-form-element__label{
	margin: 0px;
    padding: 0px;
    color: var(--c-utilityBlack);
    font-family: "Trebuchet MS";
    font-size: 16px !important;
    letter-spacing: 0.25px;
    line-height: 20px;
}

.decl-radio-card.block .slds-form-element__control{
	display: block;
}
.decl-radio-card .slds-checkbox__label,
.decl-radio-card .slds-form-element__control {
    display: flex;
    align-items: center;
}
.decl-radio-card .slds-radio__label .slds-radio_faux{
    width: 20px;
    height: 20px;
    border: 2px solid var(--c-utilityMidGray);
}
/*ADA Compliance*/
.decl-radio-card .slds-radio [type="radio"]:focus + .slds-radio__label .slds-radio_faux,
.decl-radio-card .slds-radio [type="radio"]:hover + .slds-radio__label .slds-radio_faux,
.decl-input-checkbox .slds-checkbox [type="checkbox"]:focus + .slds-checkbox__label .slds-checkbox_faux,
.decl-input-checkbox .slds-checkbox [type="checkbox"]:hover + .slds-checkbox__label .slds-checkbox_faux {
    border-color: var(--c-utilityMidGray);
    box-shadow: 0 0 0 var(--c-utilityMidGray);
    outline: 3.5px solid black !important;
}
/*ADA Compliance*/
.decl-input-checkbox_single .slds-checkbox [type="checkbox"]:hover + .slds-checkbox__label .slds-checkbox_faux,
.decl-input-checkbox_single .slds-checkbox [type="checkbox"]:focus + .slds-checkbox__label .slds-checkbox_faux
{
    outline: 2.5px solid black !important;
}
/*ADA Compliance*/
.qris-input-radiobutton.phub-radio.decl .slds-radio [type="radio"]:focus + .slds-radio__label .slds-radio_faux,
.qris-input-radiobutton.phub-radio.decl .slds-radio [type="radio"]:hover + .slds-radio__label .slds-radio_faux
{
    outline: 2.5px solid black !important;
}
/*ADA Compliance*/
.decl-button-primary.qris-m-bottom_medium button:focus,
.decl-button-primary.qris-m-bottom_medium button:hover
{
    outline: 3.5px solid black !important;
    border : none !important;
}
/*ADA Compliance*/
.decl-button-secondary.qris-p-right_x-large button:focus,
.decl-button-secondary.qris-p-right_x-large button:hover
{
    outline: 3.5px solid black !important;
    border : none !important;
}
/*ADA Compliance*/
.decl-button-secondary_small button:focus,
.decl-button-secondary_small button:hover
{
    outline: 2.5px solid black !important;
}
/*ADA Compliance*/
.errorDiv:focus {
    outline: 2.5px solid black;
}
.qris-msg-comp.qris-p-bottom_x-large.errorDiv
{
    background-color: var(--c-primaryRed) !important;
}
/*ADA Compliance*/
.slds-progress.slds-progress_vertical .slds-progress__list .slds-progress__item.has-errors .qris-progress__item-error-status.qris-p-left_xxx-large,
.slds-progress.slds-progress_vertical .slds-progress__list .slds-progress__item.has-errors .slds-progress__item_content.slds-grid.slds-grid_align-spread
{
    font-weight: bolder !important;
    font-style: italic !important;
}
/*ADA Compliance*/
.slds-progress.slds-progress_vertical .slds-progress__list .slds-progress__item.has-errors .slds-progress__marker
{
    background-color: #BA520D !important;
}
/*ADA Compliance*/
.slds-progress.slds-progress_vertical .slds-progress__list .slds-progress__item.slds-is-completed .slds-progress__marker
{
    background-color: #577B0A !important;
    outline: 3.5px solid black;
}
/*ADA Compliance*/
.decl-button-primary.decl-m-around_xxx-large.decl-p-right_xxx-large .slds-button.slds-button_neutral:focus,
.decl-button-primary.decl-m-around_xxx-large.decl-p-right_xxx-large .slds-button.slds-button_neutral:hover {
    outline: 3px solid black;
    border : none !important;
}

.decl-radio-card .slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio_faux{
    border-color: var(--c-secondaryLightBlue);
    height: 24px;
    width: 24px;
    margin-right: 0px;
}
.decl-radio-card .slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio_faux::after{
    width: 14px;
    height: 14px;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0px);
    border-radius: 50%;
    background: var(--c-secondarySuccessGreen);
}

.decl-pay.decl-radio-card .slds-form-element__control .slds-radio{
	margin-bottom: 16px;
    box-shadow: none;
    border: none;
    background-color: var(--c-utilityBlueHint);
}
/********************** Modal ************************/

.decl-modal .slds-modal__container .slds-modal__content{
    overflow-y: visible;
}

.slds-modal__content{
	border-radius: 8px;
}

.decl-modal-container{
	padding-right: 60px;
}
/********************** Badges *********************/

.decl-badge_blue,
.decl-badge_mid-gold,
.decl-badge_success-green,
.decl-badge_grey {
    text-align: center;
    border-radius: 16px;
    font-family: "Trebuchet MS";
    font-size: 12px;
    letter-spacing: 0.25px;
	font-weight: 500;
}

.decl-badge_mid-gold {
    background: var(--c-secondaryMidGold) !important;
}

.decl-badge_grey{
    background: var(--c-utilityMidGray) !important;
}

.decl-badge_success-green {
    background: var(--c-secondarySuccessGreen) !important;
}

.decl-badge_blueHint{
    background: var(--c-utilityBlueHint) !important;
}

/*********** Relating to QRIS ********/

.qris-buttonIcon-brand .slds-button,
.qris-buttonIcon-brand .slds-button:hover, 
.qris-buttonIcon-brand .slds-button:focus, 
.qris-buttonIcon-direction .slds-button, 
.qris-buttonIcon-direction .slds-button:hover, 
.qris-buttonIcon-direction .slds-button:focus{
	border: none;
	background-color: transparent;
}

.qris-input-radiobutton.phub-radio.decl .slds-form-element__control{
   display: block;
}
.qris-input-radiobutton.phub-radio.decl .slds-form-element__control .slds-radio{
    display: inline-block;
}
.phub-input-richtext.qris-input-textarea .slds-form-element__label{
	padding-top: 4px;
	font-size: 12px;
}
.qris-input-textarea.phub-input-richtext .slds-textarea{
    font-size: 16px;
}

.slds-badge.decl-text-body_small,
.qris-input-text_non_editable.decl .slds-form-element__label{
	font-size: 12px !important;
}
.decl.qris-input-text_non_editable .slds-input{
	font-size: 16px !important;
}

.decl.qris-uploadFile .slds-file-selector__button,
.decl.qris-uploadFile .slds-file-selector__button:hover,
.decl.qris-uploadFile .slds-file-selector__button:focus{
	    font-size: 16px;
		box-shadow: none !important;
}

.decl.qris-uploadFile .slds-file-selector__text{
	font-size: 12px;
}

.qris-buttonIcon-neutral .slds-button_neutral:hover,
.qris-buttonIcon-neutral .slds-button_neutral:focus,
.qris-buttonIcon-neutral .slds-button--neutral:hover,
.qris-buttonIcon-neutral .slds-button--neutral:focus{
	background-color: transparent;
    border: none;
}

.qris-input-text.phub-input-text svg{
	height: 20px;
    width: 20px;
    right: 8px;
    position: relative;
    fill: var(--c-primaryBlue);
    bottom: 12px;
}

.qris-input-text.phub-input-text.text-hide-icon svg{
	display: none;
}

.qris-input-text.phub-input-text .slds-dropdown{
    width: 100%;
    border: 2px solid var(--c-utilityMidGray);
    border-radius: 8px;
    margin-top: 8px;
    top: 100% !important;
}
.qris-input-text.phub-input-text .slds-text-link{
    font-family: 'Trebuchet MS';
    color:var(--c-primaryBlue);
    font-size: 12px;
    letter-spacing:0.5px;
    line-height: 26px;
    text-decoration: underline;
    font-weight: bold;
}

.qris-input-text.phub-input-text .slds-media.slds-listbox__option.slds-media_center.slds-media_small.slds-listbox__option_plain{
    font-family: "Trebuchet MS";
    font-size: 12px;
    letter-spacing: 0.25px;
    line-height: 24px;
	font-weight: bold;
}
.qris-input-text.phub-input-text .slds-datepicker .slds-button__icon{
	position: relative;
    top: 0px;
}

.qris-input-text.phub-input-text .slds-datepicker .slds-button:hover,
.qris-input-text.phub-input-text .slds-datepicker .slds-button:focus{
	outline: 2.5px solid black !important; 
}

.qris-input-text.phub-input-text .slds-datepicker .slds-select:hover,
.qris-input-text.phub-input-text .slds-datepicker .slds-select:focus{
	outline: 2.5px solid black !important; 
}

.qris-input-text.phub-input-text .slds-datepicker tbody>tr>td.slds-is-today:hover,
.qris-input-text.phub-input-text .slds-datepicker tbody>tr>td.slds-is-today:focus{
	outline: 2.5px solid black !important; 
}

.qris-input-text.phub-input-text .slds-datepicker tbody>tr>td.slds-day:focus,
.qris-input-text.phub-input-text .slds-datepicker tbody>tr>td.slds-day:hover
{
    outline: 2.5px solid black !important; 
}

.qris-input-text.phub-input-text .slds-button:hover,
.qris-input-text.phub-input-text .slds-button:focus{
	outline: 2.5px solid black !important; 
    padding-left: 10px !important;
    padding-top: 10px !important;
}

.qris-input-text.phub-input-text .slds-datepicker .slds-button_icon-border,
.qris-input-text.phub-input-text .slds-datepicker .slds-button__icon {
    border-color: #101 !important; 
}

.slds-datepicker .slds-datepicker__month [role=gridcell]:focus, 
.slds-datepicker .slds-datepicker__month [role=gridcell].slds-has-focus
{
    outline: 2.5px solid black !important;
}
.qris-input-text.phub-input-text .slds-datepicker tbody>tr>td:hover
{
    outline: 2.5px solid black !important;
}
.qris-input-text.phub-input-text .slds-datepicker tbody>tr>td,
.qris-input-text.phub-input-text .slds-dropdown{
    font-family: "Trebuchet MS";
    font-size: 12px;
	margin-top: 4px;
    
}
 .qris-input-text.phub-input-text .slds-datepicker tbody>tr>td.slds-is-selected>.slds-day:focus,
 .qris-input-text.phub-input-text .slds-datepicker tbody>tr>td.slds-is-selected>.slds-day:hover{
    background: var(--c-primaryBlue);
    outline: 2.5px solid black !important; 
} 
.qris-input-text.phub-input-text .slds-button--icon-border{
	top: 12px;
    position: relative;
}
.qris-input-text.phub-input-text .slds-listbox__option-icon{
    top: 0px;
    position: relative;
    left: 5px;
}

.qris-input-text.phub-input-text .slds-listbox_vertical .slds-media_center.slds-media_small.slds-listbox__option_plain .slds-listbox__option-icon{
	top: 12px !important;
}

.qris-input-text.phub-input-text .slds-datepicker thead>tr>th, 
.qris-input-text.phub-input-text h2{
    font-family: "Trebuchet MS";
    color: var(--c-primaryBlue);
    font-size: 12px;
}

.qris-input-text.phub-input-text .slds-listbox{
    border-radius: 8px;
    max-height: 180px;
    border: 1px solid var(--c-secondaryMidBlue);
}
.qris-input-text.phub-input-text .slds-listbox .slds-listbox__option{
    height: 56px;
}

.qris-input-text.phub-input-text.inputfields .slds-form-element__help{
	display: none;
}

.qris-input-text.phub-input-text .slds-listbox .slds-listbox__option.slds-has-focus{
    background-color: var(--c-utilityBlueHint);
}
.qris-input-text.phub-input-text.slds-is-open,
.qris-input-text.phub-input-text .slds-combobox.slds-is-open .slds-dropdown,
    box-shadow: none;
    border-color: var(--c-secondaryMidBlue);
}

.qris-m-vertical_medium.qris-qip-note_container.qris-theme_error .qris-icon-small svg{
	top: 0 !important;
}

.qris-m-vertical_medium.qris-qip-note_container.qris-theme_error .pdis-text-body_large{
	font-family: 'Trebuchet MS' !important;
}
.slds-datepicker table {
    table-layout: fixed;
}
.qris-button-secondary_large .slds-button{
	background-color: transparent;
}

.phub-radio.decl .slds-form-element__label{
	padding-right: 52px !important;
}

.qris-progress__item-error-status[c-declDynamicForm_declDynamicForm]{
	padding-right: 8px;
    overflow-wrap: anywhere;
}

.qris-notify__content .qris-text-body_smallitalic{
	font-size: 16px;
	padding-top: 5px;
}

.decl-dash-secC svg{
	height: 20px;
    width: 20px;
}
.decl-dash-secC{
	padding-left: 8px;
    z-index: 999;
}
/*********** Relating to QRIS ********/

/****************** STYLE GUIDE : INPUTS *******************/
::placeholder{
	font-size: 16px !important;
}
/********Drop Down Fields********/

.decl-input-text,
.decl-input-combobox .slds-input{
    border: 1px solid var(--c-utilityMidGray);
    border-radius: 8px;
    background-color: var(--c-utilityWhite);
    min-height:60px;
    width: 100% !important;
}

.decl-input-combobox .slds-input__icon-group_right{
	position: absolute;
    top: 50% !important;
}

/***check***/
.decl-input-combobox .slds-input__icon-group_right{
	display: none; 
}
.decl-input-combobox.slds-form-element_stacked:not(.slds-is-editing),
.decl-input-combobox.slds-form_horizontal .slds-form-element_stacked:not(.slds-is-editing){
	padding: 0 !important;
}
.decl-input-combobox .slds-button,
.decl-input-combobox .slds-button:hover,
.decl-input-combobox .slds-button:active,
.decl-input-combobox .slds-button:visited,
.decl-input-combobox .slds-button:focus{
	fill: var(--c-utilitySlateGray) !important;
    color: var(--c-utilitySlateGray) !important;
	box-shadow: none;
	top: 22px !important;
    left: 13px !important;
}

.decl-input-combobox .slds-input__icon-group_right svg,
.decl-input-combobox .slds-icon-utility-down svg{
    fill: var(--c-primaryBlue);
    height: 16px;
    width: 16px;
	position: relative;
    bottom: 20%;
}
.decl-input-combobox .slds-form-element__label{
	position: absolute;
    padding-left: 12px;
    padding-top: 4px;
    margin: 0;
    color: var(--c-utilitySlateGray);
    font-family: "Trebuchet MS";
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    z-index: 99;
}
.decl-input-combobox.slds-combobox_container
.decl-input-text .slds-form-element__label,
.decl-input-combobox .slds-form-element__label{
	top: 24px;
    z-index: 99;
	position: relative;
	color: var(--c-utilitySlateGray);
    font-family: "Trebuchet MS";
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase; 
	left: 2px;
	padding-left:8px !important;
	padding-right: 0;
    padding-top: 12px;
	padding-top: 1px;
    margin: 0;
}
.decl-input-combobox.slds-has-error {
    --slds-c-input-shadow: none !important;
    --slds-c-input-color-border: none !important;
}

.decl-input-combobox .slds-form-element__control{
	border: 2px solid var(--c-utilityMidGray);
    border-radius: 8px;
    min-height: 56px;
}

.decl-input-combobox .slds-input-has-icon_right .slds-input_faux{
	border: none;
    box-shadow: none;
}

.decl-input-combobox .slds-form-element__control .slds-input_faux.slds-combobox__input-value{
    font-weight: bold;
    font-size: 16px;
}

.decl-input-combobox .slds-form-element__control .slds-input_faux .slds-truncate{
	padding-top: 21px;
    font-size: 16px;
    margin-left: -4px;
}
.decl-input-combobox .slds-form-element__control .slds-media__figure.slds-listbox__option-icon{
	padding-top: 4px;
}
.decl-input-combobox::-webkit-input-placeholder{
	top: 8px;
    position: relative;
    display: block;
	font-size: 12px;
}
.decl-input-combobox .slds-media__body .slds-dropdown{
    font-family: 'Trebuchet MS';
    font-weight: bold;
    font-size: 16px;
}
.decl-input-text .slds-input,
.decl-input-combobox .slds-input.slds-combobox__input,
.decl-input-combobox .input[aria-readonly=true][lightning-baseCombobox_baseCombobox]{
	padding-top: 16px !important;
	color: var(--c-utilityBlack);
    font-family: "Trebuchet MS";
    font-size: 16px !important;
    font-weight: bold !important;
    letter-spacing: 0.5px;
	border-radius: 8px;
	border: 1px solid var(--c-utilityMidGray);
}
.slds-has-error .decl-input-text:focus-within,
.slds-has-error .decl-input-combobox .slds-input.slds-combobox__input:focus{
    border: 1px solid var(--c-primaryRed) !important;
}
.decl-input-text:focus-within,
.decl-input-combobox .slds-input.slds-combobox__input:focus{
    border: 1px solid var(--c-secondaryMidBlue);
    box-shadow: none;
}

.decl-input-combobox .slds-has-error .slds-input.slds-combobox__input{
	border: none !important;
}

.decl-input-combobox.slds-has-error .slds-form-element__control,
.decl-input-combobox .slds-has-error .slds-form-element__control{
	border: 1px solid var(--c-primaryRed);
    border-radius: 8px;
}
/*
.decl-input-combobox .slds-has-error .slds-form-element__control:focus,
.decl-input-combobox .slds-has-error .slds-form-element__control:focus-within{
	border: 2px solid var(--c-primaryRed);
}
*/
.decl-input-combobox .slds-truncate{
	white-space: normal;
}

.decl-input-combobox .slds-listbox{
    border-radius: 8px;
    max-height: 180px;
    border: 1px solid var(--c-secondaryMidBlue);
}
.decl-input-combobox .slds-input .slds-combobox__input{
    box-shadow: none;
    border-radius: 8px;
    border: 1px solid var(--c-secondaryMidBlue);
}
.decl-input-combobox .slds-listbox .slds-media__body{
    color: var(--c-utilityBlack);
    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 24px;
}
.decl-input-combobox .slds-listbox .slds-listbox__option{
    min-height: 56px;
}
.decl-input-combobox  .slds-listbox .slds-listbox__option.slds-has-focus{
    background-color: var(--c-utilityBlueHint);
}
/******** Dynamic Form ***********/

.decl-dynamicForm .qris-text-body_large{
	font-size: 16px !important;
	line-height: 24px !important;
	letter-spacing: 1px !important;
}

.decl-dynamicForm .pdis-text-body_large{
	font-family: "Trebuchet MS" !important;
}
.decl-text-body_large_blue,
.decl-text-body_large,
.decl-text-body_largebold,
.decl-text-body_largeitalic,
.qris-progress__item-error-status{
    word-break: break-word;
}
/**************** Checkbox ******************/

.decl-input-checkbox .slds-checkbox__label,
.decl-input-checkbox_single .slds-checkbox__label{
    display: flex;
    align-items: flex-start;
}
.decl-input-checkbox_single .slds-checkbox__label .slds-form-element__label,
.decl-input-checkbox .slds-checkbox__label .slds-form-element__label{
	margin: 0px;
    padding: 0px 8px;				  
    font-family: 'Trebuchet MS';
    font-size: 16px !important;
    letter-spacing:0.25px;
    line-height: 28px;
    color: var(--c-utilityBlack);
    padding-left: 8px;
	margin-top: 2px;
	hyphens: none;
}
/****** Relating to new salesforce update******/
.slds-form-element_stacked .slds-form-element__control{
	border-bottom: 2px solid var(--c-utilityMidGray) !important;
}

.slds-has-error.slds-form-element_stacked .slds-form-element__control{
	border-bottom: 1px solid var(--c-primaryRed) !important;
}

.qris-input-text.phub-input-text .slds-dropdown-trigger_click .slds-dropdown{
	border-color: var(--c-primaryRed);
}

.decl-input-checkbox_single .slds-form-element__control .slds-checkbox,
.decl-input-checkbox .slds-form-element__control .slds-checkbox{
	display: flex !important;
}
.decl-input-checkbox_single .slds-form-element__control .slds-checkbox .slds-required,
.decl-input-checkbox .slds-form-element__control .slds-checkbox .slds-required{
	margin-right: 4px !important;
	font-size: 22px;
    bottom: 10px;
    position: relative;
    content: "*";
    font-family: trebuchet MS;
	color: var(--c-gradientRed);
}
.decl-input-checkbox_single .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox_faux,
.decl-input-checkbox .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox_faux{
    box-shadow: none;
    border: 0;
    background-color: var(--c-secondarySuccessGreen);
    min-width: 24px;
    margin-right: 4px;
}

.decl-input-checkbox .slds-checkbox_faux,
.decl-input-checkbox_single .slds-checkbox_faux{
    width: 24px !important;
    height: 24px !important;
    border: 2px solid var(--c-utilityMidGray);	
	border-radius: 4px;	
}

.slds-has-error .slds-input.slds-combobox__input,
.slds-has-error .decl-input-combobox .slds-input{
	border-color: var(--c-primaryRed) !important;
	border: 1px solid var(--c-primaryRed) !important;
}

.decl-input-checkbox .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox_faux::after,
.decl-input-checkbox_single .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox_faux::after{
    display: block;
    content: "";
    height: 7px;
    width: 12px;
    position: absolute;
    top: 45%;
    left: 50%;
	box-shadow: none;
    transform: translate3d(-50%, -50%, 0px) rotate(-45deg);
    border-bottom: 3px solid var(--c-utilityWhite);
    border-left: 3px solid var(--c-utilityWhite);
}

.decl-input-checkbox_single .slds-form-element .slds-checkbox [type=checkbox]+.slds-checkbox_faux,
.decl-input-checkbox_single .slds-form-element .slds-checkbox [type=checkbox]+.slds-checkbox--faux,
.decl-input-checkbox_single .slds-form-element .slds-checkbox [type=checkbox]~.slds-checkbox_faux,
.decl-input-checkbox_single .slds-form-element .slds-checkbox [type=checkbox]~.slds-checkbox--faux,
.decl-input-checkbox_single .slds-form-element .slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox_faux,
.decl-input-checkbox_single .slds-form-element .slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox--faux,
.decl-input-checkbox_single .slds-checkbox__label .slds-checkbox_faux,
.decl-input-checkbox .slds-checkbox__label .slds-checkbox_faux{
    border-radius: 4px;
	margin-right: 0 !important;
    top: 0;
	box-shadow: none !important;
	min-width: 24px;
	outline: none !important;
}

.decl-input-checkbox_single .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox_faux{
    box-shadow: none;
    border: 0;
    background-color: var(--c-secondarySuccessGreen);
}

.decl-input-checkbox_single [type="checkbox"]:focus + .slds-checkbox__label .slds-checkbox_faux{
    border-color: var(--c-utilityMidGray);
    box-shadow: 0 0 0 var(--c-utilityMidGray);
}

.qris-input-text.inputfields.slds-has-error.phub-input-text .slds-input{
	border: none !important;
}
.decl-input-checkbox .slds-checkbox{
    padding-bottom: 12px;
} 

.decl-2-col.decl-input-checkbox .slds-form-element__control{
	display: grid !important;
    grid-template-columns: 1fr 1fr !important;
}
.decl-input-checkbox[type="checkbox"]:last-of-type{
    padding-bottom: 16px;
}

.decl.phub-time,
.decl.phub-date{
	height: 60px; 
	min-height: 60px !important;
}
.decl.phub-time svg,
.decl.phub-date svg{
	left: 0px;
    bottom: 2px !important;
    position: absolute !important;
}

.qris-input-text.phub-date{
	min-height: 60px !important;
}

.qris-input-text.phub-date .slds-form-element__label{
	font-size: 12px;
    padding-top: 2px;
    padding-left: 8px;
	letter-spacing: 1.5px;
}

.qris-input-text.phub-date .slds-button__icon,
.qris-input-text.phub-date svg{
	height: 20px;
    fill: var(--c-primaryBlue);
    width: 20px;
    bottom: 16px;
    position: relative;
}

.qris-messageBox_icon svg,
.qris-input-text.phub-date .slds-datepicker__filter .slds-button_icon svg{
	top: 0 !important;
}

.qris-input-text.phub-input-text.inputfields .slds-dropdown-trigger_click.slds-is-open .slds-dropdown{
    border-color: var(--c-secondaryMidBlue);
}

.slds-size_3-of-12.decl-text-body_small.decl_biu{
	padding-left: 48px !important;
}
/*
.decl-input-checkbox .slds-checkbox [type="checkbox"]:focus:checked+.slds-checkbox__label .slds-checkbox_faux {
    border-color: var(--c-utilityMidGray);
}
.decl-input-checkbox_single .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox_faux::after,
.decl-input-checkbox .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox_faux::after,
.decl-input-checkbox_single .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox_faux,
.decl-input-checkbox .slds-checkbox [type="checkbox"]:checked + .slds-checkbox__label .slds-checkbox_faux,
.decl-input-checkbox .slds-checkbox [type="checkbox"]:checked .slds-checkbox--faux{
    box-shadow: none !important;
    border: 0;
    color: var(--c-secondarySuccessGreen);
}
/*******************************/

.forceToastManager .slds-theme--warning{
	background-color: var(--c-primaryOrange);
}

.forceToastManager .toastContainer.slds-notify_container{
	align-items: center;	
}

.slds-rich-text-editor__output img{
	margin-bottom: 0 !important;;
}