.p-dropdown {
    display: inline-flex;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #2f3e53;
    padding: 2px 6px 0 6px;
    height: 24px !important;
}

.p-dropdown,
.p-multiselect {
    /* background: linear-gradient(180deg, #f6f7f9 0, #ebedf0); */
    border: 1px solid #d4dde4;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
    border-radius: 0px;
}
.p-multiselect .p-multiselect-label {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #808b9a !important;
    padding: 3px 10px !important;
}

.p-dropdown .p-dropdown-label {
    background: transparenttransparent;
    border: 0 none;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    color: #808B9A;
}

.p-dropdown .p-dropdown-label.p-placeholder {
    color: #808B9A;
}

.p-dropdown-trigger-icon,
.p-multiselect-trigger-icon {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #718fb6;
    display: inline;
}

.pi-chevron-down:before {
    display: none;
}

.p-dropdown-panel,
.p-multiselect-items-wrapper {
    max-width: 13.65% !important;
}

.p-multiselect .p-multiselect-panel {
    max-width: 13.65% !important;
}

.p-inputtext:enabled:hover {
    border-color: #2196f3;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #D6EAF8;
}

.p-dropdown-panel .p-dropdown-header {
    background: #fff;
}

.p-ripple.p-element.p-dropdown-item span,
.p-ripple.p-element.p-multiselect-item span {

    font-size: 11px;
    font-weight: 600;
    color: #2F3E53;
}

.p-dropdown-panel .p-dropdown-items .p-dropdown-item,
.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
    padding: 5px 10px !important;
}

.p-dropdown-panel .p-dropdown-header .p-dropdown-filter,
.p-multiselect-filter.p-inputtext.p-component {
    padding-right: 1.5rem;
    margin-right: -1.5rem;
    box-shadow: 0 0 4px 0 rgb(55 136 229 / 50%);
    /* background: linear-gradient(180deg, #f6f7f9 0, #ebedf0); */
}

.p-ripple.p-element.p-dropdown-item span,
.p-ripple.p-element.p-multiselect-item span {
    display: block;
    width: 197px;
    word-wrap: break-word;
    white-space: normal;
}

.p-checkbox {
    height: auto !important;
}

.p-checkbox .p-checkbox-box {
    border: 2px solid #718fb6;
    border-radius: 2px;
    height: 12px !important;
    width: 12px !important;
}

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    border-color: #004C8D !important;
    background: #004C8D !important;
    color: #fff;
}

.p-checkbox .p-checkbox-box.p-highlight {
    border-color: #004C8D !important;
    background: #004C8D !important;
}

.p-checkbox .p-checkbox-box .p-checkbox-icon.pi {
    color: #fff;
    font-size: 9px;
}

.p-multiselect.p-component {
    height: 24px !important;
    margin-top: 5px;
    width: 204px !important;
}

.role-basic-panel .role-basic-panel-body .role-basic-form .basic-info-pge .col-sm-12 .custom-multiselect, .role-basic-panel .role-basic-panel-body .role-basic-form .basic-info-pge .col-md-12 .custom-multiselect {
    padding-top: 0px !important;
}

.p-multiselect-items-wrapper {
    min-width: 100%;
}

.custom-card .p-dropdown {
    width: 100% !important;
    margin-top: 5px;
}

.custom-card .details-popup-field .p-dropdown {
    width: 100% !important;
}


.custom-card .p-paginator-rpp-options.p-dropdown.p-component {
    width: 65px !important;
}

.main-container .users .search-row-padding .search-input-field-padding,
.main-container .search-row-padding .search-input-field-padding {
    padding-top: 4px !important;
    padding-left: 0px !important;
}

.main-container .users .search-row-padding .search-input-field-padding-user,
.main-container .search-row-padding .search-input-field-padding-user {
    padding-top: 1px !important;
    padding-left: 0px !important;
}

.p-multiselect .p-multiselect-label.p-placeholder {
    font-size:  12px !important;
    padding: 2px 0px 0px 5px;
}

.filter-border {
    border-bottom: 2px solid #e7e7e7;
    padding: 5px 0px 10px 0px;
}

.user-role-assign-main .p-inputtext {
    padding: 0px 5px !important;
}

