/* Defaults: devices with resolution larger than 1200 pixels*/

.duiSectionStyle1 td {
    padding: .2rem 0;
}

.responsiveColumn,
.responsiveRow {
    box-sizing: border-box;
}

.responsiveRow {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}

.responsiveColumn {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* Responsive Complex Popups */
.responsiveDetailedDialog .rich-mp-content-table {
    margin: auto;
}

.responsiveDetailedDialog .rich-mp-container {
    padding: 0;
    width: 100vw;
    max-width: 100vw;
    left: 0 !important;
    -webkit-overflow-scrolling: touch;
}

/* Responsive Simple Popups */
.responsiveAlert .rich-mp-content-table {
    width: 100vw !important;
    max-width: 36rem;
    margin: auto;
}

.responsiveAlert .rich-mp-container {
    padding: 0;
    width: 100vw;
    max-width: 100vw;
    left: 0 !important;
}

/* End Popups */

/* Navigation */
.subtabMenu,
.expandMenu {
    height: 3rem;
    width: auto;
    display: none;
}

.subtabOverflow .rich-tab-active.subtab,
.subtabOverflow .rich-tab-inactive.subtab,
.subtabOverflow .rich-tab-disabled.subtab {
    padding: 0 1.2rem;
}

.activeTab,
.activeSubTab {
    font-weight: bold;
    display: none;
}

.maintab-disabled {
    line-height: 2.4rem;
}

.subtab-text {
    line-height: 3.2rem;
}
/* End Navigation */

.rfiTargetTable tr,
.rfiTargetTable td {
    display: block;
}

.exstng-res-Panel-header {
    height: 100%;
}

input[type="checkbox"],
input[type="radio"] {
  vertical-align: middle;
  margin: .3rem .5rem;
}

#selectManagerPanelForm\:managerSearchTable\:subsearch {
    padding-right: .5em;
}

.checkboxSection .row {
    padding-bottom: 1rem;
}

.checkboxSection .mutliselectBtn {
    width: 95%;
    margin: 0;
}

.reportsMultiSelectBtn {
    width: 95% !important;
    margin: 1rem 0 0 0;
}

.multiListView {
    border: 1px solid #aaabaa;
    width: 100%;
    max-width: 24rem;
    padding: .5em;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    overflow: auto;
}

.multiListView li {
    list-style-type: none;
}

.multiListView:empty {
    display: none;
}

.multiListSelect {
    padding-top: 0;
}

.apprrfidlgrow {
    display: block;
}

.apprrfidlgrow.row {
    padding: 1em;
    display: flex;
    align-items: center;
}

.startOverPadding {
    margin-right: 1.6rem;
    margin-left: 1.2rem;
}

.checkboxSection .row:after,
.dynamicUIRow:after {
    clear: both;
    content: "";
    display: block;
}

.dynamicUIRow *,
input:not([type="image"]) {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.expandSubtabMenu input {
    height: 3rem;
    width: auto;
}

input[type="password"],
input[type="text"] {
    padding: .2rem .5rem;
}

.rich-table-row {
    margin-bottom: .6rem;
}

/* Hide Mobile Specific Components */
.tabletOnly,
.mobileColumnArrow,
.mobileflipdetailbtn,
.mobileflipdetailbtnlabel,
.mobileLabel,
.mobileRequestHistoryLabel,
.mobileTableHeader,
.mobileRowHeader .imgLink,
.checkboxSection,
.mobileRowHeaderProvEvents,
.mobileEdit,
.mobileInstrTxt {
    display: none;
}

.responsiveInput,
.dynamicUIRow .pswdStrength,
.dynamicUIRow input:not([type="image"]):not([type="radio"]),
.dynamicUIRow select {
    max-width: 24rem;
    width: calc(100% - 1rem);
}

.dynamicUIRow input:not([type="image"]):not([type="radio"]),
.dynamicUIRow select,
.pswdPanel input:not([type="image"]):not([type="radio"]){
    border: .1rem solid #aaabaa;
}

.managerInputfield
{
    width: calc(100% - 3.9rem) !important;
}

.ss_input_default_date_1,
.ss_input_default_date_2,
.ss_input_default_date_3,
.ss_input_default_date_4 {
    width: calc(100% - 3.4rem) !important;
}

.attributeBgrnd .ss_input_default_date_1 {
    max-width: 24rem;
}

.reassignDetailPanel {
    overflow: hidden;
}

.mobileOnly {
	display: none;
}

/* Login */
.logonloc {
    width: 100%;
    max-width: 39.319rem;
}

.kioskCaptchaContainer .jCaptchaContainer {
    margin-left: 33.33333333%;
    max-width: 28rem;
}

.kioskCaptchaContainer .gCaptchaContainer {
    display: block;
    align-items: unset;
    justify-content: unset;
    margin-left: 33.33333333%;
}

.infoIconAdjust {
    width: calc(100% - 3.9rem) !important;
}

.infoIconSelectAdjust {
    width: calc(100% - 4.3rem) !important;
}

.infoIconDateAdjust {
    width: calc(100% - 6.3rem) !important;
}

.infoIconManagerAdjust {
    width: calc(100% - 6.8rem) !important;
}

/* Large (LG) devices include small laptops and desktops */
@media only screen and (max-width: 1199.98px){

    .responsiveDetailedDialog .rich-mp-content-table {
        max-width: 95vw;
    }

    .panel.collapsed .content {
        height: 100%;
    }

    .rich-tab-active.subtab,
    .rich-tab-inactive.subtab,
    .rich-tab-disabled.subtab {
        padding: 0 1.2rem;
    }

    div[id^="acctclaimform"] .floatLeft {
        margin-top: 0.75em;
        float: none;
    }

    #acptUseForm.kioskbody {
        padding: 0;
    }

    .marginLeft35 {
        margin-left: 0;
    }

    .apprResAction {
        margin-right: 0;
    }

    .apprResDetalTopRight {
        float: none;
        text-align: unset;
        margin-top: -2.5rem;
        margin-bottom: 2rem;
    }

    .attributeBgrnd tr:not(.profileAttributeApprovalTable  tr),
    td.vbottom.right.minsize {
        display: block;
        text-align: left;
    }

    .container {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }

    .permanentCheckbox {
        display: block;
    }

    .permanentCheckbox .paddingleft10 {
        padding: 0;
    }

    .respPswdRuleTbl {
        margin: 1.5em 0;
    }

    .assignedaccounttable {
        table-layout: auto;
        border: none;
        background: transparent;
    }

    .duiBlankSpace {
        display: none;
    }
}

/* Intermediate breakpoint between medium and large devices */
@media only screen and (min-width: 767.98px) and (max-width: 1349.98px) {
    /* Sub-Tab Overflow class applied if there are 6 or more subtabs */
    .subtabOverflow .subtab.mobileTab {
        display: none;
        height: 3em;
    }

    .subtabOverflow .subtab.mobileTab[showmenu="true"],
    .subtabOverflow .subtab-title[showmenu="true"] {
        display: block;
    }

    .subtabOverflow .subtab.mobileTab[showmenu="false"],
    .subtabOverflow .subtab-title[showmenu="false"] {
        display: none;
    }

    .subtabOverflow td.rich-tab-header:not(.rich-tab-disabled) {
        cursor: pointer;
    }

    .subtabOverflow .subtab-text {
        line-height: 2.8em;
    }

    .subtabOverflow .subtab {
        background-color: #DEDEDE !important;
        border-width: .1rem .1rem 0 .1rem !important;
        border-color: #536b78 !important;
        border-style: solid !important;
    }

    .subtabOverflow .subtab-disabled {
        border-color: transparent !important;
    }

    .subtabOverflow .subtab:hover:not(.rich-tab-disabled) {
        border-top-color: white !important;
        border-bottom-color: white !important;
    }

    .subtabOverflow .subtabMenu {
        height: 3em;
        display: block;
        background-color: #536b78 !important;
    }

    .subtabOverflow .subtab-panel-content {
        box-shadow: none;
    }

    .subtabOverflow .subtab-disabled {
        line-height: 4.1rem;
    }

    .subtabOverflow .subtab-title {
        line-height: 4rem;
        color: white;
        padding-left: 1.5rem;
        font-size: 1.4rem;
    }

    .subtabOverflow .expandSubtabMenu {
        float: right;
        padding: .5rem 1.5rem 0 1.5rem;
    }

    .subtabOverflow .subtab-active,
    .subtabOverflow .subtab-active:hover {
        background-color: #536b78 !important;
    }

    .subtabOverflow form[id^=subtabPanel] table {
        width: 100%;
    }

    .subtabOverflow form[id^=subtabPanel] td img {
        display: none;
    }

    .subtabOverflow form[id^=subtabPanel] td {
        display: block;
        text-align: left;
    }

    .subtabOverflow form[id^=subtabPanel] {
        display: block !important;
        position: relative;
    }

    .subtabOverflow form[id^=subtabPanel] td a {
        padding-left: 3.5rem;
    }

    .subtabOverflow .activeTab {
        display: none;
    }

    .subtabOverflow .subtab-active.mobileTab {
        display: none !important;
    }

    .subtabOverflow .rich-tabhdr-side-border {
        display: none !important;
    }
    /* End Sub-Tab overflow */
}

