@media (max-width: 799px) {
    .dlogin,
    .login-1,
    .login-2,
    .instruc,
    .instuc-1,
    .dfooter,
    .dhome,
    .dheader,
    #Provider_banner_alert,
    .instruc-0,
    .footer-1,
    .footer-2,
    .qris-golden-background.qris-align_center.qris-p-vertical_medium{
        display:none !important;
    }
    .slds-grid.slds-wrap.qris-p-around_xx-large{
        padding: 20px;
    }
    .pdis-border-left_gray.qris-p-left_xx-large.qris-p-vertical_large{
        border: none;
        padding: 0;
    }
    .mob-header{
        background-color: #FFFFFF;
        box-shadow: 0 2px 4px 0 rgba(207,210,232,0.5);
    }
    /* .pdis-goldBox,
    .qris-button-primary_large,
    .qris-button-primary_large.qris-width_full.phub-button-primary_large,
    .qris-button-secondary_large,
    .qris-input-text{
        max-width: 280px !important;
    } */
    .mob-footer_head{
        padding-left: 16px;
    }
}

@media (min-width: 800px){
    .mob-login,
    .mob-login-1,
    .mob-login-2,
    .mob-instruc,
    .mob-footer,
    .mob-home,
    .mob-header,
    .mob-instruc-0,
    .mob-footer-1,
    .mob-footer-2{
        display:none !important;
    }
    
}

.phub-panel{
    position: fixed !important;
    top: 0;
    right: 0;
    z-index: 999;
}
/* status form */
.phub-input-text_small{
    max-width: 135px;
}
.qris-input-text_small.phub-input-text_small .slds-input{
    font-size: 12px;
}

.slds-has-error .slds-input{
	box-shadow: none !important;
	border: 3.5px solid var(--c-primaryRed);
}

/* notif */
.phub-position_rel{
    position:relative
}
.phub-blueHint{
    background-color: #CFD2E8;
}

.phub-border-bottom{
    border-bottom: 1px solid #CFD2E8;
}
.phub-button-menuItem button{
    color: #4D5758;
    font-family: "Trebuchet MS";
    font-size: 16px;
    letter-spacing: 2.5px;
    line-height: 24px;
    text-transform:uppercase;
    box-shadow:none;
}
.phub-button-menuItem button:hover,
.phub-button-menuItem button:focus{
    text-decoration: underline;
    color: #4D5758;
    box-shadow:none;
}
.phub-notif-box{
    width: 324px;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 0 rgba(207,210,232,0.5);
    left: -180px;
    transform: translateX(0);
    position: absolute;
    top: 54px;
    z-index: 99;
	max-height:520px;
	overflow-y:scroll;
	overflow-x:hidden; 
}
.phub-notif .phub-icon-small.slds-icon-utility-record{
    position: relative;
    top: -4px;
}
.phub-notif .phub-icon-small svg{
    height: 12px;
    width: 12px;
    fill: #85BC12;
}

.phub-notif .slds-notification__target{
    border-top: 1px solid #CFD2E8;
    padding: 16px;
    background-color: white;
}

.phub-notif .slds-notification__target:hover{
    background-color: #F0F1F8;
}

.phub-notif.slds-notification-container{
    right: 0;
    top: 0;
    width: 324px;
    padding: 0;
    position: relative;
}

.phub-notif.slds-notification-container .phub-button_textLink_small{
    /*bottom: 16px;*/
    /*position: absolute;*/
    margin-right: 16px;
}

.phub-notif .slds-notification{
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    margin-right: 0 !important;
    border: 0;
    width: auto;
}
/* Operating Status */
.qris-input-radiobutton.phub-radio .slds-form-element__legend{
    font-size: 12px;
}

.qris-input-radiobutton.phub-radio .slds-form-element__control{
    display: flex;
}

.qris-input-radiobutton.phub-radio .slds-form-element__label{
    margin-bottom:0px;
    margin-right: 40px;
}

.qris-input-radiobutton.phub-radio .slds-radio [type=radio]+.slds-radio__label .slds-radio_faux{
    margin-right:0px;
}
/* for the ribbons */
.phub-text-header2_blue ~ .qris-yellow-ribbon {
    height: 32px;
}
/* Status update history */
.phub-buttonIcon-direction.qris-buttonIcon-direction button,
.phub-buttonIcon-direction button{
    font-size: 12px !important;
}

.phub-text_header1{
    color: #000000;
    font-family: "Museo Slab";
    font-size: 32px;
    letter-spacing: 0;
    line-height: 40px;
}