.custom-card .fullHeight {
    height: 95% !important;
}

/* Button Css */
.btn.std-blue-button {
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    line-height: 13px;
    height: 24px;
    padding: 0 12px;
    background-color: #004C8D;
    border: none;
    color: #fff !important;
    /* margin-left: 20px !important; */
    margin-left: 12px !important;
}

button:not(:disabled) {
    cursor: pointer;
}

.btn.std-white-button {
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    line-height: 13px;
    height: 24px;
    padding: 0 12px !important;
    background-color: #EFF2F5;
    border: 1px solid #E1E5EB;
    color: #2B4FA6;
}

.std-white-button:hover {
    background: #D0D5DC !important;
    color: #2B4FA6 !important;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: 0px !important;
}

.tertiary-button {
    cursor: pointer !important;
    display: inline-block !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-decoration: none !important;
    font-size: 13px !important;
    line-height: 13px !important;
    height: 24px !important;
    padding: 0 12px !important;
    background-color: hsla(0, 0%, 100%, 0) !important;
    border: none !important;
    color: #1570e4 !important;
}

.tertiary-button:hover {
    background-color: #eff2f5 !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
}

.headerBold.decoration span {
    font-weight: 600;
    font-style: normal;
    font-size: 15px;
    color: #808B9A;
}

.subheader {
    background: #FFFFFF !important;
    border-top: 1px solid #DDDDDD;
    padding: 0 25px !important;
}

.createUser-main-container .std-blue-button {
    margin-left: 12px !important;
}

.btn.std-white-button.previous-button.std-custom-margin {
    margin-left: 0px !important;
    margin-right: -7px !important;
}

.btn.std-blue-button.submit-button {
    margin-right: 11% !important;
}

.btn.std-blue-button.submit-button.sbt-btn {
    margin-right: 0% !important;
}

.btn.std-blue-button.submit-button.upload-bt {
    margin-right: 0px !important;
}

.session-std .login {
    padding-right: 25px;
}

.role-basic-form .search-field-child-padding button {
    position: unset !important;
    margin: 0px !important;
    margin-left: 10px !important;
}

.user-role-assign-main .basic-info-pge .col-sm-12 .userDate, 
.user-role-assign-main .basic-info-pge .col-md-12 .userDate {
    width: 190px !important;
}

.user-role-assign-main .pointer {
    vertical-align: -100% !important;
}

.user-role-assign-main {
    padding: 40px 40px 80px 20px!important;
}

.p-fileupload-choose:not(.p-disabled):active,
.p-fileupload-choose {
    /* background: #004c8d !important;
    border: none !important; */

    background: transparent !important;
    border: none !important;
    color: rgba(0, 76, 141, 0.996078431372549) !important;
    font-size: 13px !important;
    font-weight: 600;
    font-style: normal;
    padding: 0px !important;
}

.p-fileupload-choose:hover,
.p-button-label:focus-visible {
    /* background: #2998F5 !important; */
    border: none !important;
    outline: -webkit-focus-ring-color auto 0px !important;
}

.main-container .search-row-padding .search-button-div {
    width: initial !important;
}

body .std-blue-button,
body .std-white-button {
    min-width: 60px !important;
}

.main-container-create-role .createRole-main-container .subfooter .next-button, 
.main-container-create-role .createRole-main-container .subfooter .save-as-draft-button, 
.main-container-create-role .createRole-main-container .subfooter .submit-button, 
.main-container-create-role .createRole-main-container .subfooter .previous-button {
    float: unset !important;
}

.user-role-assign-main .conditional-group-link .conditional-group-link-action {
    padding: 5px 10px 5px 10px !important;
    margin-top: 10px !important;
    color: #004C8D !important;
}

.user-role-assign-main .basic-info-pge .condition-block .condition-group-button {
    margin-top: 5px !important;
}

.btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

body .std-blue-button:focus {
    border: none !important;
}

/* Header */
.main-container {
    overflow-y: hidden !important;
    height: calc(100% - 80px);
    width: 100%;
    overflow-x: hidden !important;
    padding: 0px !important;
    background: #eff2f5;
}

