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

.qris-p-around_small{
	padding: 8px !important;
}

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

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

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

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

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

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

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

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

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

/* Horizontal Padding */

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

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

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

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

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

/* Left Padding */

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

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

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

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

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

/* right Padding */

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

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

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

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

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

/* top Padding */

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

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

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

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

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

/* bottom Padding */

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

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

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

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

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

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

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

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

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

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

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

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

/* Vertical margin */

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

.qris-m-vertical_medium{
	margin-top: 16px;
	margin-bottom: 16px;
}
.qris-m-vertical_large{
	margin-top: 24px;
	margin-bottom: 24px;
}

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

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

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

/* Horizontal margin */

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

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

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

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

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

/* Left margin */

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

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

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

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

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

/* right margin */

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

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

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

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

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

/* top margin */

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

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

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

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

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

/* bottom margin */

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

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

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

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

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

/*************************************** STYLE GUIDE : START HERE ******************************/

/**************** STYLE GUIDE : Typography*****************/
.qris-text-header_hero{
    font-family: 'Museo Slab';
    font-size: 73px; /* */
    font-weight: 500;
    /* line-height: 83px;  */
    color:var(--c-primaryBlue);
}

.qris-text-header1_black{
    font-family: 'Museo Slab';
    font-size: 42px !important; /**/
    font-weight: 500;
    line-height: 52px !important;
    color:var(--c-utilityBlack);
}

.qris-text-header1{
    font-family: 'Museo Slab';
    font-size: 42px !important; /**/
    font-weight: 500 !important;
    line-height: 52px !important;
    color:var(--c-primaryBlue);
}

.qris-text-header2_blue,
.qris-text-header2{
    font-family: 'Museo Slab';
    font-size: 32px;
    font-weight: 500;
    line-height: 42px;
}

.qris-text-header2_blue{
    color:var(--c-primaryBlue);
}

.qris-text-header3{
    font-family: 'Museo Slab' !important;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    color:var(--c-primaryBlue);
}

.qris-text-subhead1{
    font-family: 'Trebuchet MS';
    font-size: 21px;
    letter-spacing: 3px;
    line-height:32px;
    /* font-style:bold-caps; */
    font-weight: bold;
    text-transform: uppercase;
}

.qris-text-subhead2{
    font-family: 'Trebuchet MS';
    font-size: 21px;
    letter-spacing: 2.5px;
    line-height:32px;
    text-transform: uppercase;
}

.qris-text-body_large,
.qris-text-body_largebold,
.qris-text-body_largeitalic{
    font-family: 'Trebuchet MS';
    font-size: 21px;
    letter-spacing:0.25px;
    line-height: 32px;
    color: var(--c-utilityBlack);
}
.qris-text-body_largebold{
    font-weight:bold;
}

.qris-text-body_largeitalic{
    font-style:italic;
}

.qris-text-body_small,
.qris-text-body_smallitalic{
    font-family: 'Trebuchet MS';
    font-size: 16px;
    letter-spacing:0.25px;
    line-height: 26px;
    font-weight: normal;
}

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

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

.qris-text-error_italic{/*not a part of style guide*/
    color: var(--c-secondaryDarkRed);
}

.qris-text-label_caps,
.qris-text-label,
.qris-text-label_bold{
    font-family: 'Trebuchet MS';
    font-size: 16px;
    letter-spacing:2px;
    --slds-c-button-text-color: black;
    /* line-height: 26px; */
}
.qris-text-label_caps button{
    letter-spacing: 2px;
}

.qris-text-label_caps button:focus{
    --slds-c-button-text-color: black;
}

.qris-text-label_caps{
    text-transform: uppercase;
    color:var(--c-utilityBlack);
}

.qris-text-label_bold{
    font-weight:bold;
}

.qris-text-link{
    font-family: 'Trebuchet MS';
    color:var(--c-primaryBlue);
    font-size: 21px;
    letter-spacing:0.5px;
    line-height: 32px;
    text-decoration: underline;
    font-weight: bold;
}

.qris-text-link.a,
.qris-text-link.a:hover,
.qris-text-link a:active,
.qris-text-link_small a,
.qris-text-link_small a:hover,
.qris-text-link_small a:active{
    color: var(--c-primaryBlue) !important;
}					 

.qris-text-link_small{
    font-family: 'Trebuchet MS';
    color:var(--c-primaryBlue);
    font-size: 16px;
    letter-spacing:0.5px;
    line-height: 26px;
    text-decoration: underline;
    font-weight: bold;
}

/**************** STYLE GUIDE : BUTTONS**************************/

/*** PRIMARY BUTTONS : For Blue Background buttons******/
.qris-button-primary_large button{
    background-color: var(--c-primaryBlue);
								
    display: inline-block;
    color: var(--c-utilityWhite);
    font-family: "Trebuchet MS";
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 32px;
    text-align: center;
    border-radius: 8px;
    height: auto;				  
    padding: 16px 24px;
    min-width: 156px;				
    box-shadow: none;
}
.qris-button-primary_small button:focus,
.qris-button-primary_large button:focus{
	outline: 3.5px solid black;
    color: var(--c-utilityWhite)
}

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

.qris-button-primary_small button a:hover{
    text-decoration: none;
}

.qris-button-secondary_small button a:hover{
    text-decoration: none;
    color:var(--c-primaryBlue);
    background-color: var(--c-utilityWhite);
}

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

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

.qris-button-secondary_small button:hover,
.qris-button-secondary_large button:hover{
    color: var(--c-secondaryDarkBlue);
    border: 2px solid var(--c-secondaryDarkBlue) !important;
    background-color: var(--c-utilityWhite); 
}

.qris-button-secondary_large button:hover,
.qris-button-secondary_large button:focus{
    outline: 3.5px solid black;
}

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

.qris-button-primary_large button:disabled,
.qris-button-primary_small button:disabled,
.qris-button-secondary_large button:disabled,
.qris-button-secondary_small button:disabled{					 
  color: var(--c-utilitySlateGray);
  background-color: var(--c-utilityLightGray);
  border:none !important;
}

/**************** STYLE GUIDE : Buttons with Icon *******************/

/***For Blue Background : Brand buttons****/
.qris-buttonIcon-brand button,
.qris-buttonIcon-brand button:hover,
.qris-buttonIcon-brand button:focus{
    color: var(--c-primaryBlue);
    font-family: "Trebuchet MS";
    text-decoration: underline;
    font-size: 21px;
    letter-spacing: 0.5px;
    line-height: 32px;
    box-shadow:none;
}

.qris-buttonIcon-brand button:hover,
.qris-buttonIcon-brand button:focus{
    outline: 3.5px solid black;
}

.qris-buttonIcon-brand svg{
    position: relative;
    bottom:2px;
    fill: var(--c-primaryBlue);
    height: 20px;
    width: 20px;
}

.qris-buttonIcon-brand button:hover{
    color: var(--c-secondaryDarkBlue);
    font-weight: bold;
}

/***For Edit/delete - Grey : Neutral buttons****/
.qris-buttonIcon-neutral button,
.qris-buttonIcon-direction button{
    color: var(--c-utilitySlateGray);
    font-size: 16px;
    letter-spacing: 0.25px;
    line-height: 26px;
    box-shadow:none;
    border: none;
}
.qris-buttonIcon-direction button:focus,
.qris-buttonIcon-direction button:hover {
    outline: 3.5px solid black;
}

.qris-buttonIcon-neutral button:hover,
.qris-buttonIcon-neutral button:focus{
    outline: 3.5px solid black;
}


.qris-buttonIcon-neutral svg {
    position: relative;
    bottom:2px;
    fill: var(--c-utilitySlateGray);
    height: 16px;
    width: 16px;
}

/***For View More/View Less - Data Visibility buttons****/

.qris-buttonIcon-direction svg,
.qris-buttonIcon-direction svg:hover{
    position: relative;
    bottom:2px;
    fill: var(--c-secondaryDarkBlue) !important;
    height: 16px;
    width: 16px;
}

.qris-button_textLink_small button,
.qris-button_textLink_small button:focus{
    font-family: 'Trebuchet MS';
    color:var(--c-primaryBlue);
    font-size: 16px;
    letter-spacing:0.5px;
    line-height: 32px;
    text-decoration: underline;
    box-shadow:none;
}
.qris-button_textLink button,
.qris-button_textLink button:focus{
    font-family: 'Trebuchet MS';
    color:var(--c-primaryBlue);
    font-size: 21px;
    letter-spacing:0.5px;
    line-height: 32px;
    text-decoration: underline;
    box-shadow:none;
}
.qris-tabset_default li:focus,
.qris-button_textLink button:focus{
    outline: 3.5px solid black;
}

.qris-focus-ada:focus,
.qris-focus-ada:focus-visible{
    outline: 3.5px solid black !important;
}

.qris-button_textLink_small button:hover,
.qris-button_textLink button:hover{
    color: var(--c-secondaryDarkBlue);
    font-weight: bold;
    text-decoration: underline;
}

/********************* STYLE GUIDE : Tiles ************************/

/***Tile Container***/
.qris-tile-green,
.qris-tile-orange,
.qris-tile-red,
.qris-tile-blue,
.qris-tile-gold,
.qris-tile-disabled{
    min-width: 180px;
    border-radius:8px;
    padding:32px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.qris-tile-orange{
    background-color: #9D460B; /*var(--c-gradientOrange);*/
}
.qris-tile-red{
    background-color: var(--c-primaryRed);
}
.qris-tile-blue{
    background-color: var(--c-primaryBlue);
}
.qris-tile-blue:focus {
    outline: 3.5px solid black; /* Adjust the outline style as needed */
}

.qris-tile-gold{
    background-color: var(--c-primaryGold);
}
					   	
.qris-tile-gradient{
    position: absolute;
    top: 100px;
    opacity: 20%;
    height: 151px;
    border-radius: 50% 50%;
    width: 120%;
}
.qris-tile-orange .qris-tile-gradient{
    background-color: #9D460B /*var(--c-gradientOrange)*/;
}
.qris-tile-red .qris-tile-gradient{
    background-color: var(--c-gradientRed);
}
.qris-tile-blue .qris-tile-gradient{
    background-color: var(--c-gradientBlue);
}
.qris-tile-gold .qris-tile-gradient{
    background-color: var(--c-gradientGold);
}

.qris-tile-green .qris-tile-gradient{
    background-color: none;/* var(--c-secondarySuccessGreenHighlight);*/											
}
	
.qris-tile-disabled{					
    background-color: var(--c-utilityLightGray);
    pointer-events:none;
}

/***Variation of Text Insise Tile Container***/
.qris-tile-text,
.qris-tile-text_white,
.qris-tile-text_blue{
    font-family: "Museo Slab";							 
    font-size: 21px;
    letter-spacing: 0.5px;
    line-height: 32px;
}
.qris-tile-text,
.qris-tile-text:hover{
    color: var(--c-utilityBlack);
}
.qris-tile-text_white:focus{
    color: var(--c-utilityWhite);
    /* outline: 3.5px solid black; */
}
.qris-tile-text_white,
.qris-tile-text_white:hover{
    color: var(--c-utilityWhite);
}
.qris-tile-text_blue,
.qris-tile-text_blue:hover{
    color: var(--c-primaryBlue);
}
.qris-tile-orange:hover .qris-tile-text,
.qris-tile-red:hover .qris-tile-text,
.qris-tile-blue:hover .qris-tile-text_white,
.qris-tile-gold:hover .qris-tile-text{
    text-decoration: underline;
}

.qris-tile-withIcon{
    font-family: "Museo Slab";		  
    color: var(--c-primaryBlue);
    min-width: 180px;
    padding: 48px;
    border-radius: 8px;
    box-shadow: 0 0 10px 0 var(--c-utilityMidGray);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: var(--c-utilityWhite);
}


/************************************* Review Done Till here *******************/

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

.qris-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*/
}