.phub-text_header1_blue{
    color: #101E8E;
    font-family: "Museo Slab";
    font-size: 32px;
    letter-spacing: 0;
    line-height: 40px;
}
/* Status update history */
/* Program profile */
.qris-input-checkbox .slds-checkbox__label .slds-checkbox_faux,
.qris-input-checkbox .slds-form-element .slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox_faux{
    min-width:24px;
}
.phub-input-text_non_editable.qris-input-text_non_editable .slds-form-element__label{
    font-size: 12px;
    padding-top: 2px !important;
}

.phub-input-text_non_editable.qris-input-text_non_editable .slds-input{
    font-size: 16px;
}

.phub-input-richtext.qris-input-richtext .slds-rich-text-editor__textarea p{
    font-size: 16px;
}

.phub-input-richtext.qris-input-richtext .slds-rich-text-editor__textarea .ql-editor.ql-blank:before,
.phub-input-richtext.qris-input-textarea .slds-textarea::placeholder,
.phub-input-richtext.qris-input-richtext .slds-input,
.phub-input-richtext.qris-input-richtext .input-rich-text-placeholder[interop-inputRichText_inputRichText],
.phub-input-richtext.qris-input-textarea .slds-textarea::-webkit-input-placeholder,
.phub-input-richtext.qris-input-richtext::placeholder{
    font-size: 12px;
}

.phub-input-richtext.qris-input-richtext .slds-rich-text-editor__output{
    font-size: 16px;
}

.qris-input-date.phub-date .slds-form-element__label,
.qris-input-time.phub-time .slds-form-element__label{
    font-size: 12px !important;
    padding-top: 2px !important;
}

.qris-input-date.phub-date .slds-input,
.qris-input-time.phub-time .slds-input{
    font-size: 16px !important;
}

.qris-input-checkbox.phub-checkbox .slds-checkbox__label .slds-form-element__label{
    font-size: 12px;
    padding-top: 1px !important;
}

.qris-input-checkbox.phub-checkbox .slds-checkbox__label .slds-form-element__label{
    font-size: 16px !important;
}

.qris-buttonGroup.phub-bgroup .slds-checkbox_button-group{
    font-size: 12px;
}
/* Prog details */

.qris-input-combobox.phub-combobox .slds-input{
    min-height: 60px;
}

.qris-input-combobox.phub-combobox .slds-input.slds-combobox__input,
.qris-input-combobox.phub-combobox .slds-listbox .slds-media__body{
    font-size: 16px !important;  
}
/* Hub home page */
.pdis-goldBox{
    border-radius: 8px;
    background-color: #FDF6DB;
    padding: 14px;
}

.pdis-goldBox .slds-media__figure{
    margin-right: 12px;
}

.pdis-icon-almostBlack{
    background-color: transparent !important;
    fill: var(--c-utilityAlmostBlack);
    height: 24px;
    width: 24px;
}
.phub-button_textLink_small,
.phub-button_textLink_small .slds-button,
.phub-button_textLink_small a,
.phub-button_textLink_small a:hover{
    font-family: 'Trebuchet MS';
    color:var(--c-primaryBlue) !important;
    font-size: 12px;
    letter-spacing:0.5px;
    line-height: 32px;
    text-transform: none !important;
    text-decoration: underline !important;
    box-shadow:none !important;
}

.phub-button_textLink_small .slds-button:hover,
.phub-button_textLink_small .slds-button:focus,
a.phub-button_textLink_small:hover,
.phub-button_textLink_small a:hover,
a.qris-button_textLink_small:focus,
.qris-button_textLink_small a:focus{
    font-weight: bold;
    text-decoration: underline !important;
}

/* link in instruction */
/* alert/success */
.phub-icon-white svg{
    height: 24px;
    width: 24px;
    fill: #FFFFFF;
}

.phub-icon-white svg[data-key="close"]{
    position: relative;
    left: 28px;
    bottom: 16px;
}
.phub-success .phub-icon-white svg{
    background-color: #6F9D0F;
}
.phub-success{
    width: 520px;
    border-radius: 4px;
    background-color: #6F9D0F;
}
 /*tile link text*/