.custom-card {
    background-color: #fff;
    /* margin: 15px;
    border-radius: 5px; */
    box-shadow: 0 0 7px 1px #ccc;
    flex: 0 0 100%;
    min-width: 100%;
    height: 100%;
    overflow: auto;
    padding: 5px;
    /* border-bottom: 2px solid #e7e7e7; */
}

.subheader .dropdown {
    padding: 7px 15px 0 0 !important;
}

.subheader .dropdown .is-active,
.subheader .dropdown .headerLink:hover {
    border-bottom: 2px solid #2B4FA6 !important;
    position: relative !important;
    color: #2b4fa6 !important;
}

.subheader .dropdown .headerLink {
    color: #707C8D !important;
}

.subheader .dropdown .headerLink {
    font-weight: 600;
    padding-left: 15px;
    padding-right: 15px;
}

.header .header-icon-section .user-dropdown {
    color: #3788e5 !important;
    margin-top: 12px !important;
    font-size: 14px;
}

.header .header-icon-section .dropdown-margin {
    margin-top: 10px !important;
}

.main-container .roles-header {
    color: #2f3e53 !important;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
}

.dropdown-toggle::after {
    vertical-align: 2px !important;
}

.main-container-create-role .createRole-main-container .content-container,
.main-container-create-user .createUser-main-container .content-container,
.main-container-create-context .createContext-main-container .content-container,
.main-container-module-bulkupload .module-bulkupload-main-container .content-container {
    height: calc(100% - 21px) !important;
    background: #eff2f5;
}

body .subfooter {
    background:#fff !important;
    height: 50px !important;
    padding: 0px 0px !important;
    margin-left: -5px !important;
}

body .subheader {
    height: 35px !important;
    border-top: 1px solid #e1e5eb !important;
    /* border-bottom: 1px solid #DDDDDD; */
    /* box-shadow: 0px 2px 4px rgb(208 213 220 / 35%); */
}

.subfooter .col-md-2,
.subfooter .col-md-3 {
    margin-top: -7px;
}

.details-popup-field .p-dropdown,
.details-popup-field .p-multiselect.p-component {
    height: 24px !important;
    padding-top: 3px !important;
}

.details-popup-field .p-multiselect .p-multiselect-label.p-placeholder {
    background: transparent;
    border: 0 none;
    padding: 0;
    font-size: 12px;
    font-weight: 600;
    color: #808b9a;
    padding-left: 5px;
}

.details-popup-field .p-multiselect .p-multiselect-label {
    transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s;
    background: transparent;
    border: 0 none;
    padding-left: 5px;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #808B9A !important;
    padding-top: 0px !important;
}

.std-custom-margin {
    float: left;
    margin-left: 0px;
    margin-right: 12px;
}

.header .header-icon-section .app-drawer {
    background: none !important;
    padding-left: 25px !important;
    margin-right: 0px !important;
}

.vl {
    border-left: 1px solid #e7e7e7;
    min-height: 42px;
    padding-right: 15px;
}

.main-container .create-role,
.main-container .create-user,
.create-context {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
}

.header {
    border-bottom : 0px !important;
    box-shadow: 0px 2px 4px rgb(208 213 220 / 35%) !important;
}

.main-container .search-row-padding {
    padding: 7px 20px 20px 20px !important;
}

.subheader .dropdown .headerLink {
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-right: 15px !important;
}

app-create-role .subheader,
app-configure-context .subheader,
app-configure-user .subheader {
    border-bottom: 2px solid rgb(208 213 220 / 35%) !important;
}

app-create-role .subheader .subheader-title,
app-configure-context .subheader .subheader-title,
app-configure-user .subheader .subheader-title {
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 15px !important;
    color: #2F3E53 !important;
    line-height: 15px !important;
}

.icon-custom-arrow {
    color: #004C8D;
    font-size: 16px;
    font-weight: 900;
    margin-right: 10px;
    cursor: pointer;
}

.title-text {
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    color: #2F3E53;
    line-height: 15px;
    padding-bottom: 15px;
}

.sidenav a {
    white-space: pre-line !important;
}

/* Scroll bar */
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #bbb;
}



/* Search */
.search-container button {
    float: right;
    padding: 6px 10px;
    margin-top: 8px;
    margin-right: 16px;
    background: #ddd;
    font-size: 17px;
    border: none;
    cursor: pointer;
}