@media only screen and (min-width: 991.98px) and (max-width: 1199.98px) {
    .dlgMinWidth100 .content,
    .dlgMinWidth110 .content {
        min-width: 95rem;
    }

    .bannerText {
        font-size: 1.8rem;
    }
}

@media only screen and (min-width: 991.98px) {

    .alertDialog .content {
        min-width: 35rem;
    }

    .dialog .content {
        min-width: 80rem;
    }

    .dlgMinWidth35 .content {
        min-width: 35rem;
    }

    .dlgMinWidth37 .content {
        min-width: 37rem;
    }

    .dlgWidth40 .content {
        width: 40rem;
    }

    .dlgMinWidth40 .content {
        min-width: 40rem;
    }

    .dlgMinWidth42 .content {
        min-width: 40rem;
    }

    .dlgMinWidth45 .content {
        min-width: 45rem;
    }

    .dlgMinWidth50 .content {
        min-width: 50rem;
    }

    .dlgWidth60 .content {
        width: 60rem;
    }

    .dlgMinWidth60 .content {
        min-width: 60rem;
    }

    .dlgMinWidth65 .content {
        min-width: 60rem;
    }

    .dlgWidth70 .content {
        width: 70rem;
    }

    .dlgMinWidth70 .content {
        min-width: 70rem;
    }

    .dlgMinWidth75 .content {
        min-width: 75rem;
    }

    .dlgMinWidth80 .content {
        min-width: 80rem;
    }

    .dlgMinWidth88 .content {
        min-width: 88rem;
    }

    .dlgMinWidth90 .content {
        min-width: 90rem;
    }

    .dlgMinWidth93 .content {
        min-width: 93rem;
    }

    .dlgMinWidth95 .content {
        min-width: 95rem;
    }

    .dlgMinWidth100 .content {
        min-width: 100rem;
    }

    .dlgMinWidth110 .content {
        min-width: 110rem;
    }

    table[id$="logHistTbl"] th:nth-of-type(2) div,
    table[id$="logHistTbl"] td:first-of-type span {
        padding-left: .6rem;
    }
}