.qris-tabset_default .slds-tabs_default__link:focus{
    text-decoration: none !important;
	outline: 3.5px solid black !important;
    
}

.qris-tabset_default .slds-has-focus.slds-tabs_default__item:focus,
.qris-tabset_default .slds-has-focus .slds-tabs_default__link:focus{
    color: var(--c-utilitySlateGray);
    outline: 3.5px solid black !important;
}

slds-tabs_default__item slds-has-focus{
	outline: 3.5px solid black !important;
}
.qris-tabset_default .slds-tabs_default__link:hover{
    color: var(--c-primaryBlue);
}

.qris-tabset_default .slds-tabs_default__link:focus{
    outline: 3.5px solid black;
}

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

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

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

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

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

.qris-tabset_default .slds-tabs_default__link:focus{
    text-decoration: none !important;
outline: 3.5px solid black !important;
}

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

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

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

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

.qris-tabset_default.qris-navigation-menu .slds-tabs_default__item:nth-last-child(2) a{
    text-transform: capitalize;
}
 
/****************** STYLE GUIDE : INPUTS *******************/

/********Drop Down Fields********/
.qris-input-combobox .slds-input{
    height: 56px;
    width: 100% !important;
}
.qris-input-combobox .slds-input_faux:not(.slds-combobox__input-value):focus{
    outline: 3.5px solid black !important;
}

.qris-input-time .slds-dropdown,
.qris-input-combobox_label-enclosed .slds-dropdown,
.qris-input-combobox_req .slds-dropdown,
.qris-input-combobox .slds-dropdown{
    margin-top: 4px;
}

.qris-input-time .slds-input__icon-group{
    padding-left:16px;
    padding-top: 16px;
    right:8px;
}

.qris-input-combobox .slds-input__icon-group_right{
    right: 8px;
    top: 43%;
    height: auto;
    margin-top: 0;
}

.qris-input-combobox_req .slds-icon-utility-down svg,
.qris-input-combobox .slds-icon-utility-down svg{
    fill: var(--c-primaryBlue);
    height: 16px;
    width: 16px;
}
.qris-input-time .slds-input:focus{
    border: 0;
}
.qris-input-time.slds-is-open{
    box-shadow: none;
    border-color: var(--c-secondaryMidBlue);
}
.qris-input-time .slds-combobox.slds-is-open .slds-dropdown{
    box-shadow: none;
    border-color: var(--c-secondaryMidBlue);
}


/******** Input/Disabled Fields************/

.qris-input-text,
.qris-input-time,
.qris-input-textarea,
.qris-input-combobox .slds-input,
.qris-input-combobox_req,
.qris-input-combobox.qris-input-combobox_label-enclosed{
    width: 100%;
    border: 1px solid #757575;
    border-radius: 8px;
    background-color: var(--c-utilityWhite);
    min-height:73px;
}

.qris-input-combobox.qris-input-combobox_label-enclosed .slds-input.slds-combobox__input{
    max-height: 32px;
}

.slds-size_2-of-5 .qris-input-text.qris-m-bottom_large{
    align-items: center;
    display: flex !important;
}

.qris-input-time .slds-form-element__label,
.qris-input-text .slds-form-element__label,
.qris-input-text_non_editable .slds-form-element__label,
.qris-input-textarea .slds-form-element__label,
.qris-input-combobox.qris-input-combobox_label-enclosed .slds-form-element__label { 
    padding-left:16px;
    padding-top: 8px;
    margin: 0;
    color: var(--c-utilitySlateGray);
    font-family: "Trebuchet MS";
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase; 
}

.qris-input-date .slds-input,
.qris-input-time .slds-input,
.qris-input-text .slds-input,
.qris-input-text_non_editable .slds-input,
.qris-input-combobox.qris-input-combobox_label-enclosed .slds-input{
    padding-left:16px !important;
    border: none;
    box-shadow: none !important;
    background: white;
    color: var(--c-utilityBlack);
    font-family: "Trebuchet MS";
    font-size: 21px !important;
    font-weight: bold !important;
    letter-spacing: 0.5px;
}

.qris-input-combobox.qris-input-combobox_label-enclosed .slds-input{
    max-height: 73px;
}

.qris-input-combobox.qris-input-combobox_label-enclosed .slds-input{
    min-height: 32px;
}

.qris-input-combobox.qris-input-combobox_label-enclosed .slds-input.slds-combobox__input:focus{ 
    border: none;
}

.qris-input-text:focus-within,
.qris-input-combobox.qris-input-combobox_label-enclosed:focus-within{
   border: 3.5px solid black;
}

.qris-input-combobox_label-enclosed .slds-input__icon-group{ 
    position: absolute;
    top: -10% !important;
}

.qris-input-text_non_editable .slds-form-element__label,
.qris-input-text_non_editable .slds-input{
    padding-left: 0px !important;
}

.qris-input-combobox.slds-has-error,
.qris-input-richtext.slds-has-error{
    border-color: #DC3619;
    box-shadow: none;
    /* border: 1px solid var(--c-primaryRed);   */
    border: 3.5px solid var(--c-primaryRed) !important;
}

.slds-has-error .slds-form-element__help {
    display: none;
}

.qrisDateFormat .slds-form-element__help {
    display: none !important;
}

.qris-input-combobox .slds-input.slds-combobox__input,
.qris-input-combobox .slds-combobox__form-element,
.qris-input-combobox .slds-listbox .slds-listbox__option{
    font-family: 'Trebuchet MS';
    letter-spacing:.25px;
    line-height: 26px;
    color: var(--c-utilityBlack);
    font-size: 22px;
    line-height: 32px;
    border-color: var(--c-utilityMidGray);
}

.qris-input-combobox .slds-input.slds-combobox__input:focus{
    /* border: 2px solid var(--c-secondaryMidBlue); */
    box-shadow: none;
    outline: 3.5px solid black;
}

.qris-input-combobox .slds-combobox__input:focus{
    outline: 3.5px solid black;
}

.slds-listbox .slds-listbox__option{
    color: var(--c-utilityBlack);
}

.qris-input-time .slds-listbox,
.qris-input-combobox .slds-listbox{
    border-radius: 8px;
    max-height: 180px;
    border: 2px solid var(--c-secondaryMidBlue);
}

.qris-input-combobox_small .slds-input .slds-combobox__input
.qris-input-combobox .slds-input .slds-combobox__input{
    box-shadow: none;
    border-radius: 8px;
    border: 2px solid var(--c-secondaryMidBlue);
}
.qris-input-combobox .slds-listbox .slds-media__body{
    color: var(--c-utilityBlack);
    font-family: "Trebuchet MS";
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 24px;
}


.qris-input-time .slds-listbox .slds-listbox__option,
.qris-input-combobox .slds-listbox .slds-listbox__option{
    height: 56px;
}

.qris-input-time .slds-listbox .slds-listbox__option.slds-has-focus,
.qris-input-combobox .slds-listbox .slds-listbox__option.slds-has-focus{
    background-color: var(--c-utilityBlueHint);
}

/*** Long Format Text Input : Textarea ***/

/* .qris-input-textarea{
    height: 120px;
    width: 462px;
} */

.qris-input-textarea:active,
.qris-input-textarea:focus,
.qris-input-textarea:focus-within{
    border: 3.5px solid black;
    outline: none;
}

.qris-input-textarea .slds-form-element__label{
    padding-top: 16px;
}

.qris-input-textarea .slds-input{
    box-shadow: none;
}
.qris-input-richtext .slds-rich-text-editor__textarea p,
.qris-input-textarea .slds-textarea{
    border: none;
    box-shadow: none !important;
    color: var(--c-utilityBlack);
    font-family: "Trebuchet MS";
    font-size: 21px;
    font-weight: bold !important;
    letter-spacing: 0.25px;
    line-height: 24px;
}

/*** Checkboxes and Radio Buttons ***/ 

.qris-input-radiobutton .slds-form-element__legend{
    color: var(--c-utilityBlack);
    font-family: "Trebuchet MS";
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
    line-height: 24px;
}

.qris-input-radiobutton .slds-radio__label{
    margin-bottom: 8px;
}

.qris-input-checkmark .slds-radio__label,
.qris-input-checkbox .slds-checkbox__label,
.qris-input-radiobutton .slds-radio__label{
    display: flex;
    align-items: center;
}

.qris-input-checkmark .slds-radio__label .slds-form-element__label,
.qris-input-checkbox .slds-checkbox__label .slds-form-element__label,
.qris-input-radiobutton .slds-radio__label .slds-form-element__label{
    margin: 0px;
    padding: 0px 8px;
    color: var(--c-utilityBlack);
    font-family: "Trebuchet MS";
    font-size: 16px;
    letter-spacing: 0.25px;
    line-height: 20px;
}

.qris-input-checkmark .slds-radio__label .slds-radio_faux,
.qris-input-checkbox .slds-checkbox__label .slds-checkbox_faux,
.qris-input-radiobutton .slds-radio__label .slds-radio_faux{
    width: 24px;
    height: 24px;
    border: 2px solid #757575;
}

.qris-input-checkmark .slds-radio__label .slds-radio_faux{
    border: 0;
}

.qris-input-checkbox .slds-checkbox__label .slds-checkbox_faux{
    border-radius: 4px;
}

.qris-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: 8px;
}

.qris-input-radiobutton .slds-radio [type="radio"]:focus + .slds-radio__label .slds-radio_faux,
.qris-input-checkbox .slds-checkbox [type="checkbox"]:focus + .slds-checkbox__label .slds-checkbox_faux {
    border-color: #757575;
    box-shadow: 0 0 0 var(--c-utilityMidGray);
    outline: 3.5px solid black !important;
}

.qris-input-checkbox .slds-checkbox [type="checkbox"]:focus:checked+.slds-checkbox__label .slds-checkbox_faux {
    border-color: var(--c-utilityMidGray);
    background-color: var(--c-secondarySuccessGreen);
}

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

.qris-input-radiobutton .slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio_faux{
    border-color: var(--c-secondaryLightBlue);
    height: 24px;
    width: 24px;
    margin-right: 0px;
}

.qris-input-radiobutton .slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio_faux + .slds-form-element__label{
    font-weight: bold;
}

.qris-input-radiobutton .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);
}

.qris-input-checkmark .slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio_faux{
    box-shadow: none;
    border: 0;
    background-color: var(--c-secondarySuccessGreen);
}

.qris-input-checkmark .slds-radio [type="radio"]:checked + .slds-radio__label .slds-radio_faux::after {
    background: none;
    border-radius: 0;
}

.qris-input-checkmark .slds-radio [type="radio"]:not(:checked) + .slds-radio__label .slds-radio_faux::after {
    display: block;
    content: "";
    height: 7px;
    width: 12px;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0px) rotate(-45deg);
    border-bottom: 3px solid var(--c-secondarySuccessGreen);
    border-left: 3px solid var(--c-secondarySuccessGreen);
}

.qris-text_required,
.slds-form-element__label .slds-required {
    font-family: 'Trebuchet MS';
    font-size: 22px;
    letter-spacing:0.25px;
    line-height: 20px;
    margin-right: 4px;
    margin-left: 0px;
    color: var(--c-gradientRed);
}

/************ STYLE GUIDE : ICONS **********************/

.qris-icon-large svg,
.qris-icon-large{
    height: 80px;
    width: 80px;
}


.qris-icon-medium svg{
    height: 40px;
    width: 35px;
}

.qris-icon-social{
    height:40px;
    width:40px;
}

.qris-icon-check{
    height:32px;
    width:32px;
    background-color: var(--c-secondarySuccessGreen) !important;
}

.qris-icon-check svg{
    height:16px;
    width:16px;
}

.qris-icon-small svg {
    height: 20px;
    width: 20px;
}
.qris-icon-utility{
    position: relative;
    top: 14px;
}

.qris-icon-utility svg {
    height: 16px;
    width: 16px;    
}