.search-container button {
    float: right;
    padding: 6px 10px;
    margin-top: 8px;
    margin-right: 16px;
    background: #ddd;
    font-size: 17px;
    border: none;
    cursor: pointer;
}

.search-custom {
    box-shadow: 0 0 #3788e57f;
    padding: 5px;
    margin-top: 5px;
    border: 1px solid #d4dde4;
    color: rgb(106, 118, 136);
    position: relative;
    width: 185px;
    height: 24px;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
}

.search-input-field-padding button, .search-field-child-padding button {
    cursor: unset;
    border: 0px;
    background: #fff;
    color: #004c8d!important;
}

.search-custom:hover {
    outline: 0 none;
    outline-offset: 0;
    border-color: #2196f3;
}

.search-custom:focus-visible,
.search-custom:focus {
    /* border: 0px !important; */
    padding: 5px !important;
}

.set-margin-custom {
    margin-top: 10px;
}

.main-container .search-row-padding .create-upload-div,
.main-container .users .search-row-padding .create-upload-div {
    margin-top: 10px !important;
}

.main-container .search-row-padding .search-button-outer {
    margin-bottom: -28px !important;
    margin-right: 5px;
}


app-business-context .main-container .search-row-padding .search-button-div,
.main-container .search-row-padding .search-button-div {
    margin-left: -30px !important;
}

.main-container-create-context .createContext-main-container .subfooter .exit-button {
    /* margin-left: 20px !important; */
}

.search-input-field-padding,
.search-field-child-padding {
    position: relative !important;
}

.search-input-field-padding button,
.search-field-child-padding button {
    position: absolute;
    margin: 7px -30px !important;
    float: right;
    font-size: 12px;
}


/* Pagination */
.p-paginator-first span::before {
    content: "First" !important ;
    color: #004C8D !important;;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 11px;
    font-weight: 600;
}

.p-paginator-last span::before {
    content: "Last" !important ;
    color: #004C8D !important;;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 12px;
    font-weight: 700;
}

.p-paginator-bottom.p-paginator.p-component .p-paginator-current:first-child {
    float: right;
    padding-top: 5px;
    font-size: 12px;
}

.p-paginator-bottom.p-paginator.p-component {
    float: left;
    display: inline-block;
}

.p-paginator {
    border: 0px !important;
}

.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    font-size: 12px;
    font-weight: 700;
}

.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover,
.p-paginator .p-paginator-pages .p-paginator-page {
    font-size: 12px;
    font-weight: 700;
    color: #004C8D !important;;
}

.p-dropdown.p-paginator-rpp-options {
    border: 1px solid #d4dde4 !important;
}

.p-paginator .p-dropdown {
    height: 26px !important;
}

body a:hover, body a:focus {
    content: "Last"!important;
    color: #004C8D !important;;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 12px;
    font-weight: 700;

}

/* a {
    color: #004C8D !important;;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 12px;
    font-weight: 700;
} */

.p-paginator-rpp-options .p-dropdown-panel {
    width: 100% !important;
}

.p-dropdown:not(.p-disabled).p-focus {
    box-shadow: none !important;
}

/* Table Header */

.table-nav-color {
    background-color: rgba(247, 249, 250, 1) !important;
    height: 30px !important;
    padding-top: 5px !important;
}

a.delete-link {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.p-datatable .p-datatable-thead > tr > th {
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 12px !important;
    color: #2F3E53 !important;
}

.p-datatable .p-datatable-tbody > tr {
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: #2F3E53;
}

.border-table {
    border-bottom: 2px solid #e7e7e7;
    box-shadow: 0px 2px 3px 0px #e4e4e4;
}

.p-paginator-bottom.p-paginator.p-component {
    padding-top: 20px !important;
    padding-left: 0px !important;
}

.role-basic-form .p-datatable,
.pre-view-role-main .p-datatable {
    width: 75% !important;
}

/* Table error */
::ng-deep .p-no-record-found {
    font-size: 14px !important;
    color: #23328e !important;
    font-weight: 400 !important;
    padding-bottom: 10px !important;
    padding: 4% 0% !important;
    border-bottom: 1px solid #e7e7e7 !important;
}

.p-element.p-ripple.p-datepicker-trigger.p-button {
    background: #004C8D !important;
    border: 1px solid #004C8D !important;
}

/* Upload */

.p-fileupload.p-fileupload-advanced.p-component {
    position: relative;
    height: 20%;
    border: 0px;
    display: inline-block;
    width: 90%;
    padding: 4% 0% 11% 11%;
    border: 1px dashed #e4e4e4;
    margin-left: 5%;
}

.p-fileupload .p-fileupload-content {
    position: absolute;
    padding: 0 !important;
    border: 0px;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    float: left;
    margin-top: -4%;
    margin-left: -12% !important;
}

.p-fileupload .p-fileupload-buttonbar {
    position: absolute;
    z-index: 1;
    border: 0px;
    float: right;
    background: #fff!important;
    margin-top: 1px;
    margin-left: 38%;
}


.p-fileupload .p-fileupload-content:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}