/* Medium (md) devices include tablets  */
@media only screen and (max-width: 991.98px) {
    .bannerMid {
        display: none;
    }

    .langSelCombo label {
        position: absolute;
        overflow: hidden;
        width: .1rem;
        height: .1rem;
        padding: 0;
        margin: -.1rem;
        clip: rect(0,0,0,0);
        border: 0;
    }

    button {
        -webkit-appearance: none;
    }

    .tabletFloatLeft {
        float: left !important;
    }

    .tabletMarginLeft {
        margin-left: .5em;
    }

    .tabletMarginRight {
        margin-right: .5em;
    }

    .tabletFlexCenter {
        display: flex !important;
        align-items: center;
        flex-wrap: wrap;
    }

    .tabletCenter {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .tabletOnly {
        display: inline;
    }

    .tabletDisplayBlock {
        display: block;
    }

    .tabletDisplayInline {
        display: inline !important;
    }

    .mobileScVerifyMsg {
        display: block;
        padding-top: 1em;
    }

    .mobileValueRowHeader {
        float: left !important;
        font-weight: bold;
        margin-top: .3rem;
        font-size: 1.4rem;
        width: calc(100% - 8.5rem);
        word-break: break-word;
    }

    .reportsMultiSelectBtn {
        height: 2.4rem !important;
        border-width: 1px;
        padding: 1.4rem .5rem !important;
    }

    input[type="button"],
    input[type="submit"] {
        height: 3.6rem;
        line-height: 0;
    }

    .rich-table-cell {
        white-space: normal;
    }

    table[id$='userMatchList0'],
    table[id$='matchingUsersTbl'] {
        background-color: #ECEFF1;
    }

    table[id$='userMatchList0'] td,
    table[id$='matchingUsersTbl'] td {
        background-color: white;
    }

    /* Responsive Complex Popups */
    .responsiveDetailedDialog .rich-mp-content-table {
        width: 100vw !important;
        max-width: 80rem;
        margin: auto;
    }

    .responsiveDetailedDialog .rich-mp-container {
        top: 0 !important;
    }

    .responsiveDetailedDialog .dialog {
        min-height: 100vh;
    }

    .dialog,
    .alertDialog {
        max-height: 100vh;
    }

    .responsiveDetailedDialog .rich-mpnl-body,
    .responsiveDetailedDialog .rich-mp-content {
        padding: 0;
    }

    /* Disabled styles */
    .mobileDisabled .mobileRowHeader {
        background-color: #8c8c8c;
    }

    .mobileDisabled td {
        background-color: #eeeeee;
        color: #777777;
    }

    .mobileDisabled .mobileLabel {
        font-weight: normal;
    }
    /* end disabled styles */

    .bannerText {
        font-size: 1.8rem;
    }

    .onehalf {
        width: 100%;
    }

    .welcomeMsg {
        display: none;
    }

    #dataValidationContent .onehalf {
        width: 50%;
    }

    .chgpswdbad {
        float: none;
        width: 90%;
        margin: auto;
    }

    .viewpswdpolicywidth75 {
        width: unset;
    }

    .viewpswdpolicy {
        width: 0;
    }

    .regpolicyheight > .tableborder {
        margin-bottom: 0;
        border-style: none;
    }

    .regpolicyheight,
    .policyheight {
        max-height: unset;
        height: auto;
        overflow: auto;
        margin-top: 0;
        box-shadow: 0 .2rem .5rem .2rem #aaaaaa;
        margin-bottom: 3rem;
    }

    #rsetpswdform\:systemRulesTable .rich-subtable-cell,
    #rsetpswdform\:systemRulesTable .rich-table-cell {
        min-height: 3.2rem;
        padding: .75em 1em;
        border-bottom: .1rem solid #dddddd;
    }

    #rsetpswdform\:systemRulesTable.tableborder {
        margin: 0;
        border: none;
    }

    input[id$="flipdetails"] {
        float: right;
        margin-left: 1rem;
    }

    input[id*="hideRulesBtn"] {
        float: right;
    }

    .attributeBgrnd .buttonL2 {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

    .create-user-input {
        width: 100%;
        margin-bottom: 1rem;
    }

    .kioskVerifyId {
        display: none;
    }

    .chgpswdbad {
        float: none;
        width: 100%;
    }

    .badPswdMsg {
        padding: .75em 1em;
    }

    .rich-table-row {
        margin-bottom: 0;
    }

    /* Login */
    .logonloc {
        width: 100%;
        max-width: 48rem;
    }

    .loginButton {
        height: 3.6rem;
    }

    .logonTitle {
        padding-top: 1em;
        width: 75%;
        margin: 0 3rem;
        left: 0;
    }

    .logonbody {
        padding: 5em .5em 1em .5em;
        min-width: 0;
    }

    .logoutIcon {
        padding-right: 0 !important;
    }

    .loginInput {
        height: 3rem;
    }

    .loginmsg3 {
        min-width: 27.5rem;
        width: 100%;
        padding-right: 0;
    }

    /* Responsive Tables */
    .mobileLabel {
        display: inline;
        font-weight: bold;
    }

    .mobileValue {
        float: right;
        word-break: break-all;
    }

    .mobileOnly {
        display: inline;
    }

    .mobileBold {
        font-weight: bold;
    }

    .mobileflipdetailbtn {
        display: inline;
    }

    .mobileColumnArrow {
        display: inline;
    }

    .mobileTableHeader {
        display: block;
        background-color: #536b78 !important;
        color: white;
        font-size: 1.9rem;
        font-weight: 400;
        padding: .8rem .4rem;
        margin: 0 !important;
        text-align: left;
        height: 3.8rem;
    }

    .rich-table-header .apprListFirstColumn,
    .mobileRowHeader,
    .userSelRow .responsiveHeader {
        background-color: #eeeeee !important;
        text-align: left;
        display: inline-block;
    }

    .mobileColumnHeader .checkbox,
    .mobileRowHeader .checkbox {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
    }

    .mobileRowSelected {
        background-color: #536b78 !important;
        color: white;
    }

    .mobileRowSelected a {
        color: white;
    }

    .mobileTableHeader input:focus,
    .mobileRowSelected input:focus {
        outline-color: white;
    }

   .mobileColumnHeader {
        background-color: #aaaaaa;
        color: white;
        min-height: 3.2rem;
        padding: .75em 1em;
        line-height: 2.4rem;
    }

    .mobileColumnHeader > input.checkbox {
        height: 2.4rem;
    }

    .mobileRequestHistoryLabel,
    .mobileflipdetailbtnlabel {
        display: inline;
        line-height: 2.2rem;
        font-weight: bold;
    }

    .mobileTableActions {
        display: inline-block;
        float: right;
        margin-right: -1rem;
    }

    .mobileRowHeader .mobileValue {
        font-weight: bold;
    }

    .mobileRowHeader .mobileTableActions {
        margin-right: 0;
    }

    .mobileTableActions .mobileValue {
        float: left;
        font-weight: bold;
    }

    .mobileRowHeaderProvEvents {
        background-color: #eeeeee;
        text-align: left;
        display: inline-block;
    }

    .requestSearchByGroup td {
        display: block
    }

    .responsiveTable thead th:after {
        clear: both;
        content: "";
        display: block;
    }

    .responsiveTable {
        border: none;
        display: block;
    }

    .responsiveTable caption {
        width: 100%;
        display: inline-block;
    }

    .responsiveTable tr,
    .responsiveTable th,
    .responsiveTable tbody,
    .responsiveTable thead,
    .responsiveTable tfoot {
        display: block;
    }

    .responsiveTable td:not(.hide):not(.attrbColLeft):not(.attrbColRight) {
        display: inline-block;
        height: 100%;
        width: 100%;
    }

    .responsiveTable thead {
        border-bottom: none;
    }

    .responsiveTable tr {
        box-shadow: 0 .2rem .5rem .2rem #aaaaaa;
        margin-bottom: 1.6rem;
        background-image: none;
    }

    .responsiveTable th:empty,
    .responsiveTable td:empty,
    .responsiveTable tr:empty {
        display: none !important;
    }

    .responsiveTable thead th,
    .responsiveTable .rich-table-cell,
    .responsiveTable .rich-subtable-cell {
        width: 100%;
        min-height: 3.2rem;
        padding: .75em 1em;
        border-bottom: .1rem solid #dddddd;
    }

    .policyheight .rich-subtable-cell {
        padding: .2rem .5rem;
    }

    .responsiveTable .duiSectionStyle1 td {
        border-bottom: unset;
        padding: 0 .1rem 0 0 !important;
    }

    .responsiveTable * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .responsiveTable thead tr {
        background-color: #eeeeee !important;
    }

    .responsiveTable thead tr,
    .responsiveTable thead th {
        border-top: none;
        width: 100%;
        background-image: none;
        height: 100%;
    }

    .responsiveTable thead .historyHeader th {
        padding: .5em 1em;
    }

    .responsiveTable tfoot .rich-table-footer,
    .responsiveTable tfoot .rich-table-footercell {
        background-color: transparent;
    }

    .responsiveTable .rich-table-footercell {
        width: 100%;
    }

    .responsiveTable tfoot tr {
        box-shadow: none;
    }

    .responsiveTable .footertotal {
        margin-left: 0;
        float: none;
    }

    .responsiveTable .footerscroller tr {
        display: table-row;
    }

    .responsiveTable .footerscroller td {
        display: table-cell !important;
        width: auto !important;
    }

    .responsiveTable .footerscroller tbody {
        display: table-row-group;
    }

    /* disable fast forward/backward */
    .regularPagination td:nth-child(2), .regularPagination td:nth-child(6) {
        display: none;
    }

    .apprListBorderLeft.apprListBorderBottom {
        border: none;
    }

    .responsiveTable .mobileRowHeader .imgLink,
    .responsiveTable .mobileTableHeader .imgLink {
        display: block;
        float: right;
    }

    .responsiveTable .mobileRowHeader .imgLink,
    .responsiveTable .mobileTableHeader .imgLink,
    .userSelRow .responsiveHeader .imgLink {
        margin: 0 0 0 .5rem;
    }

    .respPswdRuleTbl {
        width: 100%;
        border: none;
        box-shadow: 0 .2rem .5rem .2rem #aaaaaa;
    }

    .respPswdRuleTbl span {
        padding-left: 0;
    }

    .respPswdRuleTbl tbody td,
    .respPswdRuleTbl tbody th {
        min-height: 3.2rem;
        width: 100%;
        padding: .75em 1em;
        border-bottom: .1rem solid #dddddd;
    }

    .respPswdRuleTbl input {
        padding: .75em 1em;
    }

    .respPswdRuleTbl th {
        background-image: none;
    }

    .mobileMarginBot0 {
        margin-bottom: 0 !important;
    }

    .mobileStandaloneHeader {
        box-shadow: none !important;
        margin-top: 2.5em;
    }

    #manageMySecurity .mobileRowHeader,
    #selectUserFormUsersProfile .mobileRowHeader,
    #viewReqTableForm\:reqtbl.responsiveTable .mobileRowHeader,
    #delegatefromForm\:delgatefromtable.responsiveTable .mobileRowHeader,
    #delegateForm\:delgatetotable.responsiveTable .mobileRowHeader,
    #delegatetoForm\:delgatetotable.responsiveTable .mobileRowHeader {
        line-height: 2.4rem;
    }

    #delegateForm\:delegateCombo {
        display: block;
    }

    #manageMySecurity\:primaryMobiletbl,
    #manageMySecurity\:factorDevicetbl {
        padding-top: 1em
    }

    #manageMySecurity .mobileRowHeader .imgLink {
        display: block;
        float: right;
    }

    #manageMySecurity thead,
    #manageMySecurity tfoot {
        display: none;
    }
    /* End Responsive Tables */

    .dr-dscr-t {
        background-color: white !important;
    }

    .duiSectionStyle1 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .duiSectionStyle8 .dynamicUIstyle8 {
        float: right;
    }

    .approvalOptionalAttrWidth {
        width: 98%;
    }

    .profileAttributeApprovalTable {
        width: 100%;
    }

    /* Hide id column and created date in approvals */
    #approvalRequestForm\:t1\:columnh0,
    #approvalRequestForm\:t1\:columnh6,
    #approvalRequestForm\:t1 td[id$="column0"],
    #approvalRequestForm\:t1 td[id$="column6"] {
        display: none;
    }

    #RessignDialogCDiv {
        left: 1.8rem;
    }

    .historyComment {
        width: 33%;
    }

    .historyComment .evHistoryStyle1 {
        width: unset;
        word-break: break-all;
    }

    .existingResourceNameColumn {
        width: 80%;
    }

    .apprInputText700 {
        width: 95%;
    }

    /* Approvals */
    .mobileApprRight,
    .mobileApprLeft {
        float: left;
    }

    .mobileApprRight {
        width: 96.5%
    }

    .mobileApprLeft {
        width: 3.5%
    }
    table[id$="rfilistapprover"] thead,
    table[id$="rfilist"] thead {
        display: none;
    }

    table[id$="rfilist"] td:empty {
        display: none;
    }

    .rfitable {
        border-color: #78909C;
        border-width: .1rem;
        border-style: solid;
        background-color: transparent;
        margin: .5rem 0 0 0;
        width: 100%;
    }

    .rfitable label {
        margin-bottom: .8rem;
        display: block;
    }

    .rfiresponse {
        margin: 0;
        width: 100%;
    }

    .rfiresponse .floatLeft {
        float: none;
    }

    .rfitxtinput {
        min-width: unset;
        width: 100%;
        margin-left: 0;
    }

    .requestInfoDialogCDiv {
        top: 0;
    }

    .apprDetailArea div[id$="grpoptional"] tr {
        display: table-row;
        width: 100%;
        box-shadow: none;
    }

    .apprDetailArea div[id$="grpoptional"] td {
        display: table-cell;
        border-bottom: none;
        padding: .5em 1em !important;
    }

    .apprDetailArea div[id$="grpoptional"] table {
        width: 100%;
    }

    .apprDetailArea div[id$="grpoptional"] {
        width: 100%;
        padding-top: 1em;
    }

    .apprDetailArea td {
        display: inline-block;
    }

    .apprResDetalTopRight {
        width: 100%;
        margin: 0 !important;
    }

    .apprResAction {
        float: none !important;
        clear: both;
    }

    .apprcheckbox {
        margin: 0 1em 0 0 !important;
    }

    .evHistoryStyle1 {
        width: 100%;
    }

    .mainPanelButtonLocator {
        margin-left: 0;
    }

    .detailPanelEnabled,
    .detailPanelDisabled,
    td[id^="approvalRequestForm"][id*="test3"]{
        padding: 0;
        border: none;
    }

    .apprRes-detail-Info {
        padding: 2vh 1vw 0 1vw;
        margin-bottom: 0;
    }

    .apprRes-detail-Info input[id*="discrdButtn"] {
        margin-bottom: 1.2rem;
    }

    .approvalRequestDetailEnable td:first-of-type,
    .approvalRequestDetailDisable td:first-of-type {
        padding: 0 0 0 0 !important;
    }

    .detailPanelEnabled,
    .detailPanelDisabled {
        margin: 0;
    }

    .detailPanelNewUser {
        margin: 0;
    }

    .apprResDetailHeader {
        height: unset;
    }

    .apprResDetalTopLeft {
        float: none;
    }

    .apprResDetalTopLeft .width98 {
        width: auto;
    }

    .apprRadioCell {
        width: 33.33%;
        border-right: .1rem solid white;
        border-left: .1rem solid white;
    }

    #ReassignForm\:reAssignPanel .apprResDetalTopRight {
        display: none;
    }

    #ReassignForm\:userSearchList tfoot,
    #globalReassignForm\:userSearchList tfoot {
        top: -5.8rem;
    }

    .apprResDetalTopLeft tr,
    .detailPanelEnabled tr:not(.hpamAccountTable tr),
    .detailPanelEnabled th:not(.hpamAccountTable th),
    .apprExistingResPanel th,
    .apprExistingResPanel tr {
        box-shadow: none !important;
    }

    .reassignDetailPanel .dynamicUIstyle29 {
        width: 40%;
    }

    .reassignDetailPanel .duiSectionStyle8 .dynamicUIstyle8 {
        float: left;
    }

    #delegatefromForm\:delgatefromtable td,
    #delegatetoForm\:delgatetotable td {
        display: inline-block;
    }

    #prevHistCertifyForm\:prevCertResHistoryDataTable tbody tr,
    #delegatefromForm\:delgatefromtable tbody tr,
    #delegatetoForm\:delgatetotable tbody tr {
        box-shadow: 0 .2rem .5rem .2rem #aaaaaa;
    }

    #prevHistCertifyForm\:prevCertResHistoryDataTable tbody tr {
        margin-bottom: 1rem !important;
    }

    #delegatefromForm\:delgatefromtable thead tr,
    #delegatetoForm\:delgatetotable thead tr,
    #delegatefromForm\:delgatefromtable tbody tr,
    #delegatetoForm\:delgatetotable tbody tr {
        display: block;
    }

    .historyTable tr,
    .historyTable thead tr,
    .approvalRequestDetailEnable tr {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        box-shadow: none;
    }

    #resyncpswdform\:resyncAccntResulttbl {
        width: 100%;
    }

    #resyncpswdform\:resyncAccntResulttbl tfoot {
        display: none;
    }

    .apprResDetalTopLeft {
        width: 100%;
    }

    .approvalButtons div:first-of-type {
        text-align: center;
        padding-bottom: 1.6rem;
    }

    .approvalButtons input[class*="buttonL"] {
        max-width: 90%;
    }

    .optionalAttributes tr,
    div[id*="delegateArea"] .res-detail-permissions tr {
        display: table-row
    }

    .optionalAttributes td,
    div[id*="delegateArea"] .res-detail-permissions td {
        display: table-cell
    }

    .res-detail-permissions tr {
        display: block;
    }

    .res-detail-permissions td {
        display: inline-block;
    }

    .res-detail-permissions {
        width: 100%;
    }

    .attributeBgrnd tr,
    .res-detail-permissions tr {
        box-shadow: none;
    }

    #globalRessignDialogContentDiv {
        padding: 0;
    }

    #globalRessignDialogCDiv tbody[id*="userSearchList"],
    #globalRessignDialogCDiv table[id*="userSearchList"] thead {
        padding-right: .5rem;
    }

    .apprListBorderBottom,
    .apprListBorderleft {
        border: none;
    }

    .apprExistingResPanel thead {
        display: none;
    }

    .apprExistingResPanel tr {
        margin-bottom: 0;
        min-height: 3.2rem;
    }

    .appr-rfi-button {
        padding-right: 0;
    }

    .approvalOptionalAttrWidth,
    table[id$="profchglist2"] {
        width: 100% !important;
    }

    .attributeBgrndEnabledForProfile {
        margin-top: 0;
    }

    .seperatorClsF {
        border-top: none;
    }

    .editAttributeInput,
    .editAttributeCombo {
        width: 40vw;
        margin-top: -.4rem;
    }

    .attributeBgrnd {
        background-color: white;
    }

    .profileAttributeApprovalTable {
        border: .1rem solid #aaa;
    }

    .profileAttributeApprovalTable tfoot,
    .profileAttributeApprovalTable thead {
        display: none;
    }

    .profileAttributeApprovalTable input[id$="typeDateInputDate"] {
        width: 35vw;
    }

    .profileAttributeApprovalTable span[id$="typeDatePopup"] {
        float: right;
        margin-top: -.4rem;
    }

    .optionalAttributes .inpanel,
    .attributeBgrnd .inpanel {
        width: unset;
    }

   .rich-calendar-popup {
        display: table;
    }

    .rich-calendar-popup tbody {
        display: table-row-group;
    }

    .rich-calendar-popup td {
        display: table-cell;
    }

    .rich-calendar-popup th {
        display: table-cell;
    }

    .rich-calendar-popup tr {
        display: table-row;
    }

    .duiSectionStyle1 .hide {
        display: none !important;
    }

    .historyTable td {
        display: block;
    }

    .tableApproval .marginright15 {
        margin-right: 0;
    }

    .res-detail-panel {
        margin: 0 -1em;
        padding: 0.8em;
    }

    .res-detail-info
    {
        padding: 0.5em;
    }

    .requestDetailHeader {
        margin: -1.25em -1em 0 -1em !important;
    }

    .tabletHide {
        display: none !important;
    }

    .bulkSponsorDetailList {
        border: 0;
        background-color: transparent;
    }

    .dateRangeCompGrid {
        left: 0 !important;
    }

    .noMobileShadow {
        box-shadow: none !important;
    }

    .noMobileBorder {
        border: none !important;
    }

    thead tr.removeCard,
    .removeCard {
        box-shadow: none !important;
        border: none !important;
        background: transparent !important;
    }

    .responsiveTable .bulkSponsorDetailList td {
        display: block;
    }

    .mobilePolicyList {
        padding: 0 !important;
    }

    .mobilePolicyList td {
        display: table-cell;
    }

    .mobilePolicyList tr {
        box-shadow: none;
        margin-bottom: 0;
    }

    .treeNode {
        width: 100%;
        white-space: normal;
        word-break: break-all;
        border: none;
    }

    .rich-tree-node {
        padding: 1rem;
    }

    .rich-tree-node:nth-child(1) {
        border-bottom: .1rem solid #dddddd;
    }

    .tabletPaddingBottom15 {
        padding-bottom: 1.5rem;
    }

    .tabletPaddingTop15 {
        padding-top: 1.5rem;
    }

    .sec-ques-text select,
    .sec-ans-text,
    .sec-ques-input {
        width: 100%;
    }

    .treeExpandBtn {
        display: block;
    }

    .boxShadow {
        box-shadow: 0 0.2rem 0.5rem 0.2rem #aaaaaa;
    }

    .userresourcefootcol {
        border: none;
    }

    .userresourcehead.ss_labelText_default {
        background-color: transparent;
        margin: 0;
    }

    .tabletFloatRight {
        float: right;
    }

    .tabletFloatNone {
        float: none !important;
    }

    .tabletDisplayInlineBlock {
        display: inline-block !important;
    }

    .rich-table-cell {
        white-space: normal;
    }

    .mobileMaxWithIcon {
        width: calc(100% - 2.9rem);
    }

    .imgLineHeight {
        line-height: 2.4rem;
    }

    .reqPad-3PxMargin-3Px {
        margin: 0;
    }

    #resSelBar {
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .groupSelect {
        display: block;
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

    .groupSelect .marginleft10 {
        margin-left: 0
    }

    .userSelRow {
        background-image: none;
    }

    .userSelRow .user-search-input {
        width: calc(100% - 10.28rem);
    }

    .rich-sb-common-container {
        border: none;
    }

    .respRowMargin {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .suggestion-exit {
        height: 2.1rem !important;
    }

    .user-search-input {
        width: 50%;
    }

    .maintabOverflow .rich-tab-active,
    .maintabOverflow .rich-tab-inactive {
        padding: 0 1.6rem;
    }

    .user-search-input {
        width: calc(100% - 10.5rem);
    }

    .user-access-table-cell {
        padding: 0;
    }

    .resSelRowWithborder {
        border: none;
    }

    .user-entitlement-table-cell {
        padding: 0;
    }

    .user-entitlement-table-cell,
    .user-entitlement-table-hdr,
    .user-entitlement-table-ftr {
        background-color: white;
    }

    .acct-validate-result {
        padding-bottom: 0;
        border: none;
    }

    .optAttrTbl .ss_input_default_3 {
        width: calc(100% - 2.9rem);
    }

    .optAttrTbl td {
        display: block;
        width: 100%;
    }

    div[id$="matchPanel"]{
        margin:0;
    }

    div[id$="matchPanel"] .res-detail-panel{
        padding: 0 1rem;
        margin: 0;
    }

    .matchingUsersButtons{
        padding-bottom: 1.6rem
    }

    .tabletMarginNone {
        margin: 0 !important;
    }

    .tabletPaddingNone {
        padding: 0 !important;
    }

    .rich-dtascroller-table {
        margin: auto;
    }

    #scheduledetail\:name,
    #scheduledetail\:desc,
    #scheduledetail\:emails,
    #selectSchedulePanelForm\:schedulename,
    #selectSchedulePanelForm\:scheduledesc {
        width: 75%;
    }

    #printReportForm\:reportUserSearchTable {
        padding-left: 1rem;
    }

    .reportprintdiv {
        width: 95%
    }

    .mobileReportMultiSelectButtons {
        display: table-cell;
    }

    .tabletMarginTop5 {
        margin-top: .5rem !important;
    }

    #selectReportsModalPanelCDiv .multiselectpanel {
        padding-bottom: 4em;
    }

    .recert-res-detail-header {
        border: none;
    }

    .systemaccounttable tfoot .apprListBorderLeft,
    .recert-res-detail-header td {
        border: none;
    }

    .systemaccounttable .historyTable tr,
    .assignedaccounttable .historyTable tr {
        box-shadow: none !important;
        margin: 0 !important;
    }

    .systemaccounttable .historyTable td,
    .assignedaccounttable .historyTable td {
        display: inline-block;
    }

    #certifyFormRecertify .historyHeader,
    #changeCertifyActionForm .historyHeader,
    #changeSysCertifyActionForm .historyHeader,
    .assignedaccounttable .historyHeader,
    .systemaccounttable .historyHeader {
        margin-bottom: 0 !important;
        background-color: #536b78 !important;
    }

    .subAccountsPanel,
    .historyHeader td {
        border: none;
    }

    #certifyFormRecertify .historyHeader .rich-table-headercell a,
    #changeCertifyActionForm .historyHeader .rich-table-headercell a,
    #changeSysCertifyActionForm .historyHeader .rich-table-headercell,
    .assignedaccounttable .historyHeader .rich-table-headercell,
    .systemaccounttable .historyHeader .rich-table-headercell {
        color: white;
    }

    #certifyFormRecertify .res-detail-panel {
        margin: 0;
        border: none;
        background: transparent;
    }

    #certifyFormRecertify .reassignDetailPanel {
        background-image: none;
        box-shadow: none;
    }

    .certifyRequestDetails tr {
        box-shadow: none !important;
        background: transparent;
    }

    .certifySubLvl2,
    .systemaccoutslistpanel,
    .certifyRequestDetails .rich-table-cell {
        padding-left: .5em !important;
        padding-right: .5em !important;
    }

    .certifySubLvl1,
    .useraccounttable tr {
        border: .1rem solid #aaa;
    }

    .useraccounttable {
        border: none;
    }

    .subAccountsPanel tr,
    .systemaccounttable tbody tr,
    .accountInfoPanel tr,
    .assignedaccounttable tr {
        box-shadow: 0 .2rem .5rem .2rem #aaaaaa !important;
    }

    .systemaccounttable {
        background: transparent;
        border: none;
    }

    .systemaccounttable td {
        background: white;
    }

    .systemaccounttable tbody tr {
        margin-bottom: 1.6rem !important;
        border: none;
    }

    .systemaccounttable .footerscroller .rich-dtascroller-table tr,
    .systemaccounttable tr.removeCard,
    .subAccountsPanel tr.removeCard,
    .systemaccounttable tr.noMobileShadow,
    .assignedaccounttable tr.removeCard {
        box-shadow: none !important;
    }

    #certifierInfoPanelCDiv,
    #changeCertifyActionDlgCDiv,
    #changesysCertifyActionDlgCDiv,
    #certifierDetailsPanelCDiv,
    #prevCertifyHistoryCDiv {
        padding: 0;
        left: 0 !important;
    }

    #selectNewReviewerForm\:certifierSearchTablecertifier {
        width: 100%;
    }

    #certifierInfoPanelContentTable,
    #changeCertifyActionDlgContentTable,
    #changesysCertifyActionDlgContentTable,
    #certifierDetailsPanelContentTable,
    #prevCertifyHistoryContentTable {
        width: 100vw !important;
    }

    .exceptionPanel,
    .accountInfoPanel {
        background: white;
        padding: .5rem;
    }

    .tabletPadding5 {
        padding: .5rem !important;
    }

    .certifyExpandBtn1NoLink {
        margin-left: .5rem;
        margin-bottom: 0;
    }

    .certifyMandatorySym {
        font-size: 1.7rem;
        padding-left: .5rem;
    }

    .entitlementTitle {
        padding-left: 0;
    }

    .systemaccoutslistpanel,
    .res-detail-panel2 {
        margin: 0;
        background: transparent;
    }

    .tabletJustifyCenter {
        justify-content: center;
    }

    .certChgActionDiv {
        min-height: 0;
        max-height: 100%;
    }

    .certifyBorderCollapseBottom {
        border-bottom: none;
    }

    .requestListFirstColumn {
        background: transparent !important;
    }

    .apprListBorderRight.requestListFirstColumn {
        border-right: none;
    }

    .certinforow {
        margin-bottom: 1em;
        display: flex;
        flex-flow: row wrap;
        box-shadow: 0 0.2rem 0.5rem 0.2rem #aaaaaa;
        padding: 0.75em 1em;
    }

    .certinforowlabel {
        min-width: 0;
    }

    .exstng-res-Panel-header {
        margin: 0;
        padding: 0;
        border: none;
        border-bottom: .1rem solid #C4C0B9;
    }

    .exstng-res-Panel-header .flexCenter {
        background: #aaaaaa;
        color: white;
        padding: .5em;
    }

    .apprExistingResPanel {
        padding: 0;
        border-top: .1rem solid #C4C0B9;
    }

    .apprCustDiv1 {
        margin: 0;
        width: 100%;
        border: none;
    }

    .coltree {
        padding: 0;
        margin-right: 0;
        width: 100%;
        background-color: transparent;
    }

    .subLevelTreeGrid {
        margin-left: 0;
    }

    .subLevelTreeTbl {
        margin-left: 0;
        width: 100%;
    }

    .col1 {
        min-width: 0;
        margin-top: 0;
    }

    .treeselectedcls {
        background-color: transparent;
    }

    .subtreeArrow {
        height: 2.4rem;
        width: 2.4rem;
    }

    .subLevelTreeTblAddimg {
        height: 1.8rem;
        width: 1.8rem;
    }

    .expandedCard {
        padding: 0 !important;
    }

    .expandedCard .res-detail-panel,
    .expandedCard .res-detail-info{
        margin: 0 !important;
    }

    .expandedCard .res-detail {
        box-shadow: none;
    }

    .tabletLeft {
        text-align: left;
    }

    .detailPanelEnabled {
        background-color: transparent;
    }

    .acctTypeConfigPanel {
        border: none;
    }

    .addAcctRow {
        margin-bottom: 1.5rem;
    }

    .hpamAcctProperties {
        border: .2rem solid #999999;
        border-top: none;
    }

    .hpam-detail-container {
        margin: 0;
    }

    .hpam-system-name {
        margin-bottom: 1.5rem;
    }

    .requesters-table-caption-blue-bkgr {
        font-size: 1.9rem;
    }

    .tablet-readable {
        position: inherit !important;
        width: auto;
        height: auto;
        margin: 0;
    }

    .hpam-tab-link-grey {
        background-color: #ECEFF1;
    }

    .langSelCombo label {
        display: block;
        line-height: .1rem;
        margin-left: .1rem;
    }

    .langSelCombo select {
        display: inline-block;
        margin-left: 0;
    }

    #scheduledetail td {
        display: block;
    }

    #scheduledetail tr {
        display: block;
        padding-top: .8rem;
        padding-bottom: .8rem
    }

    #scheduledetail span.italic {
        display: block;
    }

    .certifyMandatoryMsg {
        margin-bottom: 0;
    }

    .respInfoBtn {
        width: 1.8rem;
        padding-right: 0;
        cursor: pointer;
        margin: .5em 0;
    }

    .tabletMarginLeftAuto {
        margin-left: auto;
    }

    .attrbColLeft {
        width: 33.33333333%
    }

    .attrbColRight {
        width: 66.66666667%
    }

    #certifyFormRecertify .panel.numbered {
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: none;
    }

    #certifyFormRecertify .panel.numbered .content {
        padding: .5rem !important;
    }

    #certifyFormRecertify .res-detail-panel {
        padding: 0;
    }

    .userSearchRowClsBlue {
        background-color: white;
    }

    #globalCertReassignForm\:gblcertifierSearchTable {
        width: 100%;
    }

    .addSelfCheckbox {
        display: block;
    }

    .table-caption {
        float: none;
        text-align: left;
        display: block;
    }

    .duoTokenInputLabel,
    .duoPhoneInputLabel {
        text-align: left;
    }

    .viewManagerInfoIcon {
        height: auto !important;
        top: -.2rem;
    }

    .viewManagerName {
        top: -1rem;
    }
}