.qris-icon-utility button:hover,
.qris-icon-utility button:focus{
    color: var(--c-utilityBlack);
}
.qris-icon-utility button:focus{
    box-shadow: none;
}
.qris-icon-gold svg{
    fill: var(--c-primaryGold);
}

.qris-icon-blue svg{
    fill: var(--c-primaryBlue) !important;
}
.qris-icon-utilitySlateGray:focus{
    outline: 3.5px solid black;
}

.qris-icon-orange svg{
    fill: var(--c-primaryOrange);
}

.qris-icon-green svg{
    fill: var(--c-secondarySuccessGreen);
}

.qris-icon-utilityMidGray svg{
    fill: var(--c-utilityMidGray);
}

.qris-icon-secBlue svg{
    fill: var(--c-secondaryMidBlue);
}

.qris-icon-secLightBlue svg{
    fill: var(--c-secondaryLightBlue);
}

.qris-icon-utilitySlateGray svg{
    fill: var(--c-utilitySlateGray) !important;
}

/* .qris-icon-utilitySlateGray.qris-icon-small{
    position: relative;
    top: 12px;
} */

/* .qris-icon-utilitySlateGray .slds-button */

.qris-icon-small button,
.qris-icon-small button:hover,
.qris-icon-small button:focus{
    border: none;
    padding: 0px;
    box-shadow: none;
    background-color: var(--c-utilityWhite);
}

/*************** STYLE GUIDE : ELEMENTS - DATE ****************/

.qris-key-date-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

/* to apply margin between key date siblings. */
.qris-key-date-container ~  .qris-key-date-container {
    margin-top: 24px;
}

.qris-user-data {
    width: 100% !important;
    padding: 16px;
}

.qris-key-date-badge {
    display: flex;
    flex-direction: column;
    height: 64px;
    width: 64px;
    border-radius: 8px;
    border: 2px solid var(--c-secondaryLightBlue);
    padding: 4px 8px;
    align-items: center;
    justify-content: center;
}

.qris-key-date-text {
    display: flex;
}

.qris-key-date_month {
    color: var(--c-primaryBlue);
}

.qris-key-date_year{
    margin-top: -8px;
}

/************************************ STYLE GUIDE : ENDS HERE ***************************************/

/**************************Upload file****************************/

.qris-grayBox.qris-uploadFile{
    width: 100% !important;
}

.qris-uploadFile img{
    height:112px;
    width: 112px;
}

.qris-uploadFile .slds-file-selector__button,
.qris-uploadFile .slds-file-selector__button:hover{
    color: var(--c-primaryBlue);
    font-family: "Trebuchet MS";
    font-size: 22px;
    letter-spacing: 0.5px;
    line-height: 24px;
    background-color: var(--c-utilityBlueHint);
    border:none;
    text-decoration: underline !important;
    padding:8px 16px;
}

.qris-uploadFile .slds-file-selector__dropzone{
    border: none;
}

.qris-uploadFile .slds-form-element__label{
    display: none;
}
.qris-uploadFile .slds-file-selector__text{
    color: var(--c-utilitySlateGray);
    font-family: "Trebuchet MS";
    font-size: 13px;
    letter-spacing: 0.25px;
    line-height: 20px;
    margin-left: 32px;
}

.qris-uploadFile .slds-button__icon{
    height: 20px;
    width: 20px;
}

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

.qris-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);
}

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

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

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

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

/************ BADGES ****************/

.qris-badge_container{
    margin: auto 0;
}

.qris-badge_container .slds-badge{
    padding: 8px !important;
}

.qris-badge-color_blue,
.qris-badge-color_mid-gold,
.qris-badge-color_success-green,
.qris-badge-color_grey {
    margin-left: 16px;
    text-align: center;
    border-radius: 16px;
    font-family: "Trebuchet MS";
    font-size: 16px;
    letter-spacing: 0.25px;
}

.qris-badge-color_mid-gold {
    background-color: var(--c-secondaryMidGold) !important;
}

.qris-badge-color_grey{
    background-color: var(--c-utilityMidGray) !important;
}

.qris-badge-color_success-green {
    /* ADA Change */
    background-color: #7EB408 !important;
    /*background-color: #587F06 !important;*/
}

.qris-badge-color_blueHint{
    background-color: var(--c-utilityBlueHint) !important;
}

.qris-badge-color_blueHint.qris-text-header3{
    font-weight: bold !important;
}

.qris-badge-color_blue{
    background-color: var(--c-secondaryLightBlue) !important;
    color: black !important;
}
/********* Page SECTIONS ***********/

.qris-section-heading {
    border-bottom: 2px solid var(--c-secondaryLightBlue);
    width: auto;
    display: flex ;
    justify-content: space-between;
    padding-bottom: 8px;
}

.qris-section-heading-spec{
    width: auto;
    display: flex ;
    justify-content: space-between;
}

/*********************Add user/Edit button with icon *************************/

.qris-buttonIcon_withBg button,
.qris-buttonIcon_withBg button:hover,
.qris-buttonIcon_withBg button:focus{
    position: relative;
    color: var(--c-utilitySlateGray);
    outline: none;
    box-shadow: none;
}

.qris-buttonIcon_withBg .slds-button:hover svg,
.qris-buttonIcon_withBg .slds-button svg{
    fill: var(--c-utilityWhite);
    background-color: var(--c-utilitySlateGray);
    border-radius: 8px;
    padding:8px;
}

.qris-grayBox {
    width: 100%;
    border-radius: 8px;
    background-color: var(--c-utilityLightGray);
    padding: 16px;
}

.qris-grayBox .slds-media__figure{
    margin-right: 16px !important;
}

.qris-disabled .qris-icon-success {
    visibility: hidden;
}

.qris-icon-announcement svg{
    fill: var(--c-primaryGold);
    height: 20px;
    width: 20px;
    margin-top: 8px;
 }

.qris-grayBox .qris-icon-success svg{
    fill: var(--c-secondarySuccessGreen);
}
  
.qris-grayBox.qris-disabled {
    /*ADA Change*/
    /* opacity:0.5; */
    opacity: 0.8
}

.qris-disabled .qris-text-body_large {
    /*ADA Change*/
    /* opacity:0.5; */
    opacity: 0.8
}


/* Yellow box to be show beside the Box header*/
.qris-blue-ribbon,
.qris-yellow-ribbon {
    position: absolute;
    top: 24px;
    left: -4px;
    height: 52px;
    width: 8px;
    overflow: visible;
    border-radius: 4px;
}

.qris-yellow-ribbon{
    background-color:var(--c-primaryGold);
}

.qris-blue-ribbon{
    background-color: var(--c-primaryBlue)
}

.qris-text-header2_blue ~ .qris-yellow-ribbon{
    height: 40px;
}


/********** To show a image at the top right corner of the header **********/
.qris-image-placeholder_top-right {
    width: 234px;
    height: 234px;
    position: absolute;
    top: -20px;
    right: -40px;
    border-radius: 50% 0 50% 50%;
}

/* Use this class to keep two items to the opposite extremes of its container*/
.qris-display-flex_space-between {
    display: flex;
    justify-content: space-between;
    width:100%;
}

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

/********************Did you know box********************/

.qris-box-fact{
    width: 100%;
    border-radius: 8px;
    background-color: var(--c-secondaryLightBlue);/*var(-c--secondaryLightBlue) !important*/
}

.qris-icon-answer svg{
    fill: var(--c-utilityWhite);
}

.qris-flex-baseline {
    display: flex;
    align-items: baseline;
}

.qris-flex-center {
    display: flex;
    align-items: center;
}

.qris-user-data_id-section {
    align-items: flex-end;
    margin-top: 24px;
}

.qris-sections{
    width: 100%;
    display: flex ;
    justify-content: space-between;
    padding-bottom: 8px;
}

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

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

/***** ICONS COLORS *********/

/***********Button group****************/
.qris-buttonGroup .slds-checkbox_button-group{
    border: none;
    background-color: var(--c-utilityLightGray);
    font-family: "Trebuchet MS";
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}
.qris-buttonGroup .slds-checkbox_button-group .slds-checkbox_button:focus,
.qris-buttonGroup .slds-checkbox_button [type=checkbox]:focus+.slds-checkbox_button__label,
.qris-buttonGroup .slds-checkbox_button-group .slds-checkbox_button__label:focus{
    box-shadow: none;
    outline: 3.5px solid black;
}

.qris-buttonGroup .slds-checkbox_button-group .slds-checkbox_button+.slds-checkbox_button{
    border-left: 2px solid rgb(212, 212, 212);
}

.qris-buttonGroup .slds-checkbox_button-group .slds-checkbox_button__label{
    color: var(--c-utilitySlateGray);
    width: 80px;
    height:40px;
    padding: 8px 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qris-buttonGroup .slds-checkbox_button [type=checkbox]:checked+.slds-checkbox_button__label,
.qris-buttonGroup .slds-checkbox_button [type=checkbox]:checked+.slds-checkbox_button__label:hover{
    background-color: #5567EC;
    color: var(--c-utilityWhite);
}
	
/*********************Page Borders***********************/

.qris-border-bottom{
    border-bottom: 2px solid var(--c-secondaryLightBlue); /*tokens don't work on borders*/
}

.qris-border-top{
    border-top: 8px solid var(--c-primaryGold);
}

.qris-border-right{
    border-right: 1px solid var(--c-secondaryLightBlue);
    padding-left: 16px;
    padding-right: 16px;
}

/*********************Checkbox : single check***********************/

.qris-input-checkbox_single .slds-checkbox__label{
    display: flex;
    align-items: center;
}

.qris-input-checkbox_single .slds-checkbox__label .slds-form-element__label,
.qris-input-checkbox .slds-checkbox__label .slds-form-element__label{
						  
    font-family: 'Trebuchet MS';
    font-size: 21px !important;
    letter-spacing:0.25px;
    line-height: 32px;
    color: var(--c-utilityBlack);
    padding-left: 8px;
}

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

.qris-input-checkbox_single .slds-checkbox__label .slds-checkbox_faux,
.qris-input-checkbox .slds-checkbox__label .slds-checkbox_faux{
    border-radius: 4px;
    top: 0;
}

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

.qris-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-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%;
    transform: translate3d(-50%, -50%, 0px) rotate(-45deg);
    border-bottom: 3px solid var(--c-utilityWhite);
    border-left: 3px solid var(--c-utilityWhite);
}


.qris-input-checkbox .slds-checkbox{
    padding-bottom: 40px;
} 

.qris-input-checkbox[type="checkbox"]:last-of-type{
    padding-bottom: 32px;
}

.qris-2-col-checkbox-group.qris-input-checkbox .slds-checkbox{
    display: inline-block;
    width: 50%;
}

.qris-2-col{
    display: inline-block;
    width:calc(50% - 24px) !important;
}

.qris-2-col_small{
    display: inline-block;
    width:calc(50% - 12px) !important;
}

.qris-2-col_x-small{
    width:calc(50% - 8px) !important;
}
/******************* Toast Starts *******************/

.forceToastManager .slds-theme--success{
    background-color: var(--c-secondarySuccessGreenHighlight);
}
 .forceToastManager .slds-theme--error{
    background-color: var(--c-primaryRed);
}

.forceToastManager .forceToastMessage{
    padding:16px;
    border-radius: 0;
    min-width: 520px;
    max-width: 640;
    min-height: 56px;
    justify-content: center;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}
 .forceToastManager .toastIcon{
    margin-right:10px;
    align-self: center;
}
.forceToastManager .toastContent{
    width: 100%;
}
.forceToastManager .toastContent > div{
    display: flex;
    flex-direction: row;
}
.forceToastManager .toastTitle{
    font-family: "Trebuchet MS";
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 24px;
    text-align: left;
    color: var(--c-utilityBlack);
    margin-right: 8px;
}