a .phub-text-body_smallbold,
a .qris-text-body_smallitalic{
    font-family: 'Trebuchet MS';
    font-size: 16px;
    letter-spacing:0.25px;
    line-height: 26px;
    font-weight: normal;
    color: #000000;
}
.phub-text-body_smallbold a,
.phub-text-body_smallbold a:hover,
.phub-text-body_smallbold a:focus{
    text-decoration: none !important;
    color: var(--c-utilitySlateGray);
}
.pdis-text-hint a,
.pdis-text-hint a:hover,
.phub-text-body_smallitalic a,
.qris-text-body_smallitalic a,
.qris-text-body_smallitalic a:hover{
    text-decoration: underline !important;
    color: var(--c-utilitySlateGray);
}

.pdis-icon-almostBlack .slds-icon{
    fill: var(--c-utilityAlmostBlack);
    position: relative;
    bottom: 8px;
    right: 8px;
    height: 24px;
    width: 24px;
    /*position: relative;
    top: -8px;
    right: 8px;
    fill: var(--c-utilityAlmostBlack); */
}


.pdis-border-left_gray{
    border-left: 1px solid #979797;
}

.pdis-border-right_gray{
    border-right: 1px solid #979797;
}

.pdis-badge.slds-badge{
    margin-left: 8px !important;
    font-size: 10px !important;
    padding: 1px 4px !important;
}

.pdis-height50{
    height: 50px !important;
} 

.pdis-height28{
    height: 32px !important;
    overflow: hidden;
}
.pdis-tile-orange,
.pdis-tile-midGold,
.pdis-tile-gold,
.pdis-tile-blue,
.pdis-tile-red{
    min-width: 300px;
    overflow: hidden;
    border-radius:8px !important;
    padding:0 !important;
    position: relative;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.pdis-tile-orange{
    background-color: var(--c-primaryOrange);
}

.pdis-tile-red{
    background-color: var(--c-primaryRed);
}

.pdis-tile-blue{
    background-color: var(--c-primaryBlue);
}

.pdis-tile-gold{
    background-color: var(--c-primaryGold);
}

.pdis-tile-midGold{
    background-color: var(--c-secondaryMidGold);
}

.pdis-tile .qris-icon-utility{
    position: absolute; 
    top: 25px;
    transform: translateX(-50%); 
    left: 50%;
}
.pdis-tile-blue .qris-icon-utility svg{
    fill: white !important;
}
.qris-icon-utility svg{
    fill: black;
    position: relative;
}

.qris-icon-utility .slds-button_icon{
    bottom: 24px;
}

.pdis-tile-gradient{
    height: 60px;
    overflow: hidden;
    border-radius: 50% 50%;
    width: 100%;
    background-color: rgba(247, 212, 75, 0.2);
}
    
/* Hub home page */

.pdis-tile-midgold .slds-is-relative .pdis-tile-gradient{
    background-color: rgba(247, 212, 75, 0.2) !important;
}

.pdis-tile-orange .pdis-tile-gradient{
    background-color: rgba(191, 93, 26, 0.2);
}

.pdis-tile-blue .pdis-tile-gradient{
    background-color: rgba(136, 143, 199, 0.2);;
}

.pdis-tile-red .pdis-tile-gradient{
    background-color: rgba(188, 83, 64, 0.2);
}

.pdis-tile-gold .pdis-tile-gradient{
    background-color: rgba(197, 169, 60, 0.2);
}

.pdis-tile_expand1,
.pdis-tile_expand2,
.pdis-tile_expand3,
.pdis-tile_expand4,
.pdis-tile_expand5{
    padding: 24px 16px;
}
.pdis-tile_expand1{
    background-color: rgba(191, 93, 26, 0.2);
}

.pdis-tile_expand2{
    background-color: rgba(136, 143, 199, 0.2);
}

.pdis-tile_expand3{
    background-color: rgba(197, 169, 60, 0.2);
}

.pdis-tile_expand4{
    background-color: rgba(247, 212, 75, 0.2);
}

.pdis-tile_expand5{
    background-color: rgba(188, 83, 64, 0.2);
}

.pdis-tile{
    padding: 8px;
}

.pdis-tile ul{
    list-style-type: initial;
    padding-left: 16px;
    text-align: left;
}

.pdis-tile .pdis-text-body_large:hover,
.pdis-tile .pdis-text-body_large:focus{
    text-decoration: underline !important;
}

/* Hub home page */

/* home page links */

.phub-text-link_small .slds-button,
.qris-text-link_small .slds-button{
    color: var(--c-primaryBlue) !important;
    box-shadow: none !important;
    text-decoration: underline !important;
}

.phub-text-link_small .slds-button:hover,
.phub-text-link_small .slds-button:focus,
.qris-text-link_small .slds-button:hover,
.qris-text-link_small .slds-button:focus{
    box-shadow: none;
    font-weight: bold;
}

.phub-text_large{
    color: #000000;
    font-family: "Trebuchet MS";
    font-size: 16px;
    letter-spacing: 0.25px;
    line-height: 24px;
}
.phub-text_large-blue{
    font-family: "Trebuchet MS";
    font-size: 16px;
    letter-spacing: 0.25px;
    line-height: 24px;
    color: var(--c-primaryBlue);
}

.qris-golden-background .phub-text_large a,
.qris-golden-background .phub-text_large a:hover,
.qris-golden-background .phub-text_large a:focus,
.pdis-goldBox .phub-text_large a,
.pdis-goldBox .phub-text_large a:hover,
.pdis-goldBox .phub-text_large a:focus,
.pdis-tile .phub-text-body_small a,
.pdis-tile .phub-text-body_small a:hover,
.pdis-tile .phub-text-body_small a:focus{
    text-decoration: underline !important;
    color: var(--c-primaryBlue) !important;
}
/* top menu */

.pdis-menu-item .slds-button__icon{
    display: none;
}

.pdis-menu-item .slds-button{
    padding: 0px;
    border: none;
    font-family: 'Trebuchet MS';
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 32px;
    text-transform: uppercase;
    color: #4D5758;
    background-color: white;
}

.pdis-menu-item .slds-button:hover,
.pdis-menu-item .slds-button:focus,
.pdis-menu-item .slds-button:active{
    text-decoration: underline;
    background-color: white;
    box-shadow: none;
    color: #4D5758;
}

.pdis-menu-item .slds-dropdown{
    border: 2px solid #888FC7;
    border-radius: 8px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);
}