/* SM devices ( Phones in landscape ) */
@media only screen and (max-width: 767.98px){

    form[id^=mainPanel] td img,
    form[id^=subtabPanel] td img,
    img.rich-spacer {
        display: none;
    }

    #selectReportsModalPanelCDiv .multiselectpanel {
        padding-bottom: 4em;
    }

    .mobileEdit {
        display: block;
        padding: 1em;
    }

    input[type="text"][id^="preferencesForm"],
    select[id^="preferencesForm"] {
        width: 100%;
    }

    input[id^="preferencesForm"].defaultInputField,
    select[id^="preferencesForm"].marginleft10 {
        margin: 0;
        margin-top: 1rem;
    }

    .tbl-search-combo.marginleft5 {
        margin-left: 0;
    }

    #multiselectContentTable {
        width: 100vw !important;
    }

    .dynamicUIstyle29 {
        width: 50%;
    }

    .duoKioskFrame {
        width: 75%;
    }

    .panel {
        padding: 0 !important;
    }

    .panel.numbered {
        padding: 1.5em 2em 2em 2em !important;
    }

    .reassignDetailPanel .panelheader,
    #delegatetoForm,
    #delegatefromForm {
        padding: 1rem;
    }

    div[id^="selfregrfi"] .panel {
        padding: 1em 2em 1em 2em;
    }

    textarea[id^="selfregrfi"] {
        width: 100%;
        height: 12.5rem;
    }

    .dialog .content {
        padding: 1em;
    }

    .sec-ques-text {
        margin: 0;
    }

    .width90 {
        width: 100%;
    }

    .selfregbody,
    .kioskbody {
        padding: 0 .5em;
    }

    .ss_input_default_4 {
        width: 100%;
        height: 3rem;
    }

    .ss_input_default_date_4 {
        height: 3rem;
    }

    /* Banner */
    .expandMenu {
        display: block;
    }

    .container,
    .containerwrap {
        padding: 0 !important;
    }

    .site-header {
        margin: 0;
    }
    /* End Banner */

    /* my availability */
    #delegateForm\:datepanel .accessbox *,
    #myAvailabilityForm .accessbox * {
        box-sizing: border-box;
    }

    #delegateForm\:datepanel .paddingleft50,
    #myAvailabilityForm .paddingleft50 {
        padding-left: 0;
    }

    #delegateForm\:datepanel .accessbox,
    #myAvailabilityForm .accessbox {
        margin-left: 0;
        padding: 0;
    }

    #delegateForm\:datepanel .accessbox div.floatLeft,
    #myAvailabilityForm .accessbox div.floatLeft {
        padding: 1em;
    }

    #myAvailabilityForm .rich-calendar-input {
        width: 15rem;
    }
    /* end my availability */

    /* Navigation */
    .tab.mobileTab,
    .subtab.mobileTab {
        display: none;
    }

    .mobileTab[showmenu="true"],
    .subtab-title[showmenu="true"],
    .maintab-text[showmenu="true"] {
        display: block;
    }

    .mobileTab[showmenu="false"],
    .subtab-title[showmenu="false"],
    .maintab-text[showmenu="false"] {
        display: none;
    }

    .subtab-active.mobileTab a {
        padding-left: 0;
        font-weight: bold;
    }

    .subtab-active.mobileTab[showmenu="true"] a {
        padding-left: 2.8rem;
    }

    .rich-tab-disabled.subtab {
        border: none !important;
    }

    form[id^=mainPanel] table,
    form[id^=subtabPanel] table,
    table[id$=shifted] {
        width: 100%;
    }


    .subtab-text {
        line-height: 4.1rem;
    }

    .text-title {
        line-height: 2.8em;
    }

    .subtab-text {
        color: white !important;
    }

    .subtab {
        background-color: #536b78 !important;
        border-bottom: .1rem solid white;
    }

    .subtab-active.mobileTab,
    .subtab-active.mobileTab[showmenu="false"] {
        display: none;
    }

    .subtab-active.mobileTab[showmenu="true"] {
        display: block;
        border-left: .8rem solid #FF5722 !important;
    }

    #activeSubTabTitle,
    #activeSubTabTitle[showmenu="false"] {
        display: block;
        background-color: #5C7989;
        margin: -1.2rem -1rem 1rem -1rem;
        padding: 0 1rem;
        box-shadow: 0 0.2rem 0.3rem 0 #aaaaaa;
    }

    #activeSubTabTitle[showmenu="true"] {
        display: none;
    }

    #activeSubTabTitle .subTabTitleText {
        line-height: 4.1rem;
        color: white;
        font-size: 1.4rem;
        font-weight: bold;
        text-transform: uppercase;
    }

    form[id^=mainPanel] td,
    form[id^=subtabPanel] td {
        display: block;
        text-align: left;
    }

    td.rich-tab-header:not(.rich-tab-disabled) {
        cursor: pointer;
    }

    .subtab-tabpanel-content {
        margin-top: 0;
        padding: 1rem;
    }

    form[id^=subtabPanel] {
        display: block;
        position: relative;
    }

    form[id^=subtabPanel] td a {
        padding-left: 3.5rem;
    }

    .rich-tab-header.mobileTab {
        height: 3em;
        border-top: .1rem solid white;
    }

    .rich-tab-header.subtab.mobileTab {
        border-top: none;
        border-bottom: .1rem solid white;
    }

    .maintab-disabled,
    .subtab-disabled {
        line-height: 2.9em;
    }

    .subtab-disabled {
        padding-left: 6rem;
    }

    .rich-tab-disabled {
        background-color: #536b78 !important;
        color: #bbb !important;
    }

    .maintab-active {
        display: none !important;
    }

    .activeTab {
        padding-left: 2.5rem;
        font-size: 1.4rem;
        background: #536b78;
        border-bottom: medium solid #FF5722;
        border-top: .1rem solid white !important;
    }
    /* End Navigation */

    .mobileMargin {
        margin: 2em 0;
    }

    .apprInputText700 {
        width: 99%;
        padding-left: 0;
        padding-right: 0;
    }

    .mobilePaddingTop15 {
        padding-top: 1.5rem;
    }

    #requestInfoForm\:requestInfoPanel .apprrfidlgrow {
        display: block;
    }

    #requestInfoForm\:requestInfoFixedTargetPanel .apprrfidlgrow {
        display: inline-block;
    }

    .reqInfoReqNameArea {
        margin-left: 0;
        padding: .5em;
        line-height: 2.2em;
    }

    #requestInfoDialogCDiv {
        padding: 0;
    }

    .apprrfidlgrolevalue {
        white-space: normal;
    }

    .apprrfidlgrolelabel {
         min-width: 5.75em;
    }

    .checkOption {
        padding: 1.5rem;
        border-bottom: .1rem solid #dddddd;
    }

    .checkOption.toRemove {
        background-color: #eee;
    }

    .checkOption.toRemove .multiListButtons{
        display: none;
    }

    .checkOption.toAdd {
        background-color: #eee;
    }

    .checkOption:last-of-type {
        border-bottom: none;
    }

    .multiselectpanel.row {
        display: none !important;
    }

    .checkboxSection {
        box-shadow: 0 .2rem .5rem .2rem #aaaaaa;
        display: block;
        margin: .8rem;
    }

    .mobileCheckList {
        max-height: 32.1rem;
        overflow: scroll;
    }

    .mobileCheckList input[type="checkbox"] {
        margin: 0;
        margin-right: 1rem;
    }

    .mobileMultiSelectHeader {
        display: block;
        background-color: #ccc !important;
        color: black;
        font-size: 1.6rem;
        font-weight: 400;
        padding: .8rem .8rem 0 .8rem;;
        margin: 0 !important;
        text-align: left;
        border-bottom: .1rem solid #aaa;
        overflow: auto;
    }

    .mobileCheckList input[type="checkbox"]:checked + label {
        font-weight: bold;
    }

    .rich-tabhdr-side-border {
        padding: 0;
    }

    .sec-ques {
        padding: 1em;
    }

    .userLevelRequestDateRow .floatLeft {
        float: none;
    }

    .userLevelRequestDateRow .tbl-search-input {
        width: calc(100% - 2.4rem);
    }

    .userLevelRequestDateRow .marginleft20 {
        margin-left: 0;
    }

    .certbtndiv input {
        width: 100%;
        margin: .6rem 0;
    }

    .mobileLeft {
        text-align: left;
    }

    .notificationTextArea {
        margin: auto;
        display: block;
    }

    table[id$='selactionradio'] td{
        display: block;
    }

    .multiListButtons {
        float: right;
        margin-top: -.5rem
    }

    .captchaRow .defaultInstruction {
        display: block;
        margin-top: -0.6rem;
    }

    .addAliasPanel
    {
        min-height: 24rem;
    }

    .lkQrCode {
        width: 100%;
        margin: auto;
    }

    .g-recaptcha-iframe {
        left: 0;
        width: 30.4rem;
    }
    .g-recaptcha-container {
        justify-content: center;
        display: flex;
    }
}