.forceToastManager .toastMessage{
   color: var(--c-utilityBlack);
   font-size:21px;
   font-family: "Trebuchet MS";
   font-weight: normal;
   letter-spacing: 0.25px;
   line-height: 24px;
   padding-right: 20px !important;
   text-align: left;
}
.forceToastManager .toastIcon{
    margin-right: 16px;
    width: 16px !important;
    height: 16px !important;
}
.forceToastManager .toastIcon .slds-icon{
    fill: var(--c-utilityBlack);
}
 .forceToastManager .toastContent{
    min-width:24.5rem;
}
 .forceToastManager .toastClose {
    top : 0px;
    right : 0px;
    position : relative;
    border: 0;
    box-shadow: none;
}
 .forceToastManager .toastClose .slds-button__icon{
    fill : var(--c-utilityBlack);
    box-shadow: none;
    height:16px;
    width:16px;
}
.forceToastManager .slds-button--icon-inverse:hover,
.forceToastManager .slds-button--icon-inverse:active,
.forceToastManager .slds-button--icon-inverse:focus{
    color: var(--c-utilityBlack);
    box-shadow: none;
    border: none;
}

.slds-notify--toast .slds-notify__close{
    right: 0;
    top: 0;
    box-shadow: none;
    color: var(--c-utilityBlack);
    position: relative;
    align-self: center;
    border: none;
}
/******************* Toast End *******************/

/*******************For contents in the same line*******************/

.qris-flex-end_justify-content{
    display: flex;
    justify-content: flex-end;
}

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

.qris-display-flex_size-3-of-5{
    display: flex;
    width: 80%;
}
/***************time input*****************/
.qris-input-date,
.qris-input-time{
    width: 100%;
    height: 73px;
    border: 1px solid var(--c-utilityMidGray);
    border-radius: 8px;
}

.qris-input-date:focus,
.qris-input-date:active,
.qris-input-date:focus-within,
.qris-input-time:focus,
.qris-input-time:active,
.qris-input-time:focus-within{
    border: 2px solid var(--c-secondaryMidBlue);
}

.qris-input-date .slds-dropdown,
.qris-input-time .slds-dropdown{
    width: 100%;
    border: 2px solid var(--c-utilityMidGray);
    border-radius: 8px;
    margin-top: 8px;
    top: 100% !important;
}

.qris-input-date .slds-text-link{
    font-family: 'Trebuchet MS';
    color:var(--c-primaryBlue);
    font-size: 16px;
    letter-spacing:0.5px;
    line-height: 26px;
    text-decoration: underline;
    font-weight: bold;
}

.qris-input-date .slds-form-element__label,
.qris-input-time .slds-form-element__label{
    padding-left:16px;
    padding-top: 8px;
    color: var(--c-utilitySlateGray);
    font-family: "Trebuchet MS";
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 20px;
    text-transform: uppercase;
}

.qris-input-time .slds-input{
    padding-left:16px !important;
    border: none;
    box-shadow: none !important;
    color: var(--c-utilityBlack);
    font-family: "Trebuchet MS";
    font-size: 21px !important;
    font-weight: bold !important;
    letter-spacing: 0.5px;
    line-height: 24px;
}

.qris-input-time svg, /* [data-key="check"] */
.qris-input-date svg{
    fill: var(--c-primaryBlue);
    height: 20px;
    width: 20px;
}

.qris-input-date svg[data-key="event"],
.qris-input-time svg[data-key="clock"]{   
    position: relative;
    bottom: 16px;
    right: 16px;
}

.qris-input-date .slds-media.slds-listbox__option.slds-media_center.slds-media_small.slds-listbox__option_plain,
.qris-input-time .slds-media.slds-listbox__option.slds-media_center.slds-media_small.slds-listbox__option_plain{
    font-family: "Trebuchet MS";
    font-size: 16px;
    letter-spacing: 0.25px;
    line-height: 24px;
}

.qris-input-date .slds-datepicker tbody>tr>td,
.qris-input-date .slds-dropdown{
    font-family: "Trebuchet MS";
    font-size: 16px;
}

.qris-input-date .slds-datepicker thead>tr>th, 
.qris-input-date h2{
    font-family: "Trebuchet MS";
    color: var(--c-primaryBlue);
    font-size: 16px;
}
/********************orange badge*************************/

.qris-badge-color_orange{
    margin-left: 16px;
    text-align: center;
    border-radius: 16px;
}

.qris-badge-color_orange{
    background-color: var(--c-primaryOrange) !important;
} 

/********************************************/

.qris-border-top{
    border-top: 8px solid var(--c-primaryGold);
}

.qris-border-right{
    border-right: 1px solid var(--c-secondaryLightBlue);
    padding-left: 16px;
    padding-right: 16px;
}

.qris-grayBox.qris-display-flex_space-between{
    width: 100% !important;
}

.qris-after-viewdown{
    display: none;
}

.qris-goldBox{
    background-color: var(--c-secondaryLightGold);
    border-radius: 8px;
}

.qris-progress-bar .slds-progress-bar{
    background: var(--c-secondaryLightOrange);
    border-radius: 10px;
}

.qris-progress-bar{
    display: inline-flex;
    align-items: center;
    width: 100%;
} 

.qris-progress-bar .slds-progress-bar__value{
    background: var(--c-primaryOrange);
    border-radius: 8px;
    width: 65%;
}

.qris-grayBox-noIcon .qris-icon-small{
    visibility: hidden;
}

.qris-no-border{
    border: 0;
    border-radius: 0;
}

.qris-overview-image{
    height: 100%;
    width: 100%;
}

.qris-footer_right{
    margin-top: auto;
    margin-bottom: auto;
}

.qris-footerLinks a{
    display: block;										   
}

.qris-footerLinks a:active,
.qris-footerLinks a:hover{
    font-weight: bold;
    text-decoration: none;
    color:var(--c-utilityBlack);
}

.qris-modal-container{
    padding-right: 60px; /* 40 +20 */
}

.qris-greenBox{
    background-color: var(--c-greenBox);
    border-radius: 8px;
}

.qris-greenBox{
    background-color: var(--c-greenBox);
    border-radius: 8px;
    padding: 16px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}
/******************* Table done for High Needs starts *******************/
.qris-table thead tr th:first-child{
    border-radius: 8px 0 0 0;
    text-align: left;
}
.qris-table thead tr th:last-child{
    border-radius: 0 8px 0 0;
}
.qris-table tfoot tr td:first-child{
    border-radius: 0 0 0 8px;
}
.qris-table tfoot tr th:first-child{
    text-align: left !important;
}
.qris-table tfoot tr th{
    text-align: center;
}
.qris-table tfoot tr td:last-child{
    border-radius: 0 0 8px 0;
    text-align: center;
}
.qris-table thead tr{
    background-color: var(--c-utilityMidGray);
}
.qris-table tbody tr{
    background-color: var(--c-utilityWhite);
}
.qris-table tfoot tr:last-child{
    background-color: var(--c-utilityWhite);
}
.qris-table tfoot tr:first-child{
    height: 8px;
}
.qris-table tbody tr:not(:last-child){
    border-bottom: 1px solid var(--c-secondaryLightBlue);    
}
.qris-table thead th:not(:first-child){
    text-align: center;
}
.qris-table thead th{
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
    border: none;
}
.qris-table tbody tr td{
    text-align: left;
    padding: 16px;
}

.qris-input-text_small{
    min-height: 40px;
    border: 2px solid var(--c-utilityMidGray);
    border-radius: 8px;
    background-color: var(--c-utilityWhite);
    align-items: center;
}
.qris-input-text_small .slds-input{
    min-height: 36px;
    color: var(--c-utilityBlack);
    font-family: "Trebuchet MS";
    font-size: 16px;
    letter-spacing: 0.25px;
    text-align: center;
    box-shadow: none;
    outline: none;
    border: none;
}
.qris-input-text_small:focus-within{
   border: 2px solid var(--c-secondaryMidBlue);
}
.qris-blueHintBox{
    background-color: var(--c-utilityBlueHint) !important;
    align-items: center;
}

.qris-text-body_smallbold{
    font-family: 'Trebuchet MS';
    font-size: 16px;
    letter-spacing:0.25px;
    /* text-align: center; */
    font-weight: bold;
    color: var(--c-utilityBlack);					  
}

.qris-text-hint_small{
    color: var(--c-utilitySlateGray);
    font-family: "Trebuchet MS";
    font-size: 13px;
    font-style: italic;
    letter-spacing: 0.25px;
    line-height: 16px;
					
}
/******************* Table done for High Needs Ends *******************/

/******************* Theme Left Side bar starts here *******************/
/* this class is used for center alignment */
.qris-sidebar_buttons{
    text-align: center;
}
.qris-sidebar_buttons .qris-button-primary_large button{
    margin-bottom: 16px;
}

.qris-sidebar_buttons .qris-button-secondary_large button{
    margin-bottom: 8px;
}

.qris-sideLink_active{
    text-decoration:none;
    font-weight: bold;
    background-color: var(--c-secondaryLightBlue);
}
.qris-sideLink a:hover,
.qris-sideLink a:focus,
.qris-sideLink a:active{
    text-decoration: none;
    color:var(--c-utilityBlack);
}

.qris-sideLink:active,
.qris-sideLink:focus,
.qris-sideLink:hover{
    text-decoration:none;
    font-weight: bold;
    background-color: var(--c-secondaryLightBlue);
}
.qris-sidebar_links .slds-media__figure{
    margin-right: 24px;
}
.grid-sideBarQuesIcon .slds-icon-utility-question-mark{
    border: 2px solid var(--c-utilitySlateGray) ;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    padding: 0 2px;
}
.grid-sideBarQuesIcon svg{
    height: 12px;
    width: 12px;
}

/******************* Theme Left Side bar Ends here *******************/


/******************* Workforce Page Begins ***************************/
    /* Workforce Table style Start */