.pdis-menu-sub a,
.pdis-menu-sub .slds-dropdown__item>a{
    padding: 16px 32px 16px 16px !important;
}
/* 
.pdis-menu-item .pdis-menu-sub .slds-dropdown__item>a{
    padding: 8px 16px !important;
} */


.pdis-menu-sub_first a,
.pdis-menu-sub_first .slds-dropdown__item>a{
    padding: 8px 32px 4px 16px !important;
}

.pdis-menu-item .slds-dropdown__item>a:hover,
.pdis-menu-item .slds-dropdown__item>a:focus,
.pdis-menu-sub_first .slds-dropdown__item>a:hover,
.pdis-menu-sub_first .slds-dropdown__item>a:focus,
.pdis-menu-sub .slds-dropdown__item>a:hover,
.pdis-menu-sub .slds-dropdown__item>a:focus{
    background-color: #F0F1F8 !important;

}

.pdis-menu-sub .slds-truncate{
    color: black;
    font-family: "Trebuchet MS";
    font-size: 16px;
    letter-spacing: 0.25px;
    line-height: 20px;
}

.pdis-menu-sub_first .slds-truncate,
.pdis-menu-sub_first .slds-dropdown__item>a{
    font-family: "Trebuchet MS";
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 20px;
    text-transform: uppercase;
}

/* texts */

.pdis-text-hint{
    font-family: "Trebuchet MS";
    font-size: 10px;
    font-style: italic;
    letter-spacing: 0.25px;
    line-height: 16px;
    color: #4D5758;
}
/* home page texts */
/* welcome */
.phub-text-header2_blue{
    color: #101E8E;
    font-family: "Museo Slab";
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
}
.phub-text-header2{
    font-family: "Museo Slab";
    font-size: 24px;
    letter-spacing: 0;
    line-height: 32px;
}
/* access - instruction */
.phub-text-body_large{
    color: #000000;
    font-family: "Trebuchet MS";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 24px;
}
/* tile big */
.pdis-text-body_large{
    color: var(--c-utilityBlack);
    font-family: "Museo Slab";
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px
}
/* tile small */
.phub-text-body_smallitalic{
    color: #000000;
    font-family: "Trebuchet MS";
    font-size: 10px;
    font-style: italic;
    letter-spacing: 0.25px;
    line-height: 16px;
    text-align: center;
}