/* Intermediate between SM Devices and XS devices */
@media only screen and (min-width: 575.98px) and (max-width: 767.98px ) {
    .panel .content {
        padding: .8rem;
        padding-top: 0;
    }

    .recaptchaInstructionalIcon{
        margin-left: -1.8rem;
    }

    #recaptcha-div {
        margin-left: -2.8rem;
    }

    #rc-imageselect {
        transform: scale(0.85);
        webkit-transform: scale(0.85);
    }

    .g-recaptcha:not (.dynamicUiRecaptcha.enumeration-recaptcha-div
        ), #rc-imageselect:not (.dynamicUiRecaptcha.enumeration-recaptcha-div) {
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

/* XS devices ( Phones in portrait ) */
@media only screen and (max-width: 575.98px) {

    .mobileFullWidth {
        width: 100%;
    }

    .mobileMarginLeft {
        margin-left: 1em;
    }

    .mobileMarginTop {
        margin-top: 1em;
    }

    .mobileMarginNone {
        margin: 0;
    }

    .buttonL2,
    .buttonL2Disabled {
        margin-top: 1rem;
    }

    .scformrow label {
        padding-top: 1em;
        min-width: 0;
    }

    .mobileHide {
        display: none !important;
    }

    .mobileLeft {
        text-align: left;
    }

    .mobileCenterList {
        list-style-position: inside;
        padding: 0;
    }

    .mobileFloatNone {
        float: none !important;
    }

    .mobileInstrTxt {
        display: block;
        padding-bottom: 0;
    }

    .mobileFloatLeft {
        float: left;
    }

    /* Panels */
    .panel h2 {
        width: 98%;
    }

    .dialog .content {
        padding: 1em .75em 3em .75em;
    }

    .panel.numbered {
        margin: 1em 0;
        padding: 1em !important;
    }

    .panel.numbered.collapsed.disabled {
        padding: 1em !important;
    }

    .panel.alertDialog .content {
        text-align: center;
    }

    .panel.alertDialog h2 {
        text-align: center;
        width: 100%;
    }

    .rich-calendar-popup {
        width: 100%;
        left: 0 !important;
    }

    .ss_label_default {
        line-height: 3rem;
    }

    .fullWidth {
        width: 100%;
    }

    .bannerLogo {
        width: 7rem;
        height: 7.5rem;
        object-fit: cover;
        object-position: -1% 0;
    }

    .width45percent {
        width: 100%;
    }

    .marginLeftRightAuto {
        margin: auto;
        text-align: justify;
    }

    .marginLeft35 {
        margin-left: 0;
    }

    #dataValidationContent .onehalf {
        width: unset;
    }

    input[id^="dataValidationForm"] {
        width: 100%;
        margin-top: 1rem;
    }

    .captchaRow td {
        display: inline-block;
    }

    td.vbottom.right.minsize,
    .attributeBgrnd table {
        width: 100%;
    }

    label[for="myAvailabilityForm\:combo"],
    label[for="delegateForm\:combo"] {
        padding-bottom: .5em;
        display: block;
    }

    #delegateForm\:combo,
    #myAvailabilityForm\:combo {
        margin-left: 0;
        width: 100%;
    }

    #delegateForm\:datepanel .accessbox {
        text-align: right;
    }

    #delegateForm\:datepanel .accessbox div.floatLeft {
        width: 100%;
    }

    #delegateForm\:datepanel .rich-calendar-input {
        width: 65%;
    }

    select,
    input[type="password"],
    input[type="text"] {
        font-size: 1.6rem;
    }

    .create-user-panel label
    {
        line-height: 2.4rem;
    }

    .dynamicUIstyle10
    {
        line-height: 2.4rem;
    }

    input[type="button"],
    input[type="submit"] {
        width: 100%;
        padding: .5rem;
        margin: 1rem 0;
    }

    input[type="radio"],
    input[type="checkbox"] {
        width: 1.5rem;
        height: 1.5rem;
    }

    table[id*="pswdPanel"] td {
        width: 55%;
    }

    .duoKioskFrame {
        width: 100%;
        min-width: 29.5rem;
    }

    .rich-subtable-cell {
        padding: 0;
    }

    .pagingIndexPanel {
        min-width: 2rem;
    }

    .responsiveTable thead th:after,
    .checkboxSection .row:after,
    .dynamicUIRow:after {
        clear: both;
        content: "";
        display: block;
    }

    .minsize2 {
        width: 100%;
    }

    #enrollDuoDeviceDlgCDiv .loginUserIdArea {
        width: 100%;
    }

    #addDuoDeviceForm\:name,
    #addDuoDeviceForm\:phoneNumber,
    #addDuoDeviceForm\:countryCode {
        width: 100%;
        margin-left: 0;
    }

    #addDuoDeviceForm\:tabletTypeRadio,
    #addDuoDeviceForm\:phoneTypeRadio,
    #addDuoDeviceForm\:deviceTypeRadio {
        margin: 0 auto;
        text-align: left;
    }

    .footer input:not(.hide) {
        display: block;
    }

    .subtab-tabpanel-content {
        box-shadow: none;
    }

    .rescomminforowlabel {
        min-width: 0;
    }

    .rescomminforowvalue {
        float: right;
    }

    .res-detail-header h4 {
        margin: 0.25em 0.5em;
        display: inline-block;
        padding-left: 0.25em;
    }

    #viewReqTableForm\:datePanel {
        left: 0 !important;
    }

    .responsiveTable .bulkSponsorDetailList td {
        display: inline-block;
    }

    .resyncPswdPanel input {
        width: 100%;
    }

    .mobileBlock {
        display: block;
    }

    #selectUserFormUsersProfile\:selaction {
        margin: 0;
        width: 100%;
    }

    .mobileSearchInput,
    .mobileCalendarInput {
        width: calc(100% - 2.4rem) !important;
    }

    .responsiveTable .footerscroller {
        margin-top: 2rem;
        padding-left: 0;
    }

    .groupSelect select {
        width: 100%;
    }

    #selectUserFormRequestAccess\:addusertab.floatRight {
        float: none;
    }

    .obotypebox {
        display: block;
        padding: 1rem 0;
        margin: 0;
    }

    .suggestion-results {
        left: 0 !important;
        margin: 0 auto;
        width: 99% !important;
    }

    .rich-sb-overflow {
        width: 100% !important;
    }

    .suggestion-exit {
        height: 2.4rem !important;
    }

    .validateAcctDlgBody {
        min-width: 0;
    }

    #scheduledetail\:name,
    #scheduledetail\:desc,
    #scheduledetail\:emails,
    #selectSchedulePanelForm\:schedulename,
    #selectSchedulePanelForm\:scheduledesc
     {
        width: 100%;
    }

    table[id$='scheduleOptions'] td{
        display: block;
    }

    #adminForm {
        padding-bottom: 1em;
    }

    .hpam-tab-pane {
        margin-top: 1rem;
    }

    .kioskCaptchaContainer .gCaptchaContainer {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 0%;
    }

    #selectReportsPanelForm\:filter td,
    #selectReportsPanelForm\:filter span.italic {
        margin-left: 0;
        text-align: left;
        display: block;
    }

    #selectReportsPanelForm\:filter tr {
        padding-top: .8rem;
    }

    #selectSchedulePanelForm\:calenderField1Popup,
    #selectSchedulePanelForm\:calenderField2Popup {
        display: block;
    }

    .cellBottom {
        top: auto;
        right: -3em;
    }

    .pswdStrengthMobile {
        display: inline-block;
    }

    .recaptchaInstructionalIcon {
        margin-left: -2.6rem;
    }

    #recaptcha-div {
        margin-left: -1.4rem;
        margin-top: -0.6rem;
    }

    .g-recaptcha, #rc-imageselect {
        transform: scale(0.9);
        webkit-transform: scale(0.9);
    }

    .g-recaptcha:not (.dynamicUiRecaptcha.enumeration-recaptcha-div
        ), #rc-imageselect:not (.dynamicUiRecaptcha.enumeration-recaptcha-div) {
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    .dynamicUIRow #jcaptchaInstructions,
    .dynamicUIRow #input-captchaElement0,
    .dynamicUIRow .jcaptchaElement .defaultInstruction {
        margin-left: -9rem;
        width: calc(100% + 9rem);
    }

    .dynamicUIRow .jcaptcha-response {
        width: calc(100% - 6.1rem);
    }

    .duiLabelField {
        padding: 0 1rem;
    }

    .deviceTypeRadio {
        margin: auto;
        text-align: left;
    }
}