.main-container-module-bulkupload .module-bulkupload-main-container .dnd {
    padding: 55% 0 0 !important;
}

.dnd {
    font-family: 'Open Sans SemiBold', 'Open Sans Regular', 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 15px;
    color: #B3BAC3;
    text-align: left;
    padding: 28px 245px 26px 91px !important;
}

.preViewCss,
.pre-view-context-main,
.pre-view-user-main,
.pre-view-role-main {
    padding: 0% 0 0 !important;
}

.p-fileupload-files,
.p-fileupload-content .p-progressbar {
    display: none !important;
}

.main-container-module-bulkupload .download-template-margin {
    padding: 10px 5% 0 !important;
}


.removeFile {
    padding-left: 5px !important;
    font-size: 15px !important;
}

.uploadFileTable {
    padding: 10px 26px !important;
    margin-bottom: -25px !important;
}

.uploadFileRow span {
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #2F3E53;
}

.uploadFileBody span {
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: #2F3E53;
}

.box-popup {
    padding: 15px 0px 25px 0px !important;
}

.p-fileupload-buttonbar .p-button-label {
    font-family: 'Open Sans SemiBold', 'Open Sans Regular', 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    color: rgba(0, 76, 141, 0.996078431372549);
}

.removeFile i {
    font-size: 14px !important;
    color: #004C8D;
    vertical-align: 0px;
    padding-left: 5px;
}

.error-span-space {
    text-align: left;
    padding: 0px 25px 15px 25px;
}

.change-password .error-span-space {
    text-align: left;
    padding: 15px 25px 0px 25px;
}

.details-bottom-padding-div {
    margin-right: -3px !important;
}

/* Progress Bar */
body .page-status-panel .circle-active-2 {
    left: 180px !important;
}

body .page-status-panel .circle-active-3 {
    left: 368px !important;
}

body .page-status-panel .title-3 {
    left: 355px !important;
}

/* Toast Message */
.p-toast-top-right {
    top: 5% !important;
    right: 27% !important;
}

.p-toast {
    position: fixed;
    width: 500px !important;
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
    margin: 0px !important;
}

.p-ripple.p-element.p-multiselect-close {
    display: none;
}

.modal-header, .modal-footer {
    background-color: #fff !important;
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 15px !important;
}

.modal-header .close {
    color: #9fb0c7 !important;
}

.modal-header {
    border-bottom: 0px !important;
}

.p-toast .p-toast-message.p-toast-message-success {
    background: #004c8d !important;
    color: #fff!important;
    border: none !important;
}

.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, 
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
    color: #fff!important;
}

.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
    font-size: 24px !important;
}

.p-toast .p-toast-message .p-toast-message-content {
    padding: 10px !important;
}

.p-toast .p-toast-message .p-toast-icon-close {
    width: 25px !important;
    height: 25px !important;
}
/* Text Box Changes */
body .ip-box-css {
    color: #495057 !important;
    background: #ffffff !important;
    padding: 10px !important;
    border: 1px solid #ced4da !important;
    transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s !important;
    appearance: none !important;
    border-radius: 3px !important;
    padding-bottom: 12px !important;
    height: 24px !important;
    font-size: 12px !important;
    margin-top: 5px !important;
}

body .ip-box-css:enabled:hover {
    border-color: #2196f3 !important;
}