.qris-workforce-table{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

 .qris-workforce-table thead{
    border-radius: 8px 8px 0 0;
			   
}
			   

 .qris-workforce-table tbody tr{
    border-bottom: 1px solid var(--c-secondaryLightBlue);  
    padding-left: 24px;
    padding-right: 24px;  
    background-color: var(--c-utilityWhite);
} 

 .qris-workforce-table tr:last-child{
    border-bottom: none;
}

 .qris-workforce-table th{
    background-color: var(--c-utilityMidGray);
    text-align: left;
    padding: 16px;
    border: none;
}

 .qris-workforce-table tr>th:first-child{
    border-top-left-radius: 8px;
}

 .qris-workforce-table tr>th:last-child{
    border-top-right-radius: 8px;
}

 .qris-workforce-table tr>th:first-child,
 .qris-workforce-table tr>td:first-child{
    padding-left: 24px;
}

 .qris-workforce-table tr>th:last-child,
 .qris-workforce-table tr>td:last-child{
    padding-right: 24px;
}

.qris-workforce-table tr>th:nth-child(n+3),
.qris-workforce-table tr>td:nth-child(n+4){
    text-align: center;
}

 .qris-workforce-table tr>td{
    padding: 16px;
}
 .qris-workforce-table .slds-grid{
    display: table-row;
}

.qris-workforce-blue-title{
    color: var(--c-primaryBlue);
}

.qris-workforce-progress-bar.qris-blue-progress-bar .slds-progress-bar__value{
    background-color: var(--c-primaryBlue);
}
.qris-workforce-progress-bar.qris-orange-progress-bar .slds-progress-bar__value{
    background-color: var(--c-primaryOrange);
}
.qris-workforce-progress-bar.qris-yellow-progress-bar .slds-progress-bar__value{
    background-color: var(--c-primaryGold);
}
.qris-workforce-progress-bar.qris-red-progress-bar .slds-progress-bar__value{
    background-color: var(--c-primaryRed);
}

/* Workforce Table style end */

.qris-tile-green{
    /* height: 100%; */
    /* ADA Change */
    background-color: #56790B/*var(--c-secondarySuccessGreen)*/;
}
.qris-workforce-tile .qris-text-header3{
    font-size: 16px;
    color: var(--c-utilityWhite);
}

.qris-workforce-tile{ 
    height: 100%;
}

.qris-workforce-tile .qris-text-body_largebold,
.qris-workforce-tile .qris-text-label_bold{
    color: var(--c-utilityWhite);
}
.qris-tile-blue.qris-workforce-tile .qris-tile-text,
.qris-tile-green.qris-workforce-tile .qris-tile-text{
    position: absolute;
    bottom: 0;
    margin-bottom: 16px;
    color: var(--c-utilityWhite);
}
.qris-tile-green.qris-workforce-tile .qris-tile-text{
    left: 0;
    margin-left: 16px;
}
.qris-tile-blue.qris-workforce-tile .qris-tile-gradient,
.qris-tile-green.qris-workforce-tile .qris-tile-gradient{
    top: -75px;
}

.qris-workforce-tile.qris-tile-orange:hover .qris-tile-text{
    text-decoration: none;
    color:var(--c-utilityWhite) !important;
}

.qris-workforce-header{
    display: flex;
    align-items: center;
}

.qris-workforce-rating{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
}

.qris-workforce-overview-image{
    /* border-top-right-radius: 50%;
    border-bottom-right-radius: 50%; */
    overflow: hidden;
}

.qris-workforce-blue-checkbox .slds-checkbox{
    padding: 16px;
    background-color: #5567EC; /*ADA Contrast ratio*/
    border-radius: 8px;
    max-width: 50%;
    box-shadow: 0 0 10px 0 var(--c-secondaryLightBlue);
}

.qris-workforce-blue-checkbox .slds-form-element__control{
    display: flex;
    justify-content: flex-end;
}

.qris-workforce-blue-checkbox .slds-checkbox .slds-form-element__label{
    font-family: 'Trebuchet MS';
    font-size: 16px !important;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: var(--c-utilityWhite);
}

.qris-ers-scoring-details-accordian,
.qris-workforce-accordian-container{
    border-radius: 8px;
    overflow: hidden;
    height: fit-content;
    box-shadow: 0 0 10px 0 var(--c-secondaryLightBlue);
}

.qris-workforce-accordian-container{
    width: calc(50% - 12px);
}

.qris-workforce-accordian,
.qris-l2-qip-accordian {
    display: flex;
    justify-content: space-between;
    padding: 24px;
    background-color: var(--c-utilityWhite);
}

.qris-workforce-accordian .qris-text-body_largebold{
    color: var(--c-primaryBlue);
}

.qris-ers-scoring-details,
.qris-workforce-add-info,
.qris-workforce-contact-info{
    padding: 24px;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid var(--c-secondaryLightBlue);
    background-color: var(--c-utilityWhite);
}

.qris-workforce-rating .qris-text-body_large{
    color: var(--c-utilitySlateGray);
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.qris-workforce-warning-text-container{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.qris-workforce-warning-text{
    color: #DC3619;
}
/******************* Workforce Page Ends *****************************/

/*********************CHILDREN*********************/

.qris-input-combobox_small .slds-input{
    height: 40px;
    border: 2px solid var(--c-utilityMidGray);
    border-radius: 8px;
    background-color: var(--c-utilityWhite);
    color: var(--c-utilitySlateGray);
    font-family: "Trebuchet MS";
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.25px;
    box-shadow: none;
    outline: none;
}

.qris-input-combobox_small .slds-dropdown{
    margin-top: 4px;
}

.qris-input-combobox_small .slds-input__icon-group{
    padding-left:16px;
    padding-top: 16px;
    right:8px;
}
.qris-input-combobox_small .slds-icon-utility-down svg{
    fill: var(--c-primaryBlue);
    height: 16px;
    width: 16px;
}

.qris-input-combobox_small .slds-input.slds-combobox__input{
    font-family: 'Trebuchet MS';
    font-size: 16px;
    letter-spacing:  1px;
    line-height: 26px;
    color: var(--c-utilityBlack);
    border-color: var(--c-utilityMidGray);
}

.qris-input-combobox_small .slds-input.slds-combobox__input:focus{
    box-shadow: none;
    border-color: var(--c-secondaryMidBlue);
}

.qris-input-combobox_small .slds-listbox{
    border-radius: 8px;
    border: 2px solid var(--c-secondaryMidBlue);
}

.qris-input-combobox_small .slds-listbox .slds-listbox__option{
    height: 40px;
    text-align: center;
}

.qris-input-combobox_small .slds-listbox .slds-listbox__option.slds-has-focus{
    background-color: var(--c-utilityBlueHint);
    box-shadow: none;
}

.qris-input-combobox_small .slds-listbox .slds-media__body{
    font-family: 'Trebuchet MS';
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 26px;
}

.qris-table tr td:first-of-type{
    text-align: left;
    padding-left: 24px;
}

.qris-input-combobox_small .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;
}

/***************Children ends *****************/

/*************QIP*******************/

.qris-qip-accordian-container{
    border-radius: 8px;
    overflow: hidden;
    height: fit-content;
    box-shadow: 0 0 10px 0 var(--c-secondaryLightBlue);
    width: 100%;
}

.qris-qip.qris-blueHintBox{
    height: 240px;
    /* width: 996px; */
    display: flex;
    justify-content: center;
}

.qris-text_white{
    color:var(--c-utilityWhite) !important;
}

.qris-qip-card-footer{
    /* padding: 24px 16px 16px; */
    padding-left: 16px;
    height: fit-content;
    text-align: left;
    border-top: 1px solid var(--c-secondaryLightBlue); 
}

.qris-qip.qris-display-flex_space-between{
    align-items: baseline;
}

.slds-badge{
    font-family: "Trebuchet MS";
    font-size: 16px !important;
    letter-spacing: 0.25px;
    line-height: 20px;
    text-align: center;
    font-weight: 500 !important;
}

.qris-orange-ribbon{
    position: absolute;
    top: 24px;
    left: -4px;
    height: 40px;
    width: 8px;
    overflow: visible;
    background-color:var(--c-primaryOrange);
    border-radius: 4px;
}

/***************QIP ends***************/


/******************* Classroom page begins ***************************/

.qris-classroom-toddler-room .qris-card-header_with-icon .qris-yellow-ribbon,
.qris-classroom-infant-room .qris-card-header_with-icon .qris-yellow-ribbon{
    height: calc(100% - 48px);
}

.qris-classroom-toddler-room .qris-card-header_with-icon .slds-checkbox,
.qris-classroom-infant-room .qris-card-header_with-icon .slds-checkbox{
    padding: 0;
}

.qris-classroom-toddler-room .qris-card-header_with-icon .qris-infant-room-header,
.qris-classroom-infant-room .qris-card-header_with-icon .qris-infant-room-header{
    display: inline-flex;
    align-items: center;
}

.qris-classroom-infant-room .qris-infant-room-header .qris-input-checkbox .slds-form-element__label,
.qris-classroom-toddler-room .qris-infant-room-header .qris-input-checkbox .slds-form-element__label{
    font-family: 'Trebuchet MS';
    font-size: 16px !important;
    letter-spacing:0.25px;
    line-height: 26px;
    font-weight: normal;
    padding-left: 0;
}

.qris-uppercase-text{
    text-transform: uppercase;
}

.qris-classroom-header{
    align-items: center;
}

.qris-classroom-card{
    position: relative;
    padding: 0;
    background: var(--c-utilityLightGray);
    /* border: 1px solid #d4d4d4; */
    border-radius: 8px;
    background-clip: padding-box;
    overflow: hidden;
}

.qris-classroom-card-header{
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.qris-classroom-card-footer{
    padding: 24px 16px 16px;
    height: fit-content;
    text-align: left;
    border-top: 1px solid var(--c-secondaryLightBlue);
}

.qris-classroom-card-footer .qris-classroom_item {
    /* display: flex; removing to align classroom gray element*/
    align-items: center;
}

.qris-classroom-card-footer .qris-classroom_item:not(:last-child){
    padding-bottom: 24px;
}

.qris-classroom-card-footer .qris-classroom_item.qris-classroom-checkbox {
    display: inline-block;
    padding-bottom: 0;
}

.qris-classroom-checkbox .slds-checkbox__label .slds-form-element__label{
    font-family: 'Trebuchet MS';
    font-size: 21px !important;
    letter-spacing: 0.5px;
    line-height: 26px;
    color: var(--c-utilityBlack)
}

.qris-classroom-checkbox .qris-input-checkbox .slds-checkbox{
    padding-bottom: 24px;
}

.qris-input-checkbox.qris-classroom-add-ses .slds-checkbox{
    padding-bottom: 24px;
}

.qris-input-checkbox .slds-form-element__label:empty{
    padding:0;
}

.qris-display-flex{
    display: flex;
    align-items: center;
}

.qris-classroom-deactivated-sessions .qris-classroom-card-header {
    border-right: 1px solid var(--c-secondaryLightBlue);
}

.qris-classroom-deactivated-sessions .slds-badge{
    background-color: var(--c-primaryOrange);
    color: var(--c-utilityWhite)
}

.qris-classroom-card .qris-buttonIcon-direction{
    min-width: 145px;
}
/******************* Classroom page ends ********************/

/****************** summary ******************/

.qris-card_summary{
    border-radius: 8px;
    background-color: var(--c-utilityWhite);
}

.qris-card_summary .qris-input-checkbox .slds-checkbox{
    padding-bottom: 0px;
} 
.qris-card_summary .qris-input-checkbox .slds-checkbox__label .slds-form-element__label{
    font-weight: bold;
}

.qris-summary_tile{
    width: calc(33% - 12px);
}

/*************** summary ends ************/

/*************** L2 QIP Page Begins *************/
.qris-card_ers{
    padding:24px;
    align-items: center;
    background-color: var(--c-utilityWhite);
}
.qris-card_l2-qip-options{
    box-shadow: 0 0 10px 0 var(--c-secondaryLightBlue);
    background-color: var(--c-utilityWhite);
}
.qris-card_l2-qip-options_title{
    padding: 16px 24px;
    background-color: var(--c-utilityWhite);
}
.qris-card_l2-qip-options-list{
    border: none;
}
.qris-card_l2-qip-option{
    padding: 16px 24px;
}
.qris-card_l2-qip-option:not(:last-child){
    border-bottom: 1px solid var(--c-secondaryLightBlue);
}
.qris-l2-qip-direction-container{
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
    height: fit-content;
    box-shadow: 0 0 10px 0 var(--c-secondaryLightBlue);
}
.qris-l2-qip-directions{
    border-top: 1px solid var(--c-secondaryLightBlue);
    padding: 24px 16px;
    background-color: var(--c-utilityWhite);
}
.qris-card_l2-qip-options_banner{
    padding: 16px 24px;
    background-color: var(--c-utilityMidGray);
}
.qris-l2-qip_overview{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    border: 3px solid var(--c-utilitySlateGray);
    border-radius: 10px;
}
.qris-l2-qip_section .qris-input-checkbox .slds-checkbox{
    padding-bottom: 16px;
}
.qris-badge_orange{
    height: 24px;
    width: 24px;
    justify-content: center;
    color: var(--c-utilityWhite) !important;
    background-color: var(--c-primaryOrange) !important;
}

.qris-card_l2-qip-option .qris-input-textarea{
    width: 100%;
    height: 100%;
    border: none;
    background-color: var(--c-utilityLightGray);
}
.qris-card_l2-qip-option .qris-input-textarea .slds-textarea:read-only{
    resize: none;
    padding-left: 0;
    background-color: var(--c-utilityLightGray);
}
.qris-card_l2-qip-option .qris-button_textLink button{
    font-size: 16px;
}
.qris-card_l2-qip-option .qris-button_textLink button:disabled,
.qris-card_l2-qip-option .qris-button_textLink button:disabled:focus,
.qris-card_l2-qip-option .qris-button_textLink button:disabled:hover{
    color: currentColor;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
}
.qris-qip-note_container{
    padding: 16px;
    border-radius: 8px;
    background-color: var(--c-utilityLightGray);
}
/*************** L2 QIP Page ends *************/

/* appl */

.qris-appli_tile{
    width:calc(25% - 12px);
}

/* greenbox */
.qris-greenBox .slds-grid{
    width: 100%;
}

.qris-greenBox .qris-align_right{
    margin-top: auto;
}

/* messageBox */

.qris-messageBox_icon svg{
    fill:var(--c-utilityBlack);
    top: 5px;
    position: relative;
}

/* L2 */

.qris-card_ers{
    padding:24px;
    border-radius: 8px;
    background-color: var(--c-utilityWhite);
}

.qris-text-body_largebold_caps{
    font-family: 'Trebuchet MS';
    font-size: 21px;
    text-decoration:caps;
    letter-spacing:3px;
    /*line-height:32px;*/
    color: var(--c-utilityBlack);
    text-transform: uppercase;
    font-weight: bold;
}

/* *******Single Checkbox class******* */

.qris-input-singlecheckbox.qris-input-checkbox .slds-checkbox{
    padding-bottom: 0px;
} 

.qris-input-singlecheckbox.qris-input-checkbox[type="checkbox"]:last-of-type{
    padding-bottom: 0px;
}

/* *******Single Checkbox class ends ******* */

/* Datepicker update starts */

.slds-datepicker table {
    table-layout: fixed;
}

/* Datepicker update end */


/* QIP Modal */
.qris-qip-modal .slds-modal__container .slds-modal__content{
    overflow: auto;
}

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

/* QIP Modal */

/************For margin aligned to navigation and side bars *******/

.qris-margin_theme{
    margin-top: -32px;
    margin-left: -40px;
    margin-right: -40px;
}
/* margin align ends */

/* Search starts */

.qris-input-search{
    /* display: flex;
    align-items: center; */
    min-height: 56px;
    width: 100%;
    border: 2px solid var(--c-utilityMidGray);
    border-radius: 8px;
    background-color: var(--c-utilityWhite);
}

.qris-input-search .slds-input{
    box-shadow: none;
    border: none;
    font-family: "Trebuchet MS";
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 24px;
}

.qris-input-search .slds-input:focus{
    box-shadow: none;
    outline: none;
}

.qris-input-search svg[data-key="search"]{
    height: 16px;
    width: 16px;
    fill: var(--c-primaryBlue);
    right: 16px;
    left: unset;
    top:0px;
}

.qris-input-search svg[data-key="clear"]{
    /* height: 16px;
    width: 16px;
    fill: var(--c-primaryBlue);
    right: unset;
    left: 16px; */
    display:none;
}

.qris-input-search .slds-form-element__label{
    padding-left: 16px;
    padding-top: 8px;
    color: var(--c-utilitySlateGray);
    font-family: "Trebuchet MS";
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 20px;
    text-transform: uppercase;
}

/* Search ends */

/* Documentation starts */

.qris-icon-blueHint svg{
    fill: var(--c-utilityBlueHint);
}

.qris-table_documentation thead tr th{
    text-align: left !important;
}

.qris-table_documentation tbody tr td{
    padding-left:24px;
    padding-right:24px;
    padding-top:16px;
    padding-bottom:16px;
    text-align: left !important;
}

.qris-table_documentation tbody tr td{
    text-align:left;
}

.qris-table_documentation tbody tr td:last-child{
    text-align: right !important;
}

.qris-doc-card{
    position: relative;
    padding: 0;
    background: var(--c-utilityLightGray);
    /* border: 1px solid #d4d4d4; */
    border-radius: 8px;
    background-clip: padding-box;
    overflow: visible;
}

.qris-doc-card-header{
    padding: 16px;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    width: 100%;
}

.qris-doc-card-header .qris-icon-medium{
    background-color: var(--c-secondarySuccessGreen);
}

/* Documentation ends */

/* For non editable texts with no input */

.qris-non_editable-non_input .slds-form-element__control{
    display:none;
}

/****** L3-L5 indicators *******/
.qris-display-flex_column{
    display: flex;
    flex-direction: column;
}

.qris-golden-background{
    background-color: var(--c-primaryGold);
}
.qris-rotated-header{
    position: absolute;
    top: 40%;
    left: -8px;
    transform: rotate(-90deg);
}
.qris-table_total-points thead th:last-child{
    padding: 8px 18px;
    text-align: center;
    background-color: var(--c-secondaryLightBlue);
}
.qris-table_total-points thead th:nth-last-child(2){
    padding: 8px 18px;
    text-align: center;
    background-color: var(--c-utilityBlueHint);
}
.qris-table_total-points  tbody tr{
    background-color: var(--c-utilityWhite);
}
.qris-table_total-points  tbody tr td{
    padding-top: 24px;
    padding-bottom: 24px;
}
.qris-table_total-points  tbody tr td:first-child{
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding-left: 24px;
}
.qris-table_total-points  tbody tr td:last-child{
    border-bottom-right-radius: 8px;
    padding-right: 24px;
}
.qris-table_total-points  tbody tr td:last-child,
.qris-table_total-points tbody tr td:nth-last-child(2){
    text-align: center;
}
.qris-l3-l5-indicators-table.qris-table thead,
.qris-l3-l5-indicators-table.qris-table tbody{
    vertical-align: top;
}
.qris-l3-l5-indicators-table.qris-table thead th .qris-text-body_smallbold{
    text-align: left;
}
.qris-l3-l5-indicators-table.qris-table thead th .qris-text-body_smallitalic{
    color: var(--c-utilitySlateGray);
}
.qris-l3-l5-indicators-table.qris-table thead tr th:first-child{
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 8px 0 0 0;
    text-align: left;
}
.qris-l3-l5-indicators-table.qris-table thead th{
    padding: 16px 0;
    border: none;
}
.qris-l3-l5-indicators-table.qris-table tbody tr{
    border: none;
}
.qris-l3-l5-user_tbody .qris-l3-l5-user_trow:not(:last-child) .qris-l3-l5-user_td,
.qris-l3-l5-indicators-table.qris-table tbody tr:not(:last-child) td{
    border-bottom: 1px solid var(--c-secondaryLightBlue);
}
.qris-l3-l5-indicators-table.qris-table tbody tr td:not(:first-child){
    padding-top: 16px;
    padding-bottom: 16px;
}
.qris-l3-l5-user_tbody .qris-l3-l5-user_trow .qris-l3-l5-user_td:nth-last-child(2),
.qris-l3-l5-indicators-table.qris-table tbody tr td:nth-last-child(2),
.qris-l3-l5-user_tbody .qris-l3-l5-user_trow .qris-l3-l5-user_td:last-child,
.qris-l3-l5-indicators-table.qris-table tbody tr td:last-child{
    background-color: var(--c-utilityBlueHint);
    border-bottom: none;
    align-items: center;
    text-align: center;
}

.qris-l3-l5-user_tbody .qris-l3-l5-user_trow .qris-l3-l5-user_td:nth-last-child(2),
.qris-l3-l5-indicators-table.qris-table tbody tr td:nth-last-child(2){
    background-color: var(--c-utilityBlueHint);
    border-bottom: none;
    align-items: center;
}
.qris-l3-l5-user_tbody .qris-l3-l5-user_trow .qris-l3-l5-user_td:last-child,
.qris-l3-l5-indicators-table.qris-table tbody tr td:last-child{
    background-color: var(--c-secondaryLightBlue);
    border-bottom: none;
    align-items: center;
}

.qris-l3-l5-indicators-table.qris-table tbody tr:last-child td:first-child{
    border-bottom-left-radius: 8px;
}
.qris-l3-l5-indicators-table.qris-table tbody tr:last-child td:last-child{
    border-bottom-right-radius: 8px;
}
.qris-l3-l5-indicators-table tbody .qris-text-body_smallbold{
    text-align: center;
}
.qris-l3-l5-user_table .qris-l3-l5-user_thead{
    font-weight: bold;
    background-color: var(--c-utilityMidGray);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.qris-l3-l5-user_tbody .qris-l3-l5-user_trow{
    background-color: var(--c-utilityWhite);
}
.qris-l3-l5-user_tbody .qris-l3-l5-user_trow:last-child{
    overflow: hidden;
    /* border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; */
}
.qris-l3-l5-user_tbody .qris-l3-l5-user_trow  .qris-l3-l5-user_td{
    padding-top: 16px;
    padding-bottom: 16px;
}
.qris-l3-l5-user_tbody .qris-l3-l5-user_trow .qris-l3-l5-user_td:first-child{
    padding-left: 24px;
}
.qris-l3-l5-user_tbody .qris-l3-l5-user_trow .qris-l3-l5-user_td:nth-child(2){
    text-align: right;
    padding-right: 24px;
}
.qris-l3-l5-user_tbody .qris-l3-l5-user_trow .qris-l3-l5-user_td:nth-child(2) .qris-button_textLink button{
    line-height: 24px;
}
.qris-trow-details{
    padding: 16px 24px;
    border-top: 1px solid var(--c-secondaryLightBlue);
}
.qris-trow-details .qris-card_l2-qip-option{
    padding: 0;
    margin-bottom: 24px;
}
.qris-trow-details .qris-card_l2-qip-option:not(:last-child){
    border-bottom: none;
    margin-bottom: none;
}
.qris-trow-details .qris-text-body_smallbold{
    text-align: left;
}
.qris-badge_disabled{
    opacity: 50%;
}
/****** L3-L5 indicators *******/

/*********** ERS Classroom report **********/

.qris-ers-classroom-header{
    align-items: baseline;
}
.qris-ers-scoring-details-accordian{
    width: 100%;
}
.qris-ers-scoring-details .slds-size_1-of-2{
    width: calc(50% - 20px);
}
.qris-ers-classroom-container .qris-card_l2-qip-options_banner .qris-text-label,
.qris-ers-scoring-details .qris-text-body_small{
    color: var(--c-utilitySlateGray);
}
.qris-ers-classroom-container .qris-blue-ribbon{
    height: calc(100% - 48px);
}
.qris-ers-classroom-container .qris-card_l2-qip-options_container .qris-card{
    border: none;
    box-shadow: none;
    border-radius: 8px;
    overflow: hidden;
}
.qris-ers-classroom-container .qris-card_l2-qip-options-list{
    width: 100%;
}
.qris-ers-classroom-container .qris-card_l2-qip-options_banner .qris-text-body_smallbold{
    text-align: left;
}

/*********** ERS Classroom report **********/

/* Notes from licensing specialist component */

.qris-helptext button:hover{
    color:var(--c-primaryBlue);
}

.qris-helptext button:focus{
    box-shadow:none;
}

.qris-qip-note.qris-blueHintBox{
    align-items: baseline;
}

/* Notes from licensing specialist component ends */

/* Announcement card padding */

.qris-card-header.qris-p-bottom_large .slds-media .slds-media__figure{
    margin-right: 16px;
}
/* Announcement card padding ends */

/* l3-5 summary components */
.qris-box-fact .slds-region_narrow .slds-dl_horizontal .slds-dl_horizontal__label{
    width: 30%;
    /* padding-right: 16px; */
    text-align: left;
}

.qris-box-fact .slds-region_narrow .slds-dl_horizontal__detail{
    width: 75%;
}

.qris-table tbody tr td:not(:first-child){
    text-align:center;
}

.qris-opacity-disabled{
    opacity:50%;
}

.qris-input-checkbox.qris-opacity-disabled .slds-checkbox_faux{
    min-width: 24px;
}

.qris-tile-green.qris-summary-tile {
    display:block;
    text-align: left;
}
.qris-tile-green.qris-summary-tile .qris-tile-gradient{
    border-radius: 50%;
    right: -75px;
    width: 45%;
    top: -27%;
    height: 150%;
}

.qris-summary-tile .qris-text-header_hero,
.qris-summary-tile .qris-text-subhead1{
    color: var(--c-utilityWhite);
    text-align: left;
}

.qris-summary-table.qris-text-header2{
    width: calc( 66.667% - 40px);
}

.qris-summary-table.qris-blueHintBox{
    width: calc( 25% + 40px);
    display: flex;
    justify-content: center;
}

/* l3-5 summary components */


/* teachers component */

.qris-dual-listbox .slds-form-element__label{
    font-family: 'Trebuchet MS';
    font-size: 21px;
    letter-spacing:0.25px;
    line-height: 32px;
    color: var(--c-utilityBlack) !important;    
    padding-top: 0;
    margin-bottom: 0;
}

.qris-dual-listbox .slds-form-element__label.slds-form-element__legend{
    font-weight: bold;
    margin-bottom: 8px;
    padding-top: 0;
    padding-right: 0;
}

.qris-dual-listbox .slds-dueling-list__options{
    border-radius: 8px;
    max-height: 209px;
}

.qris-dual-listbox .slds-listbox__option{
    font-family: 'Trebuchet MS';
    letter-spacing:.25px;
    line-height: 26px;
    color: var(--c-utilityBlack) !important;
    /* background-color:var(--c-utilityBlueHint); */
    font-size: 22px;
    line-height: 32px;
}

.qris-dual-listbox .slds-listbox__option:hover,
.qris-dual-listbox .slds-listbox__option:active,
.qris-dual-listbox .slds-listbox__option:focus{
    background:var(--c-utilityBlueHint) !important;
    color: var(--c-utilityBlack) !important;
}

.qris-dual-listbox .slds-button__icon,
.qris-dual-listbox .slds-button__icon:hover,
.qris-dual-listbox .slds-button__icon:focus{
    fill: var(--c-primaryBlue);
}

.qris-dual-listbox .slds-button:hover{
    color:var(--c-primaryBlue);
}

.qris-dual-listbox .slds-dueling-list__column .slds-button:first-of-type{
    margin: 4px
}

.qris-dual-listbox .slds-dueling-list__column{
    justify-content: center;
}

.qris-dual-listbox .slds-button_icon-container:focus{
    box-shadow:none;
    fill: var(--c-primaryBlue) !important;
}

.qris-dual-listbox .slds-dueling-list__options [aria-selected=true]{
    background-color:var(--c-utilityBlueHint) !important;
}

/* teachers component ends */

/* button 100% width class */

.qris-width_full button{
    width: 100%;
}


/* Class for placeholder with * */

/* .qris-input-combobox_req .slds-input .slds-combobox__input:placeholder:before{
    content:"*";
    color:var(--c-primaryRed);
    font-size: 21px;
}

.qris-input-combobox.qris-input-combobox_req input[type="text"]:before{
    content:"*";
    color:var(--c-primaryRed);
    font-size: 21px;
    position:absolute;
    top:0px;
} */

.qris-input-combobox_req .slds-combobox__input{
    padding-left: 28px !important;
    padding-top: 8px;
}

.qris-input-combobox_req .slds-form-element__label{
    position: absolute;
    z-index: 99;
    top: 10px;
    font-size: 22px;
    left: 16px;
    
}

.qris-input-combobox_req .slds-input__icon-group{
    right: 8px !important;
    /* margin-top: 0 !important; */
    top: 45% !important;
    /* height: auto !important; */
}

.qris-max-summary-l3{
    max-height: 712px;
}

.qris-max-summary-l5{
    max-height: 204px;
}

.qris-fit_height{
    height:fit-content;
}

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

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

/* for the image in program details page  */

.qris-width-prog-details{
    width: 200px;
    position: absolute;
    right: 0px;
}

/* rich text fiedd text area selected */

.qris-input-richtext {
    outline: none;
    border-radius: 8px;
}

/* .qris-input-richtext .slds-rich-text-editor__textarea p{
    color: var(--c-utilityBlack);
    font-family: "Trebuchet MS";
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 24px;
} */

.qris-input-richtext .slds-input__icon-group_right{
    top: 35%;
}
.qris-input-richtext .slds-button_icon-border-filled.slds-is-selected{
    background-color: var(--c-primaryBlue);
    border-color: var(--c-utilityWhite);
}

.qris-input-richtext .slds-combobox__input:hover{
    box-shadow: none;
    border-color: var(--c-secondaryMidBlue);
}
.qris-input-richtext .slds-combobox__input:focus{
    outline: 3.5px solid black;
}
.qris-input-richtext .slds-rich-text-editor__textarea .ql-editor.ql-blank:before,
/* .qris-input-richtext .slds-rich-text-editor__textarea p, */
.qris-input-textarea .slds-textarea::placeholder,
.qris-input-richtext .input-rich-text-placeholder[interop-inputRichText_inputRichText],
.qris-input-textarea .slds-textarea::-webkit-input-placeholder,
.qris-input-richtext::placeholder{
    font-style: italic !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: "Trebuchet MS";
}

.qris-input-combobox_small::placeholder{
    font-size: 16px !important;
}

::placeholder {
    color: #4D5758 !important;
    font-family: "Trebuchet MS";
    font-size: 21px;
    letter-spacing: 0.25px;
    line-height: 24px;
}

.slds-rich-text-editor__textarea .ql-editor.ql-blank:before{
    color: #4D5758;
    font-family: "Trebuchet MS";
    font-size: 21px;
    letter-spacing: 0.25px;
    line-height: 24px;
    font-style: italic !important;
}

.qris-input-richtext:focus,
.qris-input-richtext:active,
.qris-input-richtext:focus-within{
    border-radius: 8px;
    border: 1px solid var(--c-secondaryMidBlue);
    outline: 3.5px solid black;
}

.qris-input-richtext .slds-rich-text-editor.slds-has-focus{
    box-shadow: none;
    outline: 3.5px solid black !important;
}
.qris-input-richtext .slds-rich-text-editor .slda-has-error{
    outline: 3.5px solid var(--c-primaryRed);
}
/* .slds-rich-text-editor__textarea:last-child .slds-rich-text-area__content .slds-has-focus {
    outline: 3.5px solid black;
} */

.qris-input-richtext .slds-rich-text-editor__output{
    font-family: 'Trebuchet MS';
    font-size: 22px;
    letter-spacing: 0.25px;
    line-height: 32px;
    color: var(--c-utilityBlack);
}

.qris-input-richtext .slds-button:hover{
    color: var(--c-primaryBlue) !important
}

.qris-input-richtext .slds-icon-text-default{
    position: relative;
    fill: var(--c-primaryBlue);
    top: 30%;
}

/* rich text fiedd text area ends */

a:hover, a:focus{
    text-decoration: none !important;
}
/* To wrap text inside a card */

.qris-text_wrap {
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
}

.slds-notify__content{
    width: min-content;
    min-width: 520px;
    max-width: 640px;
}


/* toggle input */

.qris-input-toggle .slds-checkbox_on,
.qris-input-toggle .slds-checkbox_off{
    display:none !important;
}

.qris-input-toggle .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux{
    border-color: white;
    background-color: var(--c-primaryBlue);
}

.qris-input-toggle .slds-form-element__label{
    padding-right: 8px;
    font-family: 'Trebuchet MS';
    font-size: 16px;
    letter-spacing: 0.25px;
}

.qris-input-toggle .slds-checkbox_toggle{
    box-shadow: none;
    align-items:center;
}

.qris-input-toggle .slds-checkbox_toggle .slds-checkbox_faux:after{
    box-shadow:none !important;
}

/* toggle input */

/* scheduler page */

.qris-text-body_small_blue,
.qris-text-body_small_blue a,
.qris-text-body_small_blue a:hover{
    font-family: 'Trebuchet MS';
    font-size: 16px;
    letter-spacing: 0.25px;
    line-height: 26px;
    font-weight: normal;
    color: var(--c-primaryBlue);
}

.qris-bottom-shadow{
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2)
}

.qris-icon-sched{
    position: relative;
    height: 32px;
    width: 32px;
}

/* .qris-icon-aqua .slds-icon_container_circle, */
.qris-icon-aqua .slds-icon-action-new-note{
    background-color: #65CAE4;
}

.qris-icon-yellow .slds-icon_container_circle{
    background-color: #FCB95B;
}

.qris-icon-yellow svg[data-key="canvas"],
.qris-icon-aqua svg[data-key="new_note"]{
    height: 20px;
    width: 20px;
    position: absolute;
    left: 20%;
    top: 20%;
    /* bottom: 3px;
    right: 3px; */
}

/* sched page */

/* button menu */

.qris-button-menu button{
    align-items: center;
    background-color: transparent;
    color: var(--c-primaryBlue);
    border-radius: 8px;
    border: 2px solid var(--c-utilityMidGray);
    min-height: 32px;
}
.qris-button-menu button:focus,
.qris-button-menu button:active{
    border-color: var(--c-secondaryMidBlue);
}

.qris-button-menu .slds-button:hover, .slds-button:focus{
    color: var(--c-primaryBlue);
}
.slds-button:focus,
.slds-button_icon:focus{
    outline: 3.5px solid black !important;
}

.qris-button-menu button:focus{
    box-shadow: none;
}
.qris-button-menu .slds-dropdown{
    margin-top: 4px;
    border: 2px solid var(--c-secondaryMidBlue);
    border-radius: 8px;
}

.qris-button-menu .slds-dropdown__item{
    font-family: "Trebuchet MS";
    font-size: 21px;
    letter-spacing: 0.25px;
    line-height: 24px;
}
.slds-dropdown__item>a:hover, .slds-dropdown__item>a:focus{
    background-color: var(--c-utilityBlueHint);
    color: var(--c-utilityBlack);
}

/* button menu ends */

/* sched table */

.qris-table-sched .qris-table-sched_thead{
    background-color: var(--c-utilityLightGray);
    border-bottom: 1px solid var(--c-utilityMidGray);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.qris-table-sched_tbody .qris-table-sched_trow .qris-table-sched_td:first-child{
    padding-left: 24px;
}

.qris-sched_tr-details{
    border-top: 1px solid var(--c-secondaryLightBlue);
}

.qris-sched_tr-details .qris-table-sched_tr{
    padding: 16px 24px;
}

.qris-table-sched_tr{
    background-color: var(--c-utilityWhite);
}

.qris-table-sched_td{
    padding-top: 16px;
    padding-bottom: 16px;
    padding: 0 8px;
    align-self: center;
}
.qris-table-sched_td-assess{
    padding: 0 8px;
    align-items: center;
    min-height: 54px;
    display: flex;
}
.qris-table-sched_tbody .qris-table-sched_trow .qris-table-sched_td-assess:first-child{
    padding-left: 8px;
}

.qris-footer-sched{
    background-color: #f7f7f7;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}

/* for table boxes */

.qris-bgBlueBox{
    background-color: var(--c-utilityBackgroundBlue) !important;
}

.qris-bgBlueHint{
    background-color: var(--c-utilityBlueHint) !important;
    
}

/* table sched ends */

/* for responsive announcement ui */

.qris-responsive{
    display: flex;
    flex-direction:row;
}

.qris-responsive .slds-media{
    display:flex;
    flex-direction: column;
    width: 50%;
}

.qris-extra_content.qris-responsive .slds-media{
    display:flex;
    flex-direction: row;
}

.qris-extra_content.qris-responsive{
    display:flex;
    flex-direction: column;
}

.qris-extra_content.qris-responsive .qris-progress-bar.qris-m-bottom_xx-large{
    margin-bottom: 48px;
    margin-top: 24px;
}


.qris-display_block{
    display: block !important;
}



/* for responsive announcement ui */

/* for vertical border */

.qris-border-vertical{
    border-bottom: 1px solid var(--c-utilityMidGray);
    border-top: 1px solid var(--c-utilityMidGray);
}

.qris-border-right_gray{
    border-right: 1px solid var(--c-utilityMidGray);
}

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

/* qris-counter */

.qris-counter .slds-input{
    border-radius: 8px;
    min-height: 32px;
}

.qris-counter .slds-button_icon-border{
    border: none;
    color: var(--c-utilitySlateGray);
}

.qris-counter .slds-button:hover, .slds-button:focus{
    box-shadow: none;
    color: var(--c-utilitySlateGray);
}

.qris-counter .slds-input:focus, .slds-input:active{
    box-shadow: none;
    border-color: var(--c-primaryBlue);
}
.qris-counter-var .slds-button:hover, .slds-button:focus{
    box-shadow: none;
    color: var(--c-utilitySlateGray);
}
.qris-counter-var .slds-input:focus, .slds-input:active{
    box-shadow: none;
}
/* 
.qris-counter-var #editing-view-port{
    border: 1px solid var(--c-utilityMidGray);
} */
.qris-counter-var input::-webkit-textfield-decoration-container{
    border: 1px solid var(--c-utilityMidGray);
    border-radius: 8px;
    max-height: 40px;
    background-color: var(--c-utilityWhite);
}
.qris-counter-var .slds-input_counter{
    border: none;
    background-color: transparent;
}
.qris-counter-var .slds-input__button_increment{
    right: 5%;
    top: 45%;
}
.qris-counter .slds-input__button_increment{
    top: 45%;
}
.qris-counter .slds-input__button_decrement{
    top: 45%;
}
.qris-counter .slds-input,
.qris-counter-var .slds-input{
    color: var(--c-utilityBlack);
    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding: 0 8px;
}
.qris-counter-var .slds-input__button_decrement{
    left: 5%;
    top: 45%;
}
/* qris-counter */

.slds-icon-action-approval{
    background-color: var(--c-secondarySuccessGreen);
}

.qris-sched-logo{
    width: 170px;
}

.qris-sched-row{
    padding: 16px 16px;
}
.qris-sched-row-assess{
    padding: 0 16px;
}
.qris-sched-row,
.qris-sched-row-assess{
    border-bottom: 1px solid var(--c-utilityBlueHint);
}
.qris-sched-row:hover{
    background-color: #F0F1F8;
}
.qris-table-sched_tr .qris-input-combobox_small .slds-input.slds-combobox__input,
.qris-sched-row .qris-input-combobox_small .slds-input.slds-combobox__input{
    padding-left: 16px;
    text-align: left;
    max-height: 32px;
}
.qris-table-sched_tr .qris-input-combobox_small .slds-input.slds-combobox__input{
    padding-left: 16px;
    text-align: left;
    border-color: var(--c-utilityMidGray);
}

.qris-table-sched_tr .qris-input-combobox_small .slds-input{
    height: 32px;
}

.qris-priority-counter{
    display: flex;
    align-items: center;
    flex-direction: row !important;
}
.qris-priority-counter .slds-input{
    text-align: center;
    box-shadow: none;
    padding: 0 8px;
    width: 40px;
    border-radius: 4px;
    border-color: var(--c-utilityMidGray); 
    color: var(--c-utilityBlack);
    font-family: "Trebuchet MS";
    font-size: 16px;
    letter-spacing: 0.5px;
    max-width: 48px;
    min-height: 32px;
}
.qris-priority-counter .slds-input:focus, 
.qris-priority-counter .slds-input:active{
    border-color: var(--c-secondaryMidBlue);
}
.qris-priority-counter .slds-button__icon{
    height: 13px;
    width: 13px;
    fill: #706E6B;
}
.qris-priority-counter .slds-button:hover{
    color: #4D5758;
}
.slds-button:focus{
    outline: 3.5px solid black !important;
}
.qris-bgBlueBox{
    background-color: var(--c-utilityBlueHint) !important;
}

.qris-top-sticky{
    position: sticky;
    top: 8px;
    z-index: 99;
}

.qris-bottom-sticky{
    position: sticky;
    bottom: 8px;
    z-index: 99;
}

.qris-link-button a:hover,
.qris-link-button a:focus{
    text-decoration: none !important;
    color: transparent;
}

/* to remove custom padding from tabset etc  */
.qris-padding-null{
    padding:0;
}

.qris-input-text .slds-media__figure.slds-listbox__option-icon{
height: 20px;
width: 20px;
}
.qris-input-text .slds-media slds-listbox__option.slds-media_center.slds-listbox__option_plain{
height: 56px;
}
.qris-input-text .slds-media__body{
    color: var(--c-utilityBlack);
    font-family: "Trebuchet MS";
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 24px;
}
.qris-input-text .slds-listbox_vertical .slds-listbox__option:hover{
background-color: var(--c-utilityBlueHint);
}
.qris-input-text .slds-icon.slds-icon-text-default.slds-icon_x-small{
    height: 20px;
    width: 20px;
    right: 20px;
    bottom: 10px;
    position: relative;
    fill: var(--c-primaryBlue);
}
.qris-input-combobox .slds-input_faux:not(.slds-combobox__input-value){
box-shadow: none;
    border: none;
}
.qris-input-text button .slds-button__icon[data-key="event"]{
    fill: var(--c-primaryBlue);
    bottom: 10px;
    right: 10px;
    position: relative;
}

.badge-color_success-green{
    margin-left: 16px;
    text-align: center;
    border-radius: 16px;
    font-family: "Trebuchet MS";
    font-size: 16px;
    letter-spacing: 0.25px;
    background-color:  #5D820D !important;
}

.badge-color_orange{
    margin-left: 16px;
    text-align: center;
    border-radius: 16px;
    background-color: #BE5A0E !important;
}
.checkbox-error .slds-checkbox_faux
{
	outline: 3.5px solid red !important;
}

.mouAlignAdjust{
	flex-direction: column;
	align-items: center;
	margin-bottom: 24px;
}

.mouText{
	width: auto !important;
}

.signMOUButton{
	margin-top: 10px;
}

.lightning_TextArea.slds-form-element .slds-textarea
{
    resize : none !important;
}

.signatureError.signature-Error
{
    outline: 3.5px solid red !important;
}

.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #000;
    color: #fff;
    padding: 1px;
    z-index: 100;
    transition: top 0.3s;
    opacity: 0;
}

.skip-link:focus {
    top: 0;
    opacity: 1;
}

/************************QRIS Coaching Portal CSS Start *********************/

.coach-table .slds-cell-fixed,
.coach-table .slds-th__action {
    background-color: var(--c-lavenderMist) !important;
}

.coach-table .slds-text-link_reset {
    font-family: var(--lwc-fontFamily,Lato);
    font-size: 12px !important;
    letter-spacing: 0.25px;
    font-weight: bold;
    color: var(--c-utilityBlack) !important;
}

.coach-table .slds-table_header-fixed_container {
    border-radius: 8px;
}

.coach-table td[data-label="Application Status"] .slds-icon-utility-info svg {
    fill: var(--c-secondaryDarkRed);
}

.coach-table .slds-table th,
.coach-table .slds-table td {
    font-family: var(--lwc-fontFamily,Lato);
    letter-spacing: .25px;
    line-height: 26px;
    color: var(--c-utilityBlack) !important;
    /* background-color: var(--c-utilityBlueHint); */
    font-size: 12px;
    line-height: 16px;
    word-break: break-word;
}

.coach-table .slds-table tbody td,
.coach-table .slds-table tbody th {
    padding: 8px 16px;
}

.coach-table .slds-table [role=gridcell]:focus,
.coach-table .slds-table th,
.coach-table .slds-button_icon-bare {
    box-shadow: none !important;
}

.coach-table .slds-button__icon svg {
    fill: var(--c-primaryBlue);
}

.coach-table .slds-truncate {
    white-space: normal;
    text-overflow: unset;
}

/* .coach-table .slds-truncate .slds-button {
    color: var(--c-primaryBlue);
} */

.coach-table .slds-table:not(.slds-no-row-hover) tbody tr:hover,
.coach-table .slds-table:not(.slds-no-row-hover) tbody tr:focus {
    background-color: var(--c-secondaryLightBlue);
}

.coach-table .slds-is-sortable .slds-th__action:hover .slds-is-sortable__icon {
    fill: var(--c-primaryBlue);
}

.coach-table .slds-is-sortable .slds-th__action:hover,
.coach-table .slds-is-sortable .slds-th__action:hover,
.coach-table .slds-has-button-menu .slds-th__action {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 24px;
    border: none;
    background-color: var(--c-utilityMidGray);
}

.coach-table .slds-resizable__divider,
.coach-table .slds-icon[data-key="arrowdown"],
.slds-is-sortable .slds-th__action:focus {
    display: none;
}

.coach-table .slds-has-focus.slds-is-resizable .slds-th__action,
.coach-table .slds-has-focus.slds-is-resizable .slds-th__action:focus,
.coach-table .slds-has-focus.slds-is-resizable .slds-th__action:hover,
.coach-table .slds-has-focus.slds-is-resizable .slds-th__action:focus:hover,
.coach-table .slds-is-resizable .slds-th__action:focus,
.coach-table .slds-is-resizable .slds-th__action:focus:hover {
    background-color: var(--c-utilityMidGray) !important;
}

.coach-table .slds-table_header-fixed_container,
.coach-table .slds-is-resizable .slds-th__action:focus,
.coach-table .slds-cell-fixed {
    background-color: var(--c-utilityLightGray);
    border-bottom: 1px solid var(--c-utilityMidGray);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: none;
    outline: none;
}

.coach-table .slds-has-button-menu .slds-th__action-button svg,
.coach-table .slds-button:hover,
.coach-table .slds-button:focus .coach-table .slds-has-button-menu .slds-th__action-button svg:focus,
.coach-table .slds-has-button-menu .slds-th__action-button svg:hover {
    fill: var(--c-primaryBlue);
    box-shadow: none;
}

.coach-table .slds-scrollable_x {
    overflow-x: hidden;
}

.coach-table .coach-table_thead {
    background-color: var(--c-utilityMidGray);
    border-bottom: 1px solid var(--c-utilityLightGray);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.coach-table_tbody .coach-table_trow .coach-table_td:first-child {
    padding-left: 24px;
}

.pdis-sched_tr-details {
    border-top: 1px solid var(--c-secondaryLightBlue);
}

.pdis-sched_tr-details .coach-table_tr {
    padding: 16px 24px;
}

.coach-table_tr {
    background-color: var(--c-utilityWhite);
}

.coach-table_td {
    padding-top: 16px;
    padding-bottom: 16px;
    padding: 0 8px;
    align-self: center;
}

.coach-table_tbody .coach-table_trow .coach-table_td:first-child {
    padding-left: 24px;
}

.coach-table_td {
    padding-top: 16px;
    padding-bottom: 16px;
    padding: 0 8px;
    align-self: center;
}

.coach-table_td-assess {
    padding: 0 8px;
    align-items: center;
    min-height: 54px;
    display: flex;
}

.coach-table_tbody .coach-table_trow .coach-table_td-assess:first-child {
    padding-left: 8px;
}

.coach-table_tr .pdis-input-combobox_small .slds-input.slds-combobox__input,
.pdis-sched-row .pdis-input-combobox_small .slds-input.slds-combobox__input {
    padding-left: 16px;
    text-align: left;
    max-height: 32px;
}

.coach-table_tr .pdis-input-combobox_small .slds-input.slds-combobox__input {
    padding-left: 16px;
    text-align: left;
    border-color: var(--c-utilityMidGray);
}

.coach-table_tr .pdis-input-combobox_small .slds-input {
    height: 32px;
}

.coach-table-cell-radius td:first-child,
.coach-table-head-radius th:first-child {
    border-top-left-radius: var(--dxp-g-spacing-small) !important;
    border-bottom-left-radius: var(--dxp-g-spacing-small) !important;
}

.coach-table-cell-radius td:last-child,
.coach-table-head-radius th:last-child {
    border-top-right-radius: var(--dxp-g-spacing-small) !important;
    border-bottom-right-radius: var(--dxp-g-spacing-small) !important;
}

.coach-listbox{
    border-radius: 8px;
    max-height: 180px;
    font-size: 20px;
    line-height: 20px;
    /* border: 2px solid var(--c-secondaryMidBlue); */
}

.slds-form-element__help {
    display: none !important;
}
/************************QRIS Coaching Portal CSS End *********************/