/* intermediate for Google ReCaptcha */
@media only screen and (max-width: 455px) {

    .captchaRow {
        margin-top: 1.2rem;
    }

    .reCaptchaLabel label {
        display: none;
    }

    #recaptcha-div {
        margin-left: -5.1rem;
    }

    .captchaRow .defaultInstruction {
        margin-left: -7.2rem;
    }

    .requestSelectByRadioGroup td,
    .requestSelectByRadioGroup {
        padding-top: 0.6rem
    }
}

@media only screen and (min-width: 361px) and (max-width: 454.98px) {
    #recaptcha-div {
        margin-left: -9.5rem;
    }

    #kioskform .lkAuthenticateImage img,
    #acctclaimform .lkAuthenticateImage img {
        margin: auto;
    }
}

@media only screen and (max-width: 360px) {

    .dynamicUIRow {
        margin: 0 -1rem;
        width: calc(100% + 2rem);
    }

    .duoLoginFrame {
        transform: scale(0.90);
        webkit-transform: scale(0.90);
    }

    .duoLoginFrame {
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    #recaptcha-div {
        margin-left: -9.5rem;
    }

    .captchaRow {
        display: block;
        margin-left: -.7rem;
    }

    .jcaptchaElement table tbody tr {
        display: grid;
    }

    .mobileNameSection {
        text-align: right;
        max-width: 10rem;
        word-wrap: break-word;
    }

    .hpam_cfg_input_date {
        width: 80%;
    }

    .langSelCombo select {
        max-width: 15.5rem;
    }

    .kioskCaptchaContainer .jCaptchaContainer {
        max-width: none;
        width: 100%;
        margin-left: 0%;
    }

    #toggleMultiSelectBtn,
    #multiSelectAddAllBtn,
    #multiSelectRemoveAllBtn {
        width: 100%
    }

    #certifyFormRecertify .duiFieldMargin .col-xs-4,
    #certifyFormRecertify .duiFieldMargin .col-xs-8 {
        width: calc(100% - 1rem);
    }

    #certifyFormRecertify .duiFieldMargin .col-xs-4.right {
        text-align: left;
    }

    #certifyFormRecertify .duiFieldMargin {
        margin: .7rem 0;
    }

    #certifyFormRecertify .duiFieldMargin .ss_labelText_default {
        padding-left: 0;
    }

    #certifyFormRecertify .duiFieldMargin .dynamicUIstyle30 {
        margin-left: 0;
    }

    .managesecuritydevicelisttitle {
        width: 90%;
    }
}