/* Icon Spefic (Delete, ETC) */
.conditions-list-css .plus-icon {
    margin-top: 4px !important;
}

/* Confirmation Box */
.p-dialog .p-dialog-header .p-dialog-title {
    font-size: 15px !important;
}

.p-dialog-content i {
    display: none;
}

.p-confirm-dialog-message {
    color: #808B9A;
    font-size: 13px;
}

.p-element.confirm-white-btn.p-button.p-component {
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    line-height: 13px;
    height: 24px;
    padding: 0 12px;
    background-color: #004c8d;
    border: none;
    color: #fff !important;
    float: right;
}

.p-element.confirm-white-btn.p-button.p-component {
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    line-height: 13px;
    height: 24px;
    padding: 0 12px!important;
    background-color: #eff2f5;
    border: 1px solid #E1E5EB;
    color: #2b4fa6 !important;
}

.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
    margin-left: 0px !important;
}

.p-element.confirm-white-btn.p-button.p-component:first-child {
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    line-height: 13px;
    height: 24px;
    padding: 0 12px;
    background-color: #004c8d;
    border: none;
    color: #fff!important;
}

.p-element.confirm-white-btn.p-button.p-component:first-child:hover,
.p-element.confirm-white-btn.p-button.p-component:first-child:focus {
    background: #2998F5 !important;
    color: #fff;
}

p-footer .p-element.confirm-white-btn.p-button.p-component .p-button-icon {
    display: none;
}

.search-field-child-padding .btn.tertiary-button.action-button-margin,
.search-field-child-padding .btn.std-white-button {
    margin-top: 5px !important;
}

/* Label */
.code-indent {
    padding-top: 5px !important;
}

.value-code-indent {
    padding-top: 6px !important;
}


.user-role-assign-main .contextValue-error-span-italic {
    font-size: 9px !important;
    margin-top: 0px !important;
}

.main-container .search-row-padding .role-params-label {
    font-size: 11px !important;
    color: #797979 !important;
    text-align: left !important;
    white-space: nowrap !important;
    text-transform: none !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

.cndtn-lbl-css {
    font-size: 11px !important;
    color: #556479 !important;
    text-align: left !important;
    margin-bottom: 2px !important;
}

.main-container-create-role .orgDataViewCss,
.product-name-info,
.context-label-css-value {
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 12px !important;
    letter-spacing: normal !important;
    color: #2F3E53 !important;
}

.main-container-create-role .orgDataViewCss {
    margin-top: 10px !important;
}

.role-basic-panel {
    padding: 5px 40px 0px 20px !important;
}
.role-basic-panel .search {
    margin-top: 0px !important;
}

.role-basic-panel .role-basic-panel-body .role-basic-form .basic-info-pge .col-sm-12 #basic-hdr-style, 
.role-basic-panel .role-basic-panel-body .role-basic-form .basic-info-pge .col-md-12 #basic-hdr-style {
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 12px !important;
    color: rgb(47, 62, 83) !important;
    line-height: 15px !important;
}

.role-basic-panel .role-basic-panel-body .role-basic-form .basic-details-info {
    margin-bottom: 15px !important;
}

.role-basic-panel .role-basic-panel-body .role-basic-form .basic-info-pge .col-sm-12, 
.role-basic-panel .role-basic-panel-body .role-basic-form .basic-info-pge .col-md-12 {
    margin-bottom: 10px !important;
    padding: 0px !important;
}

.role-basic-panel .search-field-child-padding {
    margin-bottom: 10px !important;
    padding-left: 0;
    padding-right: 17px !important;
}

.mrg-rt-10 {
    margin-right: 10px;
}

.pre-view-role-main .pre-view-role-panel .role-details-popup-label {
    font-size: 11px !important;
    color: #556479 !important;
    text-align: left !important;
}

.pre-view-role-main .pre-view-role-panel #basic-hdr-style {
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 12px !important;
    color: #2F3E53 !important;
}

.pre-view-role-main .pre-view-role-panel .role-details-field {
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 12px !important;
    letter-spacing: normal !important;
    color: #2F3E53 !important;
}

span.selected-count {
    padding: 3px 6px 3px 6px;
    background: #e4e4e4;
    border-radius: 50%;
    font-size: 9px;
    margin-left: 5px;
    color: #3788E5;
}