.pdis-tile .phub-text-body_small{
    color: black;
}
/* tile expand - login goldbox*/
.phub-text-body_small{
    font-family: "Trebuchet MS";
    font-size: 12px;
    letter-spacing: 0.25px;
    line-height: 20px;
}
/* footer contact */
.phub-text-subhead1{
    font-family: 'Trebuchet MS';
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 32px;
    font-weight: bold;
    text-transform: uppercase;
}
/* footer bold text */
.phub-text-body_smallbold{
    color: #000000;
    font-family: "Trebuchet MS";
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.25px;
    line-height: 20px;
}
/* footer text + lower*/
.phub-text-body_small{
    color: #4D5758;
    font-family: "Trebuchet MS";
    font-size: 12px;
    letter-spacing: 0.25px;
    line-height: 20px;
}
a .phub-text-body_small,
.phub-text-body_small a{
    color: #4D5758;
}
/* intruction - pgm */
.phub-text-label_caps{
    color: #000000;
    font-family: "Trebuchet MS";
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 20px;
    text-transform: uppercase;
}

.phub-text-label_regCaps{
    color: #4D5758;
    font-family: "Trebuchet MS";
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 20px;
}
.pdis-text-body_small{
    color: #4D5758;
    font-family: "Trebuchet MS";
    font-size: 12px;
    letter-spacing: 2px;
}
/* login hint text */
.phub-text-hint_small{
    color: #4D5758;
    font-family: "Trebuchet MS";
    font-size: 10px;
    font-style: italic;
    letter-spacing: 0.25px;
    line-height: 16px;
}
/* input + button */


.qris-input-text.phub-input-text{
    min-height: 60px;
}
.qris-input-text.phub-input-text .slds-input,
.phub-input-text .slds-input{
    font-size: 16px !important;
}

.qris-input-text.phub-input-text .slds-form-element__label,
.phub-input-text .slds-form-element__label{
    font-size: 12px !important;
    padding-top: 1px !important;
}

.qris-button-secondary_large.phub-button-secondary_large button,
.qris-button-primary_large.phub-button-primary_large button,
.phub-button-primary_large button{
    font-size: 16px !important;
    height: 56px !important;
    line-height: 24px !important;
}
.phub-text-error_italic{
    font-family: 'Trebuchet MS';
    font-size: 10px;
    letter-spacing: 0.25px;
    line-height: 21px;
    font-style: italic;
}
.pdis-text-subhead1{
    color: #4D5758;
    font-family: "Trebuchet MS";
    font-size: 21px;
    letter-spacing: 2.5px;
    line-height: 24px;
}

.pdis-text-subhead2{
    color: #4D5758;
    font-family: "Trebuchet MS";
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 20px;
}

.pdis-text-subhead3{
    color: #353C3D;
    font-family: "Museo Slab";
    font-size: 32px;
    letter-spacing: 0;
    line-height: 32px;
}
/* 4px margin and padding */

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

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

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

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

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

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

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

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

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

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

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

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

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

.pdis-m-bottom_x-small{
	margin-bottom: 4px;
}

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

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

/*Notification ADA stylings*/
.notification-providerHub{
	flex-direction: column;
    align-items: end;
    display: flex;
}

/* Disable bullet point styling for <ul> and <li> tags */
.ul-disable-bullet-style{
	list-style-type: none;
    padding: 0;
    margin: 0;
}

.li-disable-bullet-style{
    list-style-type: none;
}

a:focus .focusHighlightTile {
    outline: none;
    border: 2.5px solid #000;
    color: #000;
	border-radius: 7px;
}

/* To Highlight register button */
.register-button-Highlight {
    --slds-c-button-neutral-color-border:none; 
    --slds-c-button-neutral-color-border-hover:black;
    --slds-c-button-sizing-border: 3px;
}

h1 .headerstyle{
    font-family: 'Museo Slab';
	font-size: 16px;
}

.ada-button-border-HighlightBrand {
    --slds-c-button-brand-color-border:none;
    --slds-c-button-brand-color-border-hover:black;
    --slds-c-button-sizing-border: 3px;
}
 
.ada-button-border-HighlightBrand-priority{
    --slds-c-button-brand-color-border:none !important;
    --slds-c-button-brand-color-border-hover:black !important;
    --slds-c-button-sizing-border: 3px !important;
}
 
.ada-button-border-HighlightNeutral {
    --slds-c-button-neutral-color-border:none;
    --slds-c-button-neutral-color-border-hover:black;
    --slds-c-button-sizing-border: 3px;
}
 
.ada-button-border-HighlightNeutral-priority{
    --slds-c-button-neutral-color-border:none !important;
    --slds-c-button-neutral-color-border-hover:black !important;
    --slds-c-button-sizing-border: 3px !important;
}