.details-popup-label {
    font-size: 11px !important;
    color: rgb(85, 100, 121) !important;
    text-align: left !important;
}

.userDate .details-popup-label {
    padding-bottom: 4px !important;
}

.details-popup-field,
.context-details-popup-field,
.spacing-pre-wrap {
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 12px !important;
    letter-spacing: normal !important;
    color: #2F3E53 !important;
}

#basic-hdr-style {
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 12px !important;
    color: #2F3E53 !important;
}

.user-basic-panel .user-basic-panel-body .user-basic-form .basic-info-pge .col-sm-12, 
.user-basic-panel .user-basic-panel-body .user-basic-form .basic-info-pge .col-md-12 {
    margin-bottom: 10px !important;
}

.context-info {
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 16px !important;
    color: #2F3E53 !important;
    line-height: 15px !important;
}

.role-basic-form .search-button-div {
    margin-left: -28px !important;
}

/* footer section */
.footer-logo-a {
    border-width: 0px;
    top: 10px;
    width: 98px;
    height: 12px;
}

.rmm-footer .citiusTech-logo {
    border-width: 0px;
    left: 0px;
    top: 0px;
    width: 98px;
    padding-top: 15px !important
}

.rmm-footer {
    background-color: rgba(255, 255, 255, 0.996078431372549) !important;
    border-top: 0px !important;
}

.text-ct-right {
    padding-right: 20px;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: #B3BAC3;
    text-align: left;
}

body .subfooter {
    position: absolute !important;
    border-bottom: 2px solid rgba(225, 229, 235, 1);
    border-top: 2px solid rgba(225, 229, 235, 1);
    box-shadow: 0px 1px 4px 2px rgb(225 229 235);
    bottom: 0% !important;
}

.btn-alignment {
    float: right !important;
    padding-right: 25px !important;
    padding-top: 5px !important;
}


/* Divider */
.divider {
    border-width: 0px;
    left: 0px;
    top: 0px;
    height: 3px;
    background: inherit;
    background-color: rgba(225, 229, 235, 1);
    border: none;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0px 25px;
}

/* Pop Up */
.view-header-indent {
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 16px !important;
    color: #2F3E53 !important;
    text-align: left !important;
}

.view-main .view-panel .details-popup-label, .change-passwordModal-main .view-panel .details-popup-label {
    font-weight: 400 !important;
    margin-bottom: 5px !important;
    font-size: 11px !important;
    color: #556479 !important;
    text-align: left !important;
}

.view-main .view-panel .orgDataViewCss, .change-passwordModal-main .view-panel .orgDataViewCss {
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    letter-spacing: normal;
    color: #2F3E53;
    text-align: left;
}

.details-popup-field,
.details-field {
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    letter-spacing: normal;
    color: #2F3E53;
    text-align: left;
}

.view-main .view-panel #basic-hdr-style, .change-passwordModal-main .view-panel #basic-hdr-style {
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 12px !important;
    color: #2F3E53 !important;
    line-height: 15px !important;
}

.user-role-assign-main .basic-info-pge .details-bottom-padding {
    margin-top: 10px !important;
}

.p-datatable .p-datatable-thead > tr > th {
    border-width: 2px 0 2px 0;
    background: #fff !important;
}

.modal-dialog .p-datatable.p-component.p-datatable-responsive-scroll {
    width: 75%;
}

.modal-footer {
    border-top: 0px !important;
}

.change-passwordModal-main .view-panel {
    padding: 15px 25px !important;
}

.change-password .password-header-indent {
    font-weight: 600 !important;
    font-style: normal !important;
    font-size: 16px !important;
    color: #2F3E53 !important;
    text-align: left !important;
}

/* .modal-content {
    left: -20px;
    margin-right: -20px;
} */

/* Card section */

.user-basic-panel {
    padding: 15px 40px !important;
    padding-left: 23px !important;
}   

.pre-view-user-main .view-main .view-panel {
    padding: 0px 0px;
}


.row.basic-info-pge.other-details-info {
    margin-right: -15px !important;
    margin-left: 0px !important;
}

.row.basic-info-pge.basic-details-info.user-page,
.row.sectional-padding.business-context,
.row.basic-info-pge.basic-details-info.business-context,
.row.table-div.business-context,
.context-basic-form .row.basic-info-pge.other-details-info {
    margin-left: -15px !important;
}

.context-basic-panel .context-info {
    margin-bottom: 15px !important;
}

.context-label-css,
.context-details-popup-label {
    font-size: 11px !important;
    color: #556479 !important;
    text-align: left !important;
}

.other-details-space,
.context-basic-panel .context-basic-panel-body .context-basic-form .basic-details-info,
.pre-view-context-main .pre-view-context-panel .details-bottom-padding {
    margin-bottom: 10px !important;
}

.value-code-indent{
    margin-top: 0px !important;
}

.details-bottom-padding {
    margin-bottom: 5px !important;
}

.context-basic-panel .context-basic-panel-body .context-basic-form .icon-margin {
    margin-top: 8px !important;
    margin-left: 15px;
}

.context-basic-panel .context-basic-panel-body .context-basic-form .icon-margin .action-icon-size .icon-css {
    color: #004C8D !important;
}

.context-basic-panel,
.pre-view-context-main .pre-view-context-panel {
    padding: 12px 35px !important;
}

.pre-view-context-main .pre-view-context-panel .details-bottom-padding {
    padding-bottom: 0px !important;
}

.business-context-px {
    max-width: 75% !important;
}

.main-container .search-row-padding .search-first-child-padding {
    padding-left: 0px !important;
    padding-right: 15px !important;
}

.action-icon-size .fa-plus-square-o {
    line-height: 20px !important;
}

.p-datatable .p-datatable-thead > tr > th,
.p-datatable .p-datatable-tbody > tr > td {
    padding: 10px 10px !important;
}

p-sorticon .pi {
    font-size: 10px !important;
}

.p-paginator .p-paginator-pages .p-paginator-page {
    min-width: 25px;
    height: 25px;
}

.p-dropdown .p-dropdown-trigger {
    width: 30px !important;
    padding-left : 10px !important;
}

.search-button-div.set-margin-custom {
    padding-top: 2px !important;
}

.btn.std-white-button.next-button.cls-btn {
    margin-top: 9px !important;
}

app-view-role .btn.std-white-button.next-button.cls-btn {
    margin-top: 0px !important;
}

.p-multiselect .p-multiselect-trigger {
    padding-top: 5px !important;
    width: 25px !important;
}

.p-multiselect-panel .p-multiselect-header {
    padding: 10px 10px !important;
}

.p-multiselect-filter-icon ,
.p-dropdown-filter-icon.pi.pi-search{
    margin-top: -5px !important;
}

.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext,
.p-dropdown-filter.p-inputtext.p-component {
    height: 20px !important;
}

.p-multiselect-filter-container  .pi,
.p-dropdown-filter-container .pi {
    font-size: 10px !important;
}

.p-dialog .p-dialog-header {
    padding: 10px 10px 10px 15px !important;
}

.p-dialog .p-dialog-content {
    padding: 0 20px 20px 16px !important;
}

.p-dialog .p-dialog-footer {
    padding: 0 20px 20px 16px !important;
}

.p-fileupload .p-fileupload-buttonbar {
    padding: 6px !important;
}

.modal-header .close {
    margin-top: -12px !important;
}

.modal-footer>* {
    margin: 0px !important;
}

.p-calendar {
    height: 25px !important;
}

.p-fileupload-content p-messages {
    display: none !important;
}

.img-upload-export {
    width: 15px;
    margin-right: 5px;
}

.export-user {
    margin-right: 10px !important;
}

.h5, h5 {
    font-size: 14px !important;
}

p-paginator .pi {
    font-size: 14px !important;
}

body .error-span-italic {
    font-size: 11px;
    color: #d72222;
    font-weight: 400;
}

.user-role-assign-main .basic-info-pge .condition-block {
    padding-bottom: 80px !important;
}

.condition-fields-holder .condition-block .context-group .conditions-list-css {
    min-height: 60px !important;
    border: solid 1px #c2c7cc !important;
    margin-bottom: 10px !important;
    margin-left: 35px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-top: 35px !important;
    padding-left: 15px !important;
    padding-right: 50px !important;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: none !important;
    }
}