@import url(https://fonts.googleapis.com/css?family=Open+Sans);

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
}
.login-form-control {
	position: relative;
	font-size: 16px;
	height: auto;
	padding: 10px;
}
.login {
	color:#fff;
	font-size:18px !important;
	font-weight: 400;
}
/* .loginmodal-container a{
	opacity: 1 !important;
} */
.forgot-pass {
	color: #029fe4;
}
.reset {
	text-decoration: underline !important;
	font-size: 14px;
    font-weight: 600;
    opacity: 1 !important;
}
.RememberCreds {
	margin-top: 6px;
}
.reg {
	font-weight: 600;
	margin: 5px;
}
.loginmodal-container {
	display: block;
	 position: relative; 
}
.custom-control-label::after {
    position: absolute;
    top: .125rem;
    left: -1.75rem;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
.remember {
	padding: 0px 8px !important;
	color: #091432 !important;
	font-size: 15px !important;
	font-weight: 500;
}
.custom-control-input {
	z-index: -1;
	padding: 10px;
}
.focus-input100 {
    display: block;
    position: absolute;
    border-radius: 5px;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 0px 0px;
    color: #029fe4;
}
/* .login100-form-title {
	font-size: 35px;
	font-weight: 500;
    line-height: 1.2;
    text-align: left;
	width: 100%;
	color: #091432;
    display: block;
    padding-bottom: 20px;
} */
.fa-spinner-icon {
	position: relative;
}
.fa-spinner-icon .fa-spinner {
	position: absolute;
	top: 0px;
	right: -60px;
	font-size: 26px !important;
}
.QR_Authenticate {
	border: none;
    background: #fff;
    color: #029fe4;
    text-decoration: underline;
    padding: 0;
    font-weight: 600;
}
@media all and (max-width: 768px) {
	/* .login100-form-title {
		text-align: center !important;
		font-size: 22px;
		font-weight: 500;
	} */
	.mobileTitle {
		color: #091432;
		font-size: 32px !important;
		text-align: center;
		font-weight: 600;
	}
}
@media all and (min-width: 480px) {
	.Login {
	  padding: 60px 0;
	}
	.Login form {
	  margin: 0 auto;
	  max-width: 320px;
	}
}

.authKey {
	position: relative;
}
.authKey .fa-key {
    transform: rotate(136deg) !important;
    position: absolute;
    top: -5px;
    left: 10px;
    font-size: 22px;
}
.loginmodal-container input[type=email], input[type=password] {
	color: #091432 !important;
}

.login-main {
	height: 100vh;
	overflow: hidden;
}
.login-wrapper {
	min-height: 100%;
	color: #777;
	padding-top: 7.5% ;
	/* background:linear-gradient(196deg, rgba(2,0,36,1) 0%, rgba(0,58,99,1) 35%, rgba(0,212,255,1) 100%) !important; */
	background: transparent;
	overflow: hidden;
}
/* Prevent scrollbars on login page */
/* body.login-page,
html.login-page {
	overflow: hidden !important;
	height: 100vh !important;
} */
/* Need Help button container - positioned in top right */
.row.pickles-login .needHelp-container {
	position: absolute;
	top: 20px;
	right: 40px;
	z-index: 1000;
}
.needHelp-container {
	position: absolute;
	top: 20px;
	right: 40px;
	z-index: 1000;
}
.needHelp-container a {
	text-decoration: none;
	float:right;
}

/* @media screen and (min-width: 1200px) {
	.login-wrapper {
		padding-top: 3%;
	}
} */
@media screen and (min-width: 1600px) {
	.login-wrapper {
		padding-top: 4%;
	}
}
.connecting-se {
	font-size: 24px !important;
    font-weight: 500;
	line-height: 26px;
	padding-top: 5px;
	margin-bottom: 2px;
	color: #777;
}

.connecting-logo {
	display: inline-flex;
    vertical-align: initial;
    max-height: 20px;
    margin-left: 4px;
}
.connecting-msg {
	color: #777;
	font-size: 14px !important;
}

.login-header {
	text-align: center;
	height: 60px;
	background-color: #fff;
	border-bottom: 1px solid #e2e2e2;
}
.sign-on-section {
	border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    height: auto;
    margin: 0 auto;
    width: 500px;
    min-width: 300px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
}

.login-wrapper .header-logo {
	background-color: #fff !important;
	/* padding: 5px 90px 33px !important; */
	padding: 5px 90px 33px !important;
    border-bottom: 1px solid #ddd;
}

.header-logo img {
    display: block;
    margin: 0 auto;
    max-width: 200px;
	max-height: 40px;
	/* pwcChange */
}
.login-form-section {
	padding: 30px 42px 25px;
	background-color: #fff;
}

.login-section label, .sign-in-text {
	font-weight: 700;
	color: #5e5e5e;
	font-size: 15px;
	line-height: 1.5;
	text-transform: none;
	display: block;
	cursor: text;
}

.sign-in-text {
    margin-top: 10px;
    text-align: center;
	margin: 0 0 15px;
}

.login-wrapper .login-section  input {
	padding-left: 10px;
	margin-bottom: 10px;
}

.login-footer {
	background-color: transparent;
    min-width: 300px;
    position: fixed;
    font-size: 12px;
    left: 0;
    right: 0;
    bottom: 0;
    height: 34px;
    overflow: hidden;
    z-index: 1;
}
.login-footer-container {
	padding: 9px 20px;
    margin: 0;
	box-sizing: border-box;
	display: block;
	color: #777;
}
.login-copyright a, .login-privacy-policy a, .login-copyright , .login-privacy-policy {
	text-decoration: none;
	color: #777 ;
	font-size: 12px !important;
	font-weight: 600;
}
.login-copyright {
	float: left;
	margin: 0;
	padding: 0;
}
.login-privacy-policy {
	float: right;
}

/*ResetPassword Changes*/
.resetPswd{
	border: 1px solid #ccc;
	border-radius: 10px;
	box-shadow: 0px -1px 4px 3px #ccc;
	background: linear-gradient(196deg, rgba(2,0,36,1) 0%, rgba(0,58,99,1) 35%, rgba(0,212,255,1) 100%) !important;
}

.sign-in-text-pswd {
	font-weight: 600;
    color: #fff;
    font-size: 20px;
    line-height: 1.5;
    text-transform: none;
    display: block;
    cursor: text;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}
/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  cursor: pointer;
  *cursor: hand;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7XQMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC);
}
table.dataTable thead .sorting_asc {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==);
}
table.dataTable thead .sorting_desc {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=);
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAW0lEQVQoz2NgoCm4w3Vnwh02wspK7/y6k01Ikdadx3f+37l9RxmfIsY7c4GKQHDiHUbcyhzvvIMq+3THBpci3jv7oIpAcMcdduzKEu/8vPMdDn/eiWQYBYMKAAC3ykIEuYQJUgAAAABJRU5ErkJggg==);
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAWUlEQVQoz2NgGAWDCtyJvPPzznc4/HknEbsy9js77vyHw313eHGZZ3PnE1TRuzuOuK1lvDMRqmzuHUZ87lO+cxuo6PEdLUIeyb7z604pYf+y3Zlwh4u2YQoAc7ZCBHH4jigAAAAASUVORK5CYII=);
}
table.dataTable tbody tr {
  background-color: #ffffff;
}
table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #091432 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #091432 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}

/* Credit to bootsnipp.com for the css for the color graph */
/* @import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap'); */
/* @import url('./fonts.css'); */
.colorgraph {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(
    left,
    #c4e17f,
    #c4e17f 12.5%,
    #f7fdca 12.5%,
    #f7fdca 25%,
    #fecf71 25%,
    #fecf71 37.5%,
    #f0776c 37.5%,
    #f0776c 50%,
    #db9dbe 50%,
    #db9dbe 62.5%,
    #c49cde 62.5%,
    #c49cde 75%,
    #669ae1 75%,
    #669ae1 87.5%,
    #62c2e4 87.5%,
    #62c2e4
  );
  background-image: -moz-linear-gradient(
    left,
    #c4e17f,
    #c4e17f 12.5%,
    #f7fdca 12.5%,
    #f7fdca 25%,
    #fecf71 25%,
    #fecf71 37.5%,
    #f0776c 37.5%,
    #f0776c 50%,
    #db9dbe 50%,
    #db9dbe 62.5%,
    #c49cde 62.5%,
    #c49cde 75%,
    #669ae1 75%,
    #669ae1 87.5%,
    #62c2e4 87.5%,
    #62c2e4
  );
  background-image: -o-linear-gradient(
    left,
    #c4e17f,
    #c4e17f 12.5%,
    #f7fdca 12.5%,
    #f7fdca 25%,
    #fecf71 25%,
    #fecf71 37.5%,
    #f0776c 37.5%,
    #f0776c 50%,
    #db9dbe 50%,
    #db9dbe 62.5%,
    #c49cde 62.5%,
    #c49cde 75%,
    #669ae1 75%,
    #669ae1 87.5%,
    #62c2e4 87.5%,
    #62c2e4
  );
  background-image: linear-gradient(
    to right,
    #c4e17f,
    #c4e17f 12.5%,
    #f7fdca 12.5%,
    #f7fdca 25%,
    #fecf71 25%,
    #fecf71 37.5%,
    #f0776c 37.5%,
    #f0776c 50%,
    #db9dbe 50%,
    #db9dbe 62.5%,
    #c49cde 62.5%,
    #c49cde 75%,
    #669ae1 75%,
    #669ae1 87.5%,
    #62c2e4 87.5%,
    #62c2e4
  );
}
::-webkit-scrollbar {
  background: transparent;
  overflow: visible;
  width: 12px;
  height: 12px;
  /* height: 200px !important; */
}
::-webkit-scrollbar-corner {
  background: #e4e6e9;
}
::-webkit-scrollbar-thumb {
  background: #979797;
  background-clip: padding-box;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  box-shadow: inset 0px 0px 0px 1px #fff;
  -webkit-box-shadow: inset 0px 0px 0px 1px #fff;
}
::-webkit-scrollbar-track-piece {
  background: #f4f5f8;
}

body * {
  font-family: "Open Sans", sans-serif;
}

body {
  padding: 0px;
  background: #fff;
  font-size: 15px;
}

p {
  /* font-size: 15px !important; */
  line-height: 1.42857;
  color: #091432;
  font-weight: 400;
}
a {
  color: #2cabe3;
  cursor: pointer !important;
}
b,
strong {
  font-weight: 600 !important;
}
a:hover,
a:focus {
  color: #003a63;
}

.nav-spacer {
  padding-top: 5px;
  width: 100%;
  height: 35px;
  float: left;
  display: inline-block;
}
.report_content .tab-content .nav-spacer {
  height: 16px !important;
}
select {
  background: #fff;
}

.dt-center {
  text-align: center;
}

.dt-scroll {
  overflow: auto;
}

th,
td {
  white-space: nowrap;
}

tr.group,
tr.group:hover {
  background-color: #fff !important;
  font-weight: 500;
  font-size: 15px;
}

h4.details {
  margin-bottom: 0px;
}

.action-wrapper {
  margin-top: 8px;
}

.tab-pane .btn {
  min-width: 6.3em;
  padding: 5px;
}

.form-group.required .control-label:after {
  content: "*";
  color: red;
}
.endpointConfigCard .form-group.required .control-label:after {
  content: "" !important;
}

.required {
  display: flex;
  margin-left: -26px;
}

.disabled-endpoint {
  background-color: #ece9d2 !important;
}

select#chart {
  width: 150px !important;
  display: inline-block;
}

.text-left-not-xs,
.text-left-not-sm,
.text-left-not-md,
.text-left-not-lg {
  text-align: left;
}

.text-center-not-xs,
.text-center-not-sm,
.text-center-not-md,
.text-center-not-lg {
  text-align: center;
}

.text-right-not-xs,
.text-right-not-sm,
.text-right-not-md,
.text-right-not-lg {
  text-align: right;
}

.text-justify-not-xs,
.text-justify-not-sm,
.text-justify-not-md,
.text-justify-not-lg {
  text-align: justify;
}

@media (min-width: 402px) and (max-width: 767px) {
  .text-left-not-xs,
  .text-center-not-xs,
  .text-right-not-xs,
  .text-justify-not-xs {
    text-align: inherit;
  }
  .text-left-xs {
    text-align: left;
  }
  .text-center-xs {
    text-align: center;
  }
  .text-right-xs {
    text-align: right;
  }
  .text-justify-xs {
    text-align: justify;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .text-left-not-sm,
  .text-center-not-sm,
  .text-right-not-sm,
  .text-justify-not-sm {
    text-align: inherit;
  }
  .text-left-sm {
    text-align: left;
  }
  .text-center-sm {
    text-align: center;
  }
  .text-right-sm {
    text-align: right;
  }
  .text-justify-sm {
    text-align: justify;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  @page {
    size: auto;
    margin-bottom: 40mm !important;
  }
  .text-left-not-md,
  .text-center-not-md,
  .text-right-not-md,
  .text-justify-not-md {
    text-align: inherit;
  }
  .text-left-md {
    text-align: left;
  }
  .text-center-md {
    text-align: center;
  }
  .text-right-md {
    text-align: right;
  }
  .text-justify-md {
    text-align: justify;
  }
}

@media (max-width: 402px) {
  .align-center {
    text-align: right;
  }
}

@media (min-width: 1200px) {
  label[for="year"] {
    margin-right: 5px;
  }
  .text-left-not-lg,
  .text-center-not-lg,
  .text-right-not-lg,
  .text-justify-not-lg {
    text-align: inherit;
  }
  .text-left-lg {
    text-align: left;
  }
  .text-center-lg {
    text-align: center;
  }
  .text-right-lg {
    text-align: right;
  }
  .text-justify-lg {
    text-align: justify;
  }
}

.label-width {
  width: auto;
  min-width: 90px !important;
}

/* .filter-campaign {
    z-index: 1000;
} */

a {
  cursor: pointer;
}

@media print {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  /* .col-sm-8 {
        width: 66.66666667%;
    } */
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  /* .col-sm-2 {
        width: 16.66666667%;
    } */
  .col-sm-1 {
    width: 8.33333333%;
  }
  .filter-campaign,
  #export {
    display: none !important;
  }
}

.graph {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.15);
  margin: 5px;
  padding: 0 20px 20px;
  text-align: center;
  transition: all 0.3s ease 0s;
  height: 400px !important;
  width: 400px !important;
}

.graph:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  background-color: #fff !important;
}

.container-fluid {
  background: #ecedf1;
}

.campaign-report {
  text-align: center;
  margin: 0;
}

.campaign-report h4 {
  font-size: 18px;
  font-weight: 400;
  color: #091432;
  border-bottom: 1px solid #a2a2a2;
}

.navbar-default,
.navbar-default .navbar-collapse,
.navbar-default .navbar-form,
.navbar-nav.navbar-right {
  background-color: #2076b3 !important;
}

.navbar-default .username {
  background-color: #fdfdfd !important;
  color: #2076b3 !important;
  font-size: 14px;
}

.username > ul > li > a:hover,
.username > ul > li > a:focus {
  background-color: #ffffff !important;
  color: #64727b !important;
}

.nav a {
  color: #fff !important;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none solid rgb(0, 0, 0);
  text-align: start;
  text-indent: 0px;
  line-height: 28px !important;
}

.navbar-nav > li > .dropdown-menu {
  background-color: #2076b3 !important;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #ddd !important;
  background-image: none;
}

.loginmodal-container {
  max-width: 350px;
  overflow: hidden;
  margin-top: 150px;
  margin-left: -6px;
}

.loginmodal-container h1 {
  text-align: center;
  font-size: 20px;
}

.loginmodal-container input[type="submit"] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative;
}
/* .loginmodal-container  */
input[type="email"],
input[type="password"] {
  height: 40px;
  font-size: 15px;
  font-weight: 400;
  width: 100%;
  margin-bottom: 20px;
  background: #fff;
  border-radius: 4px;
  padding: 0 30px 0 50px;
  border: 1px solid #b3b3b3;
}

input[type="password"] {
  margin-bottom: 33px !important;
}

.email,
.password {
  font-size: 12px;
}

.loginmodal-container a {
  text-decoration: underline;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  transition: opacity ease 0.5s;
}

.container {
  padding-left: 0px !important;
  padding-right: 0px !important;
  /* background: #ebecf1; */
  width: auto;
  overflow: hidden;
  overflow-y: auto;
}

.sort-icon:after {
  color: #fff !important;
}

.table.dataTable th {
  font-size: 14px !important;
  font-weight: 600 !important;
  border-right: 1px solid #66afe96b;
  border-bottom: 0px solid #66afe9 !important;
}

.table.dataTable th:last-child {
  border-right: none;
}

input[type="search"] {
  -webkit-appearance: textarea;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: white;
}

.link {
  color: #091432;
  font-size: 15px;
}

.container-fluid.navBar {
  background: #2076b3 !important;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  color: white;
  text-align: center;
}

.icon {
  font-size: 17px;
}

.progress-bar-custom {
  /* background: #029fe4 !important; */
  background: #e9e9e9 !important;
  color: black !important;
}
/*label-success-new*/

.label_primary,
.label_info,
.label_secondary,
.label__pg,
.label_warning,
.label_pien,
.label_default,
.label_danger {
  color: #fff;
  font-weight: 400;
  font-size: 13px;
  display: inline-block;
  min-width: 68px;
  height: 23px;
  line-height: 12px;
  padding: 5px 6px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label_primary:hover,
.label__pg:hover,
.label_warning:hover,
.label_pien:hover,
.label_default:hover,
.label_danger:hover {
  color: #fff !important;
  text-decoration: none !important;
}
.label_default {
  background-color: #091432;
}
.label_primary {
  background-color: #029fe4;
}
.label_secondary {
  background-color: #c5c5c5;
  color: #091432;
}
.label__pg {
  background-color: #009ea0;
}
.label_pien {
  background-color: #006f68;
}
.label_warning {
  background: #ff8019;
}
.label_danger {
  background-color: #ff3f3b;
}
.label_info {
  background-color: #337ab7;
}
.icon__pg > i {
  color: #009ea0 !important;
}
.icon_warning > i {
  color: #ff8019 !important;
}
.icon_danger > i {
  color: #f34441 !important;
}
.icon_info > i {
  color: #0b64b1 !important;
}
.icon_info > i:hover,
.icon__pg > i:hover,
.icon_danger > i:hover,
.icon_warning > i:hover {
  opacity: 0.8;
}
.deleteButton > i,
.detailsButton > i,
.accessButton > i {
  font-size: 18px !important;
  padding: 0 4px;
}
.updateButton {
  font-size: 17px !important;
  padding-left: 4px;
}

/* table sorting styles */
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1,
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd,
.table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1,
table.dataTable.display tbody tr.even,
table.dataTable.order-column.stripe tbody tr.even,
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd,
.table.dataTable.display tbody tr.odd,
table.dataTable.order-column.stripe tbody tr.odd {
  background: #fff;
  padding-left: 6px !important;
}

.dataTables_length label,
.dataTables_filter label {
  margin-bottom: 10px !important;
}

table.dataTable thead th {
  position: relative;
  background-image: none !important;
}

.progress {
  border-radius: 0px !important;
  font-family: "Open Sans", sans-serif;
  margin: 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-image: linear-gradient(to bottom, #e7ebee 0, #e7ebee 100%);
}

.table td,
table.dataTable tbody th,
table.dataTable tbody td {
  vertical-align: middle !important;
}

.table.detailsTable td {
  vertical-align: top !important;
}

span.text-light {
  color: #091432;
  padding-left: 6px;
}

h2.header {
  font-size: 18px;
}

.dataTables_wrapper {
  margin-top: 10px;
  margin-bottom: 8px;
}

tr:nth-child(even) .progress {
  background: #eeeff1 !important;
}

.login-form {
  padding: 180px 0px 68px 0px;
  background: #fff;
  margin-left: 700px;
}

.col-md-7.reset-pass {
  padding: 180px 0px 168px 0px;
  background: #fff;
  margin-left: 700px;
}

.col-md-6.reset-pass {
  padding: 95px;
}

.row.pickles-login,
.pickes-footer div,
.row.reset-password > div,
.row.reset-password {
  background: #f3f2f1 !important;
  height: calc(100vh - 0px);
  overflow: hidden !important;
  position: relative;
}

.loginOffset {
  height: calc(100% - 1px);
  background: transparent !important;
}

/* Ensure col-md-12 inside pickles-login has transparent background */
.row.pickles-login .col-md-12 {
  background: transparent !important;
}

.glyphicon-question-sign {
  font-size: 17px;
}

.fa-question-circle:before {
  content: "\f059";
  font-size: 18px;
}

.nav > li > a {
  position: relative;
  display: block;
  /* padding: 10px 30px !important; */
  /* font-size: 12px; */
  font-weight: 400;
}

.navbar-nav.navbar-right:last-child {
  margin: 4px -6px 0px 4px;
}

.progress-bar-success {
  background-color: #029fe4;
  background-image: none !important;
  box-shadow: none !important;
}

.footerImg img {
  position: absolute;
  right: 20px;
}

.navbar > div > div > body {
  background: #e8eaec !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  border: 1px solid #e8e8e8 !important;
  background-color: #e8e8e8 !important;
  background: linear-gradient(to bottom, #e8e8e8 0%, #e8e8e8 100%) !important;
  color: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border: 1px solid #48d5ff !important;
  background-color: #48d5ff !important;
  background: linear-gradient(to bottom, #48d5ff 0%, #48d5ff 100%) !important;
  color: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  color: white !important;
  border: 1px solid #2cabe3 !important;
  background-color: #2cabe3 !important;
  background-image: none !important;
  background: linear-gradient(to bottom, #2cabe3 0%, #2cabe3 100%) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  background: none !important;
  border: none !important;
}

.loginmodal-submit {
  color: #fff;
  border: 0px;
  font-size: 20px !important;
  background-color: #0078d4;
  border-color: #0078d4;
  width: 100%;
  height: 50px;
  border-radius: 4px;
  padding: 0 25px;
}

.loginmodal-submit:hover {
  background-color: #029fe4;
  border: 0px;
}

.preview,
.preview:hover {
  background: #029fe4 !important;
  border: 1px solid #029fe4 !important;
}

.details {
  background: #f78f40 !important;
  border: 1px solid #f78f40 !important;
}

.delete {
  background: #ff7676;
  border: 1px solid #ff7676;
}

.autoComplete div {
  /* display: block !important; */
}

.btn-primary.details:hover {
  background: #a1602f !important;
  border: 1px solid #a1602f !important;
}

.delete:hover {
  background: #e45b5b;
  border: 1px solid #e45b5b;
}

.link {
  color: #175fb4 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 2px 8px !important;
}

.dataTable {
  border: 1px solid #66afe96b !important;
}

.dataTables_wrapper .dataTables_paginate {
  padding-top: 1.25em !important;
}

.navbar-nav {
  margin-left: 20px !important;
}

.dropdown-menu > li > a {
  padding: 0.5rem !important;
  font-size: 0.75rem;
}

.dropdown-menu i.fa {
  padding: 5px;
  width: 25px;
  text-align: center;
}

.dropdown-menu i.fa.fa-power-off {
  color: red;
}

li > ul > li > a {
  width: 220px;
}

.dropdown-menu {
  border: none;
  padding: 0;
  display: none;
}
.dropdown-menu.show {
  display: block;
}

.caret {
  display: inline-block;
  width: 0px;
  height: 13px;
  margin-left: 0.255em;
  margin: -2px -3px -7px 0px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.multiselect-native-select .caret {
  height: 0px !important;
  margin-left: 1.255em;
  vertical-align: middle;
  border-top: 7px solid;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
}

.react-select-box-container {
  position: relative;
  width: 240px;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
  text-align: left;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.react-select-box {
  padding: 15px 0;
  display: inline-block;
  cursor: pointer;
  border: none;
  width: 100%;
  text-align: left;
  background-color: transparent;
}

.react-select-box:focus {
  outline: 0;
  box-shadow: 0 0 4px #0493d1;
}

.react-select-box:before {
  content: " ";
  z-index: 1;
  position: absolute;
  height: 20px;
  top: 15px;
  right: 34px;
  border-left: 1px solid #cbd2d7;
}

.react-select-box:after {
  content: " ";
  position: absolute;
  z-index: 1;
  top: 23px;
  right: 13px;
  border-top: 6px solid #7b8e9b;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.react-select-box-label,
.react-select-box-option {
  line-height: 16px;
  font-size: 12px;
  color: #7b8e9b;
}

.react-select-box-label {
  padding: 0 40px 0 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #0493d1;
}

.react-select-box-empty .react-select-box-label {
  color: #7b8e9b;
}

.react-select-box-click-outside-layer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.react-select-box-clear {
  position: absolute;
  top: 15px;
  right: 0;
  width: 35px;
  height: 20px;
  background-color: #fff;
  text-indent: -9999em;
  z-index: 3;
  border: none;
}

.react-select-box-clear:before {
  content: "×";
  position: absolute;
  top: 2px;
  left: 10px;
  z-index: 1;
  background-color: #7b8e9b;
  border-radius: 100%;
  font-size: 13px;
  color: #fff;
  line-height: 1;
  width: 15px;
  height: 15px;
  text-indent: 0;
  text-align: center;
}

.react-select-box-clear:hover,
.react-select-box-clear:focus {
  outline: 0;
}

.react-select-box-clear:hover:before,
.react-select-box-clear:focus:before {
  background-color: #0493d1;
}

.react-select-box-hidden {
  display: none;
}

.react-select-box-options {
  margin: 2px 0 0;
  position: absolute;
  padding: 10px 0;
  width: 240px;
  top: 100%;
  left: 0;
  z-index: 4;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.react-select-box-options-list {
  list-style: none outside;
  margin: 0;
  padding: 0;
}

.react-select-box-option {
  padding: 10px 20px;
  margin: 0;
  cursor: pointer;
  display: block;
  line-height: 1.2;
  text-decoration: none;
}

.react-select-box-option:hover {
  color: #0493d1;
  background-color: #f4f4f4;
}

.react-select-box-option-selected {
  color: #cbd2d7;
}

.react-select-box-multi .react-select-box-option {
  padding-left: 42px;
  position: relative;
}

.react-select-box-multi .react-select-box-option:before {
  content: " ";
  position: absolute;
  line-height: 1;
  text-align: center;
  left: 20px;
  top: 9px;
  border-radius: 3px;
  height: 12px;
  width: 12px;
  margin-right: 10px;
  border: 1px solid #7b8e9b;
  background: #f9f9f9;
  vertical-align: middle;
}

.react-select-box-multi .react-select-box-option-selected:before {
  content: "✓";
}

.react-select-box-multi .react-select-box-option-selected {
  color: #1f3344;
}

.react-select-box-option:focus,
.react-select-box-option-focused {
  color: #0493d1;
  outline: 0;
  background-color: #dde2e5;
}

.react-select-box-close {
  color: #0493d1;
  text-transform: uppercase;
  background-color: transparent;
  border: none;
  padding: 5px 0;
  display: block;
  text-align: center;
  width: 100%;
  cursor: pointer;
  outline: none;
}

.react-select-box-close:hover,
.react-select-box-close:focus {
  text-decoration: underline;
}

.react-select-box-empty .react-select-box-close {
  color: #cbd2d7;
}

.react-select-box-native {
  position: absolute;
  left: -99999em;
}

.multi-select .selected-options {
  height: 34px !important;
  vertical-align: baseline !important;
}

.multi-select .arrow {
  vertical-align: -webkit-baseline-middle;
}

.table.dataTable th {
  background: #e8f0fe !important;
}

/* .table.dataTable th:hover {
    background: #66afe9 !important;
} */

.form-control:focus {
  border-color: #66afe9 !important;
  outline: 0 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6) !important;
}

#syncTable .form-control {
  width: auto;
}

.error {
  color: red;
  font-size: 12px;
  /*margin-top: -8px;*/
  display: block;
  font-weight: 400;
}

.error-connector {
  color: red;
  font-size: 12px;
  /*margin-top: -8px;*/
  display: block;
  font-weight: 400;
  height: 24px;
}

.invalid {
  box-shadow: 0 0 1px 1px red;
}

select {
  border-radius: 3px;
  padding: 5px;
}

.nav-button {
  margin: 5px 0px;
  margin-right: -3px;
}
.nav-button.election-nav-button {
  margin: 0;
  margin-right: 78px;
  float: right;
}

.cteulf .nav-button {
  margin-right: 0px;
}
.fixed .cteulf .nav-button {
  margin-right: 10px;
}

.selected-options-badges {
  background: #2cabe3 !important;
  color: #fff !important;
}

.btn-secondary {
  background-color: #003a63 !important;
  color: #fff;
  padding: 5px 15px;
}

.btn-secondary:hover,
.btn-secondary:active {
  outline-color: transparent !important;
  background-color: #003a63 !important;
  color: #fff;
}

.tab-content > .active {
  padding-left: 15px;
  border: 1px solid #dddd;
  border-top: 0px;
  border-radius: 4px;
  padding: 6px;
}

.tab-content .tabpanel {
  display: inline-block;
}

.react-datepicker__month-container {
  float: left;
  padding: 4px;
  width: 240px;
  font-size: 12px;
}

.react-datepicker__header {
  border-bottom: 1px solid lightgray;
}

.react-datepicker__day {
  width: 12%;
}

h2 {
  font-size: 26px;
  padding: 10px 0px 10px 0px;
  margin: 5px 0;
}

table.dataTable thead th,
table.dataTable tfoot th,
table.dataTable thead td {
  font-weight: 400 !important;
}

table.dataTable tbody tr.even,
table.dataTable tbody tr.odd {
  background: #fff !important;
}

/* table.dataTable tbody tr.even:hover, table.dataTable tbody tr.odd:hover {
    background-color: #f6f6f6 !important;
} */

table#camp-table.display tbody tr:nth-child(even):hover td {
  background-color: #f6f6f6 !important;
}

table#camp-table.display tbody tr:nth-child(odd):hover td {
  background-color: #f6f6f6 !important;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-size: 85% !important;
  font-weight: 400;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
  font-size: 14px;
}

.modal-footer {
  border-top: 0px;
  padding: 0px 15px 15px 15px;
}

.modal-header {
  background-color: #f1f1f1;
  border-radius: 6px;
}

.username {
  text-transform: uppercase !important;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.tab-content .tabpanel .details_1 {
  display: inline-block;
}

.modal-content .modal-footer .btn-default {
  background: #f1f1f1 !important;
}
.labelchange {
  font-size: 13px !important;
  margin-top: 7px !important;
  font-weight: normal;
}
.tblGrid.updateData th {
  padding: 5px;
  white-space: normal;
  width: 26%;
}
.modal-dialog.custom-dialog.side-list-people {
  width: 70% !important;
}
th.header-align.sorting {
  width: 200px !important;
}
.control_change {
  margin-top: 10px !important;
}

.clear_but {
  margin-top: -4px;
}
.audit_input {
  margin-top: 4px;
}

.aut_style {
  margin-top: 10px;
  margin-left: -12px;
}
.body-modal-style {
  margin-top: -30px;
}
.history-link-style {
  margin-left: -423px;
  margin-top: -10px;
}

.histoty-input {
  /*margin-left :-300px!important*/
  position: absolute;
  left: 220px;
  z-index: 2;
}
label.labelcont {
  font-size: 14px !important;
}

.loader {
  display: block;
  position: fixed;
  z-index: 1000;
  background-image: url(/build/assets/images/loader.fd14b687.gif);
  background-color: #000000;
  background-size: 80px 80px;
  opacity: 0.7;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
}

.loader {
  display: none;
}

.history,
.note {
  width: 100%;
}

.note_count {
  padding: 2px 4px;
  position: absolute;
  font-size: 10px;
}

.Ballot {
  display: block;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.Ballot input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  z-index: 99;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border-radius: 50%;
}

.Ballot:hover input ~ .checkmark {
  background-color: #ccc;
}

.Ballot input:checked ~ .checkmark {
  background-color: #2196f3;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.Ballot input:checked ~ .checkmark:after {
  display: block;
}

.Ballot .checkmark:after {
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.Ballot input:disabled ~ .checkmark {
  cursor: not-allowed;
}

.Ballot input[type="radio"][disabled] {
  cursor: default;
}

.disabled-link {
  pointer-events: none;
  cursor: not-allowed;
}

.endpoints,
.selectAll {
  width: 3.86em;
}

.epCheck {
  width: auto !important;
}

.select {
  border-radius: 5px;
  padding: 3px;
  width: 100%;
}

.logo-head {
  flex-flow: row nowrap;
  justify-content: flex-start;
  margin: 4px 0px 1px 1px;
}

expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav > li > a {
  padding: 10px 20px 10px 20px;
}

.header-text {
  color: #2478b3;
  font-size: 18px;
  font-weight: 400;
  margin-left: 4px;
}

.filter-campaign .label-width {
  width: 100%;
}
.filter-campaign {
  margin-top: 30px;
  margin-left: -14px;
}

.filter-campaign button.multiselect.dropdown-toggle.btn.btn-default {
  width: 382px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.reportData button.multiselect.dropdown-toggle.btn.btn-default {
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.filter-campaign .dropdown-menu > li > a {
  padding: 3px 0px !important;
}

.filter-campaign .dropdown-menu > li {
  border-bottom: 0px;
}

.react-table {
  width: 100%;
  height: auto;
  background-color: transparent;
  /* border-radius: 0; */
  display: inline-block;
  padding: 10px 10px 10px;
  /* margin: 0px 0;
    box-shadow: none; */
  margin-top: 5px;
}

.react-table.all_request {
  margin-top: 5px !important;
}

.react-table.Delegation {
  min-height: calc(100vh - 70px);
}
.react-table.managerView_wrapper {
  margin: 35px 0;
}
.logo-ends {
  color: #a1b4c2;
}

.head-logo > .access:hover {
  color: #0056b3;
}

.head-logo {
  font-size: 25px !important;
  margin-left: 29px;
}

.navbar-brand {
  float: left;
  height: 50px;
  padding: 10px 15px 15px 15px;
  font-size: 25px;
}

.container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 23px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-icons {
  float: left;
  font-size: 24px;
  padding-top: 2px;
  padding-right: 5px;
}

.navbar-nav.navbar-right a.dropdown-toggle.faq {
  background: #fafbfb !important;
}

a.dropdown-toggle.username:hover,
a.dropdown-toggle.username:focus {
  background: #fafbfb !important;
}

a.dropdown-toggle.faq:hover,
a.dropdown-toggle.faq:focus {
  background: #fafbfb !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
}

.fa-question-circle {
  color: #0056b3;
}

.fa-question-circle {
  font-size: 18px;
}

.dropdown-menu.user .dropdown-item {
  color: #212529 !important;
  background-color: #ffff !important;
}

.dropdown-menu.user .dropdown-item > a:hover {
  background-color: #ccc !important;
}

a.dropdown-toggle.username:hover,
a.dropdown-toggle.username:focus {
  background: #fdfdfd !important;
  color: #0056b3 !important;
}

a.dropdown-toggle.faq:hover,
a.dropdown-toggle.faq:focus {
  background: #fff !important;
}

a.dropdown-toggle.username:hover,
a.dropdown-toggle.username:focus {
  background: #fdfdfd !important;
  color: #0056b3 !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #094d7c;
}

.dropdown-menu .dropdown-item {
  color: #212529 !important;
  background-color: #ffff !important;
}

.dropdown-menu.dropdown-item > a:hover {
  color: #cccc !important;
}

.dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa !important;
}

.dropdown-menu {
  /* background-color: #fff !important; */
  border: 1px solid rgb(219, 216, 216);
}

.dropdown-menu > li {
  border-bottom: 1px solid #ccc;
}

.dropdown-menu > li:last-child {
  border-bottom: 0;
}

table.dataTable tbody tr.disabled-endpoint {
  background-color: #ece9d2 !important;
}

.container-fluid.dash-table {
  margin-right: auto;
  margin-left: auto;
}

.dash-table {
  margin: 65px 15px 0px 15px !important;
  border-bottom: 2px solid #e9ecef !important;
}

.dashboard-table-title {
  padding: 9px 10px 10px;
  font-size: 18px;
  font-weight: 600;
}

.dataTable_wrapper .dataTables_wrapper {
  margin: -1px;
  margin-right: -1px;
}

.dataTable_wrapper.reports.container-fluid {
  margin-right: 2px !important;
}

.dashboard-table,
.dashboard-table-footer {
  width: 100%;
}

.dashboard-table-container {
  background: #fff !important;
  border-radius: 5px;
  border: 1px solid #d1dbe2;
  min-height: 425px;
}

.dashboard-table-footer {
  position: absolute;
  bottom: 0;
  right: 15px;
}

.repo {
  margin-top: 30px;
  margin-bottom: 4rem !important;
}

.dashboard-table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #e9ecef;
}

.dashboard-table-footer td {
  padding: 10px 15px 15px;
  text-align: right;
}

.col-sm-12 {
  position: relative;
}

@media (min-width: 768px) {
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .user-actions {
    height: 40px;
    width: 150px;
    background-color: #f5f5f5;
    padding: 6px 10px;
    border-radius: 3px;
  }
  .help-section .col-md-10 {
    left: 20%;
    width: 79.8%;
  }
  .help-section .col-md-2 {
    width: 20%;
  }
}

.dataTable_wrapper .table th,
.table td {
  padding: 0.75rem;
}
.table.dataTable thead th {
  padding: 10px 18px 10px 10px !important;
}

.dataTable_wrapper > tbody > tr > td {
  border-top: 0px solid #e8e8e8 !important;
}

.dataTable_wrapper span.text-light {
  color: #091432 !important;
}

.table.dataTable tbody th,
table.dataTable tbody td {
  padding: 5px 10px 5px 12px !important;
}

.dataTable_wrapper > tbody > tr > td {
  margin: 29px 5px 5px !important;
}

.dataTables_wrapper thead th {
  border-bottom: 1px solid #ddd !important;
}

.dataTable_wrapper thead th {
  border-bottom: 1px solid #eee !important;
}

.dataTable_wrapper .table.dataTable tr.odd {
  background: #f1f7fb !important;
}

.dataTable_wrapper .table.dataTable tr {
  background: #fff !important;
}

.navbar-nav {
  margin-left: 15px !important;
}

li[role="presentation"] a {
  color: #85878b !important;
  font-size: 12px;
}

li[role="presentation"] a:hover,
li[role="presentation"] a:focus {
  color: #091432 !important;
  background-color: #ddd !important;
}

#pending_Approvals table.dataTable.display tbody td {
  text-align: left;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
  border-top: 0px !important;
}

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 30px;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 0.9em;
  display: block;
  font-size: 14px;
  opacity: 0.7;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 1em;
  content: "\2191";
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 0.5em;
  content: "\2193";
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
  opacity: 1;
  font-size: 14px;
}

table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  opacity: 0;
}

div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
  display: none;
}

table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before {
  top: 5px;
  right: 0.85em;
}

table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
  top: 5px;
}

/* filter campaign css */

.report {
  padding-left: 0px;
}

.report-export {
  margin: 12px 0 5px 0;
}

.filter-campaign {
  padding-left: 0px;
}

.dt-fix {
  padding: 0px;
}

.users .list-group,
.tree .list-group {
  margin: 0;
}

.table_container {
  position: relative;
}

.AppCredentials .dataTables_wrapper {
  position: unset !important;
}

.table_container .Sort_By_Status {
  position: absolute;
  left: 27%;
  top: -1px;
}

.cust-header,
.temp-header {
  position: relative;
}

.btnCampaign {
  position: absolute;
  top: 318px;
}

.createcamp_btn {
  right: 195px;
}

.opencamp_btn {
  right: 25px;
}

.createTemp {
  position: absolute;
  top: 10px;
  right: 19px;
}

.createTemp1 {
  position: absolute;
  top: 7px;
  right: 0px;
}

.DelegationHead.fixed .createTemp1 {
  right: 10px !important;
  top: 10px;
}

.createTemp2 {
  position: absolute;
  top: 10px;
  right: 10px;
}

.createCust {
  right: 15px;
  position: absolute;
  top: 10px;
}

.temp-elem-header {
  margin-bottom: 16px;
}

/* .autoComplete.update {
    margin: 5px 0;
} */

.history-link a:focus {
  outline: none !important;
  text-decoration: none !important;
}

/* .custom-dialog {
    width: 80%;
} */

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
}

.switch input {
  display: none;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 23px;
  width: 23px;
  left: 5px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #2196f3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.activeLabel,
.is2FAEnabledLabel {
  top: -9px;
  position: relative;
  margin-right: 15px;
  /* left: 8px; */
}

ul.multiselect-container.dropdown-menu {
  max-height: 450px;
  overflow: auto;
  width: 400px;
}

.header__notification-center {
  flex: 0 auto;
  margin-left: auto;
  height: 2.8rem;
  line-height: 5rem;
}

.notification-center {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.notification-center--open .notification-center__toggle {
  box-shadow: none !important;
  border-color: transparent !important;
}

.notification-center--open .notification-center__main {
  -webkit-transform: scale(1) translate(0, 100%);
  transform: scale(1) translate(0, 100%);
}

.notification-center--close .notification-center__main {
  -webkit-transform: scale(0) translate(0, 100%);
  transform: scale(0) translate(0, 100%);
}

.notification-center--empty .notification-center__toggle {
  border-color: #094d7c;
  color: #094d7c;
}

.notification-center--empty .notification-center__toggle:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-color: #2076b3;
  color: #2076b3;
}

.notification-center--not-empty .notification-center__toggle {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-color: #094d7c;
  color: #094d7c;
}

.notification-center--not-empty .notification-center__toggle:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-color: #2076b3;
  color: #2076b3;
}

.notification-center__toggle {
  border: 1px solid;
  border-radius: 100%;
  height: 3rem;
  width: 3rem;
  text-align: center;
  line-height: 3rem;
  cursor: pointer;
  transition: all 0.3s ease;
}

.notification-center__bell {
  font-size: 1.75rem;
}

.notification-center__main {
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 11;
  background: #fafafa;
  width: 30rem;
  min-height: 20rem;
  max-height: 40rem;
  -webkit-transform: scale(0) translate(0, 100%);
  transform: scale(0) translate(0, 100%);
  -webkit-transform-origin: 95% 100%;
  transform-origin: 95% 100%;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.notification-center__main:after {
  border-bottom: 1.25rem solid #2076b3;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  width: 0;
  height: 0;
  top: -1.25rem;
  right: 0.65rem;
  position: absolute;
  content: "";
  display: block;
}

.notification-center__toggle-all {
  position: absolute;
  right: 0.5rem;
  top: 2rem;
  display: block;
  height: 4rem;
  width: 4rem;
  cursor: pointer;
  color: #949494;
}

.notification-center__toggle-all:hover {
  color: #595959;
}

.notification-center__toggle-all span {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0;
  left: 0;
  color: #fff;
}

.notification-center__toggle-all span:nth-child(1) {
  top: -0.75rem;
  left: 0.5rem;
}

.notification-center__toggle-all span:nth-child(2) {
  top: -0.25rem;
  left: 0.25rem;
}

.notification-center__toggle-all span:nth-child(3) {
  top: 0.25rem;
}

.notification-center__zero {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 100%;
}

.notification-center__zero-header {
  font-size: 2rem;
  color: #fff;
  text-align: center;
  border-bottom: 1px solid #2076b3;
  position: relative;
  background-color: #2076b3;
}

.notification-center__zero-main {
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  overflow: auto;
  max-height: 30rem;
  min-height: 15rem;
}

.notification-center__zero-footer {
  border-top: 1px solid #e0e0e0;
  text-align: center;
  height: 3rem;
}

.notification-center__zero-anchor {
  color: #2076b3;
  font-size: 1.4rem;
  cursor: pointer;
  line-height: 3rem;
  display: block;
}

.notification-center__zero-footer a {
  color: #2076b3 !important;
  text-align: center;
}

.notification-center__zero-anchor:hover {
  color: #094d7c;
}

.notification1 {
  background: #fff;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  min-height: 5rem;
  align-items: center;
  cursor: pointer;
  transition: background 0.3s ease;
}

.notification1:nth-of-type(0) {
  transition-delay: 0s;
}

.notification1:nth-of-type(1) {
  transition-delay: 0.1s;
}

.notification1:nth-of-type(2) {
  transition-delay: 0.2s;
}

.notification1:nth-of-type(3) {
  transition-delay: 0.3s;
}

.notification1:nth-of-type(4) {
  transition-delay: 0.4s;
}

.notification1:nth-of-type(5) {
  transition-delay: 0.5s;
}

.notification1:nth-of-type(6) {
  transition-delay: 0.6s;
}

.notification1:nth-of-type(7) {
  transition-delay: 0.7s;
}

.notification1:nth-of-type(8) {
  transition-delay: 0.8s;
}

.notification1:nth-of-type(9) {
  transition-delay: 0.9s;
}

.notification1:nth-of-type(10) {
  transition-delay: 1s;
}

.notification1:hover .notification__icon,
.notification:hover .notification__read,
.notification:hover .notification__content {
  background: #fafafa;
}

.notification--read {
  background: #fff;
  color: #4e4e4e;
}

.notification--unread {
  background: #ebf0f3;
  border: 1px solid #fff;
  border-radius: 5px;
  color: #4e4e4e;
}

.notification__icon {
  flex: 0 4rem;
  height: 100%;
  font-size: 2rem;
  line-height: 5rem;
  text-align: center;
  border-right: 4px solid;
}

.notification__icon span:before {
  position: relative;
  top: 2px;
}

.Notification_date {
  padding: 4px 0px 0px 0px !important;
  min-width: 200px;
  float: right;
}
.Termination_date div div input {
  min-width: 102px !important;
}
.notification__read span:before {
  position: relative;
  top: 3px;
}

.notification__read:hover {
  color: #595959;
}

.notification__content {
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  height: auto;
}

.notification__title {
  flex: 0 100%;
  height: 1.75rem;
  line-height: 1.75rem;
  text-indent: 1rem;
  font-size: 1.3rem;
  position: relative;
}

.notification__time {
  position: absolute;
  right: 0.5rem;
}

.notification__message {
  flex: 0 100%;
  margin-left: 1rem;
  min-height: 2rem;
  line-height: 2rem;
  font-size: 1.2rem;
  white-space: nowrap;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.notification-bell {
  background-color: #fdfdfd !important;
  padding: 10px 20px;
}

.list-group-item.unread {
  background-color: #ebf0f3;
  color: #4e4e4e;
}

.list-group-item {
  padding: 12px 12px;
  text-align: left;
}

.types {
  margin-left: 15px;
}

.notification__readAll {
  position: absolute;
  right: 1rem;
  top: 1rem;
  cursor: pointer;
  font-size: 1.6rem;
  color: #4e4e4e;
}

.notification__delete {
  position: absolute;
  right: 1rem;
  top: 1rem;
  line-height: 4rem;
  cursor: pointer;
  font-size: 1.6rem;
  color: #4e4e4e;
}

.notification-bell .note_count {
  background-color: #fb7b00;
  z-index: 1;
}

.notification-center__settings {
  position: absolute;
  left: 1rem;
  top: 1.2rem;
}

.notification-center__settings1 {
  cursor: pointer;
  font-size: 1.6rem;
  color: #4e4e4e;
}

.notification-center__settings1:hover {
  color: #949494;
}

.notifyCount {
  margin: 0 5px;
}

.mark_all_as_read,
.notifyCount {
  vertical-align: middle;
}

.notificationEmpty {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 15rem;
}

.readMore {
  color: #029fe4;
  cursor: pointer;
}

.cron-select-period {
  padding: 5px 5px 0px 5px;
}

.cron-input {
  padding: 8px 5px 4px 0px;
}

.cron-input p {
  padding: 4px 0px 5px 0px;
  line-height: 32px;
}

.cron-select-period select,
.cron-input select,
.cron-input input[type="radio"],
.cron-input input[type="checkbox"] {
  margin-left: 5px;
  margin-right: 5px;
  padding: 0;
}

.quantity-left-minus,
.quantity-right-plus {
  position: absolute;
  border-radius: 0;
  background: white;
}

#quantity {
  width: 60px;
}

.quantity-left-minus {
  margin-left: 36px;
}

.cron-select-period .glyphicon-plus,
.cron-select-period .glyphicon-minus {
  font-size: 11px;
  color: #6c6c72e6;
}

/* .ep-logo {
    width: 103px;
} */

/* .ep-logo-wrapper {
    border: 1px solid black;
    height: 62px;
    width: 101px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-shadow: 0 1px 0 #f5f5f5;
    background: #ffffff;
} */

/* .ep-logo-thumb{
    display: block;
    margin: 0 auto 0;
    max-height: 50px;
    max-width: 72px;
    width: 72px !important;
    height: 50px !important;
    border: 0.5px solid rgb(179, 179, 179);
    padding: 1px 7px 1px 7px ;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
} */

.ep-logo-thumb {
  display: block;
  margin: 0 auto;
  max-height: 50px;
  max-width: 72px;
  width: 72px !important;
  height: 50px !important;
}

/* .ep-button {
    float: right;
    margin-right: 20px;
    padding: 4px 16px;
} */

/* .EndpointTable {
    width: 70%;
    border: 1px solid #ddd;
}
.EndpointTable tr:hover td {
    background: #f9f9f9;
} */

.MuiStepIcon-root-54.MuiStepIcon-completed-57,
.MuiStepIcon-root-54.MuiStepIcon-active-56 {
  color: #0493d1 !important;
}

.MuiTypography-body1-75 {
  font-size: 14px !important;
  font-family: "Open Sans", sans-serif;
}

.card-content {
  padding: 20px;
  padding-top: 0px;
}

.button-container {
  border-top: 1px solid #e4e4e4;
  padding-top: 10px;
}

.stepLabel span > svg > text {
  font-size: 14px;
}

.traker-show {
  display: block;
  padding-left: 0px !important;
}

.traker-hide {
  display: none;
}

.showAgentDownloadCont {
  display: block;
}

.hideAgentDownloadCont {
  display: none;
}

.cron-select-period label {
  font-size: 15px !important;
  margin: 5px 10px 10px 0px;
}

.cron-input.cron-monthly p {
  margin-top: 0px;
}

.tiketSystemEnabledLabel {
  font-size: 15px !important;
  margin: 10px 20px 20px 5px;
}

.ticket-gen-show {
  display: block;
}

.ticket-gen-hide {
  display: none;
}

.agentDownload {
  font-weight: bold;
}

.navbar {
  margin-bottom: 0;
  border-radius: 0;
}

.row.content {
  height: 450px;
}

.sidenav {
  padding-top: 20px;
  background-color: #f1f1f1;
  height: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  padding-top: 20px;
}

/* Style the sidenav links and the dropdown button */

.sidenav a,
.dropdown-btn {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}

/* Main content */

.main {
  margin-left: 200px;
  font-size: 20px;
  padding: 0px 10px;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */

.dropdown-container {
  display: none;
  background-color: #262626;
  padding-left: 8px;
}

/* Optional: Style the caret down icon */

.fa-caret-down {
  float: right;
  padding-right: 8px;
}

/* Some media queries for responsiveness */

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
  .sidenav a {
    font-size: 18px;
  }
}

#sideNav .navbar-nav .nav-item .nav-link {
  font-weight: 800;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
}

#sideNav .navbar-toggler:focus {
  outline-color: #d48a6e;
}

@media (min-width: 992px) {
  #sideNav {
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 26rem;
    height: 100vh;
    opacity: 0.9;
    z-index: 1;
  }
  #sideNav .navbar-brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 60px;
    padding: 0.5rem;
  }
  #sideNav .navbar-brand .img-profile {
    max-width: 10rem;
    max-height: 10rem;
    border: 0.5rem solid rgba(255, 255, 255, 0.2);
  }
  #sideNav .navbar-collapse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 100%;
    margin-bottom: auto;
    padding: 0;
    -margin-top: 35px;
  }
  #sideNav .navbar-collapse .navbar-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  #sideNav .navbar-collapse .navbar-nav .nav-item {
    display: block;
  }
  #sideNav .navbar-collapse .navbar-nav .nav-item .nav-link {
    display: block;
  }
}

.searchSE {
  padding: 0;
  margin: 100px 4px 15px 0;
}

a.list-group-item {
  color: #069;
  font-size: 16px;
  word-wrap: break-word;
}

.list-group-item-c {
  background: #fcfdfe;
  color: #1a2a6e !important;
  font-size: 13px !important;
  border-radius: 5px;
  text-align: left;
}

.list-group-item-sc {
  background: #66adea;
  color: #fff !important;
  font-size: 12px;
  border-radius: 5px;
}

a.list-group-item:hover,
a.list-group-item:focus {
  color: #222;
  text-decoration: none;
  background-color: #1c71bb;
}

.footer-main {
  clear: both;
}

.fa-caret-down {
  float: right;
  padding-right: 8px;
  font-size: 22px;
}

body {
  /* background: #e8eaec !important; */
}

a.list-group-item:hover,
a.list-group-item:focus {
  color: #fff;
}

.searchSE .btn-default {
  background: #029fe4;
  color: #fff;
  border: none;
  height: 35px;
  padding: 7px 12px 10px 14px;
}

.list-group-item-c .material-icons {
  float: left;
  font-size: 18px;
  padding-top: 3px;
  padding-right: 5px;
}

#iam_add {
  padding: 2px 15px !important;
  margin: -4px 0px 0px 7px;
  float: right;
}
.sticky.fixed #iam_add {
  margin-top: 0px;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.fileContent {
  /* margin: 5px; */
  /* padding: 10px; */
}

.col-md-2.userMatch {
  top: 36px;
  margin-left: -12px;
}

.col-md-2.soruserMatch {
  width: 24% !important;
  margin: 37px 0px 0px 0px;
}

/* .col-md-2.soruserMatch{
    top: 28px;
    margin-left: -15px;
} */

/* .sorcustRadioRow {
    margin-top: 10px;
    margin-left: -37px;
} */

.sodTable .dataTables_wrapper .dataTables_length {
  display: none !important;
}

.dataTables_wrapper .dataTables_length {
  float: right !important;
}

.dataTables_wrapper .dataTables_filter {
  float: left !important;
  /* margin-top: 5px; */
  text-align: right !important;
}

.dash-table .header {
  margin-left: 14px;
}
/* #delegationsearch{
    margin-left: 10px;
} */
.page_content {
  margin-left: -15px;
  margin-right: -13px;
}

.ActionDropdown-content .material-icons {
  font-size: 22px !important;
}

.MuiTypography-body1-77,
.jss329 {
  -font-size: 1.375rem !important;
}

.page_content {
  margin-left: 20px;
  margin-right: -13px;
  overflow: visible;
}

.react-table .material-icons {
  font-size: 16px;
}

.modal-footer .material-icons {
  font-size: 16px;
}

.riskChart {
  clear: both;
}

#csvForm input[type="file"] {
  height: 40px;
  padding: 8px 0px 7px 5px;
  background: #fbfbfb;
  border-radius: 5px;
  max-width: 800px;
}
#csvFormHr input[type="file"] {
  height: 40px;
  padding: 8px 0px 7px 5px;
  background: #fbfbfb;
  border-radius: 5px;
  width: 442px !important;
}
.circle {
  width: 90px;
  height: 85px;
  border-radius: 52%;
  color: #fff;
  line-height: 62px;
  text-align: center;
  background: #069;
  font-size: 26px;
  border: 9px solid #fff;
  margin: 1% 16% 11% 19%;
  font-weight: bold;
}

.searchSE h3 {
  font-weight: bold;
  font-size: 20px;
  padding: 1px;
  margin: 13px 1px 10px 24px;
}

.stepLabel > span > span {
  font-size: 15px;
}

.tableTextWrap {
  word-wrap: break-word;
  white-space: pre-wrap;
}

.EP_action {
  background-color: #5395cf !important;
  color: #fff !important;
  height: 20px !important;
  border: none;
  padding: 5px !important;
  min-width: 36px !important;
  min-height: 30px !important;
}

.EP_action .material-icons {
  font-size: 20px;
}

.pop-up_Menu {
  top: 0;
  left: 545px !important;
  bottom: 0 !important;
  position: absolute;
}

.MuiModal-root-3 {
  top: 0;
}

.MuiButtonBase-root-1 {
  color: #fff !important;
  border: 0;
  margin: 0;
  cursor: pointer;
  display: inline-flex;
  outline: none;
  padding: 0;
  position: relative;
  align-items: center;
  border-radius: 0;
  vertical-align: middle;
  justify-content: center;
  -moz-appearance: none;
  text-decoration: none;
  background-color: #5395cf !important;
}

.sub-items {
  margin-left: 98px !important;
  width: 150px !important;
  z-index: 1 !important;
}

.right_arrow {
  float: right;
}

.menu_popUp {
  width: 140px !important;
  margin-left: 65px !important;
  top: 15px !important;
  min-height: 12px;
  text-align: center !important;
  font-size: 1.5rem !important;
  z-index: 1 !important;
}

#simple-menu ul li {
  font-size: 1.3rem !important;
  text-align: center;
}

#multiple-menu ul li {
  font-size: 1.3rem !important;
  text-align: center;
}

#multiple-menu ul li a {
  color: #000;
}

.open_cam_td {
  white-space: normal;
}

.cep_title {
  background-color: #fff !important;
  margin-left: 5px;
  color: #2a6ca6;
  font-weight: bold;
}

.table-striped > tbody > tr:nth-child(2n + 1) > td {
  background-color: #fff !important;
}

.SubMenuItem ul {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.SubMenuItem {
  height: 15px !important;
}

.table_td_wrap {
  white-space: normal;
}

.myAccess_btn {
  margin-left: 25px !important;
}

.CampaignReportTabs {
  margin-top: 10px;
  width: 100%;
  padding-bottom: 0px !important;
}

.ReportTab,
.EffectivenessTab {
  min-width: 290px;
  font-size: 18px;
  cursor: pointer;
  color: #091432;
}

.CampaignEffectiveness {
  margin: 8px;
}

.ApplicationAccessContainer {
  display: flow-root;
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: white;
  text-align: center;
}

.ApplicationAccessContainer .header {
  text-align: left;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}

.ApplicationAccessContainer .thumbnail {
  height: 100px;
  position: relative;
  font-size: 12px;
}

.ApplicationAccessContainer .thumbnail .ep-logo-thumb {
  max-height: 50px;
}

.button-alert-error {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 0;
  height: 0;
  z-index: 2;
  border-style: solid;
  border-width: 36px 36px 0 0;
  border-color: #c35151 transparent transparent;
}

.alert-icon {
  position: absolute;
  top: -31px;
  left: 10px;
  color: white;
}

.ApplicationAccessContainer a {
  text-decoration: none;
  color: #000;
}

.RequestRasied {
  color: red;
  opacity: 0.5;
  background: #ccc;
}

.details-control button[disabled],
html input[disabled] {
  cursor: not-allowed;
}

.SubRole {
  margin-left: 50px;
}

.SubRoleCreated {
  width: 246px;
}

.SubRole tbody tr td {
  padding: 0px 0px 0px 0px !important;
}

.SubRoleName {
  width: 240px;
}

.SubRoleUpdated {
  width: 244px;
}

.img_apps {
  margin: 0 !important;
}

.apps_img {
  border-radius: 30% !important;
  height: 35px !important;
  padding-right: 6px !important;
}

.btn_app {
  padding: 0 10px !important;
}
.tooltip {
  min-width: 100px;
  /* word-break: break-all; */
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-left: -60px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.SAP.Login.URLLabel {
  padding: 0 !important;
}

/* .btn.btn-primary.btn-xs.endpoints {
    background-image: linear-gradient(to bottom, #07c7f1 0, #07c7f1 100%);
} */

.endPointBackButton {
  font-size: 13px;
  margin-right: 8px;
  padding: 5.2px 15px !important;
}

.LoadingAssessment {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 1;
}

.LoadingAssessment p {
  position: absolute;
  top: 40%;
  left: 45%;
  font-size: 16px;
  color: white;
}

/*details view styles*/
.tblGrid {
  width: 100%;
}
.tblGrid th {
  padding: 5px;
  white-space: normal;
  width: 29%;
}

.tblGrid.campaignDetails th {
  padding: 5px;
  white-space: normal;
  width: 72%;
}

.tblGrid td {
  font-size: 15px !important;
  font-weight: 400;
  width: 64% !important;
  line-height: 27px;
  vertical-align: baseline;
  white-space: normal;
  word-break: break-all;
  padding-left: 01px !important;
}

.tblGrid.GridAccess td {
  word-break: break-word;
  font-size: 15px !important;
  font-weight: 400;
  width: 50% !important;
  line-height: 27px;
  vertical-align: baseline;
  white-space: normal;
}

.Endpoints.react-table {
  height: 1000px;
}

/*Action PopUp menu*/

.material-icons.md-20 {
  font-size: 20px;
}

.nav_content {
  background-image: linear-gradient(to bottom, #2e6da4 0, #2e6da4 100%);
  color: #fff !important;
  border: none;
  padding: 2px !important;
  min-width: 36px !important;
  min-height: 20px !important;
  font-size: 16px !important;
  display: inline-block;
  border-radius: 5px;
  position: relative;
}

.nav_content_setup {
  background-image: linear-gradient(to bottom, #e1e1e7 0, #e1e1e7 100%);
  color: rgb(66, 63, 63) !important;
  border: none;
  padding: 2px !important;
  min-width: 54px !important;
  min-height: 30px !important;
  font-size: 16px !important;
  display: inline-block;
  border-radius: 5px;
  position: relative;
}

.nav_content .material-icons {
  font-size: 20px;
}

.ActionDropdown {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  text-align: left;
}

.ActionDropdown1 {
  position: relative;
  display: inline-block;
}

.ActionDropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  border-radius: 5px;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 100;
  top: 0px;
  left: 68px;
  cursor: pointer;
}
.ActionPopup .ActionDropdown-content {
  left: 68px !important;
}
.SyncHistory .ActionDropdown-content {
  left: 100%;
}

.ActionLeft .ActionDropdown-content {
  -left: 82px !important;
}

.ActionLeft1 .ActionDropdown-content {
  -left: 82px !important;
}

.ActionLeftSOR .ActionDropdown-content {
  -left: 82px !important;
}

.ActionLeftSOR1 .ActionDropdown-content {
  -left: 165px !important;
}

.MyAccess .CredEpname {
  padding-left: 10px !important;
}

.MyAccess .credentialCn .ActionDropdown-content {
  top: 26px;
  left: 25px;
}

.MyAccess .credentialCn {
  padding-left: 25px !important;
}

.MyAccess .ActionDropdown-content {
  top: 26px;
  left: 10px;
}

.MyAccess .group td {
  background: #ececec;
}

.MyAccess table {
  margin-bottom: 35px !important;
}

.ActionDropdown-content1 {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 150px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 100;
  top: -201px;
  left: 150px;
}

.ActionDropdown-content .child {
  color: #091432 !important;
  /* padding: 3px 20px; */
  text-decoration: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #cecece;
  padding: 0.5rem !important;
  font-size: 0.75rem;
  font-weight: normal;
}

.ActionDropdown-content .child:hover {
  background-color: #ddd;
}

/* .ActionDropdown:hover .ActionDropdown-content, .ActionDropdown1:hover .ActionDropdown-content1 {
    display: block;
} */
.ActionDropdown1:hover .ActionDropdown-content1 {
  display: block;
}
.ActionDropdown.open .ActionDropdown-content {
  display: block;
}

.ActionDropdown1 i {
  /* top: -5px; */
  position: relative;
}

.UserAccess .ActionDropdown,
.MyAccess .ActionDropdown {
  display: table-cell;
}

.form-group.col-md-4 {
  padding: 3px;
}

.adRoles {
  display: inline-block;
  font-size: 15px !important;
  font-weight: 400;
}

.adRoles:not(:last-child)::after {
  display: inline-block;
  white-space: pre;
  content: ", ";
}

.add-note {
  font-size: 14px;
  font-weight: normal;
}

.adRoles:last-of-type::after {
  display: inline-block;
  white-space: pre;
  content: ".";
}

.ApproverLevel {
  margin-right: 20px;
  height: 34px;
}

.Approver {
  width: 270px;
  padding-left: 8px;
}

.ApproverRow {
  margin: 20px 0px;
}

.dropdown-menu > .active > a {
  color: #fff !important;
}

.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff !important;
}
.dropdown-menu > .active > a {
  background-color: #fff;
}

/* whitespace*/

.col_whitespace {
  white-space: normal !important;
}

.list-group-item-d {
  background: #fcfdfe;
  color: #1a2a6e !important;
  font-size: 13px !important;
  border-radius: 5px;
  text-align: left;
}

.saveAppUser {
  margin-top: 35px;
}

.accessStatusMessage {
  margin-top: 35px;
  font-size: 16px;
  font-weight: bold;
}

.wrapperContainer {
  background-color: #f3f2f1  !important;
  /* margin-left: 22px;
	float: left;
	height: 300px;
	width: 65px;
	background: #F5F5F5;
	overflow-y: scroll;
	margin-bottom: 25px; */
}


.withRouter-Connect-DashBoardLayout {
  background-color: #fff;
  padding: 0px !important;
  margin-top: 0px !important;
  min-height: 0px !important;
}

.withRouter-Connect-DashBoardLayout {
  padding: 10px !important;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 6px;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  border-radius: 4px;
}

.campaignHeading {
  font-size: 18px;
}

/* styles for login page email and password icon*/

.inner-addon {
  position: relative;
}

/* style glyph */
.inner-addon .glyphicon {
  position: absolute;
  padding: 15px;
  font-size: 18px;
  pointer-events: none;
  color: #091432;
  z-index: 1;
}

/* align glyph */

.right-addon .glyphicon {
  left: 0px;
}

.right-addon .glyphicon {
  right: 0px;
}

/* add padding  */

.left-addon input {
  padding-left: 30px;
}

.right-addon input {
  /* padding-right: 30px; */
  height: 40px;
  font-size: 15px;
  font-weight: 400;
  width: 100%;
  margin-bottom: 20px;
  background: #fff;
  border-radius: 4px;
  padding: 0 30px 0 50px;
  border: 1px solid #b3b3b3;
}

body .react-table h2,
.temp-header h2 {
  font-size: 15px !important;
  font-weight: bold;
  color: #091432;
  /* margin-left:11px!important; */
}

.table.display.responsive tr.group td,
.table.display.responsive tr.managerEleRow td {
  padding-left: 6px !important;
}

.dataTables_wrapper label {
  font-size: 16px !important;
  color: #091432 !important;
}

.dataTables_wrapper .dataTables_length label {
  font-size: 14px !important;
  margin-top: 10px;
}

.dataTables_wrapper .dataTables_length label select {
  padding: 4px 6px;
}

.dataTables_filter input {
  padding: 3px 2px;
  color: #091432;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.SyncHistory .header {
  margin-bottom: 0px !important;
}

.deleteDelegate {
  background-color: #f94920;
}

.btnUpload,
#createUser {
  background: #029fe4 !important;
}

.btn.btn-primary.btn-xs.btn-wdt {
  padding-left: 16px;
}

#temp-table .btn-xs {
  padding: 5px 15px 5px 6px;
}

.ps__rail-y {
  display: block !important;
  opacity: 0.6 !important;
}

.altTOp {
  margin: 0px;
}

.cteulf {
  /* margin-top: 23px; */
  padding-right: 0px !important;
}

.col-md-8.uploadDate {
  padding-left: 0px !important;
  margin-left: 0px !important;
  margin-top: 15px;
  height: 112px !important;
  background-color: #ffff;
}

.uploadCreate {
  margin-right: -10px;
}

.sorting_1 a {
  text-decoration: none !important;
  font-weight: 500;
}

/* #camp-reports .sorting_1 a {
    color: #FFF !important;
} */

.ManageAttribute {
  margin: 110px 20px;
}

.alert.alert-warning {
  margin-top: 10px;
}

.assignDelegate {
  position: absolute;
  top: 100px;
  right: 111px;
}

.deleteDelegate {
  position: absolute;
  top: 100px;
  right: 26px;
}

wrapperContainer.react-table {
  padding-top: 10px;
}

/*  Sticky Header Styles  */

.sticky {
  background-color: transparent;
}

@media only screen and (min-width: 769px) {
  .fixed {
    border-top: 1px solid #ccc;
    position: fixed;
    top: 64px;
    left: 21.3%;
    width: 77.5%;
    height: 56px;
    padding-left: 10px !important;
    z-index: 99;
  }
  #epCreds .fixed,
  #epTable .fixed {
    top: 73px;
  }
  .open-campaign.fixed {
    top: 68px;
  }
  .sticky.miniActive.fixed {
    left: 6.4%;
    width: 92.4%;
  }
  .sticky.fixed h2 {
    margin-left: -12px;
    padding-left: 12px;
  }
  /*  Delgation & Campaign sticky header styles  */
  .DelegationHead.sticky.fixed {
    margin-top: 10px;
    padding-left: 11px !important;
    margin-bottom: 0px !important;
  }
  .DelegationHead.sticky.fixed .assignDelegate {
    right: 95px !important;
  }
  .DelegationHead.sticky.fixed .deleteDelegate {
    right: 10px;
  }
  /*  users sticky header styles  */
  #iamUsertbl h2.fixed {
    margin-top: 10px !important;
    border-top: none;
  }
  .iamuser.fixed #iam_add {
    margin-right: 10px;
  }
  .header.fixed .cteulf {
    padding-right: 10px !important;
    margin-top: 23px;
  }
  .iamuser.fixed .addUser {
    /* height: 130px; */
    background: #ffff;
    margin-left: -2px;
    border-bottom: 1px solid #ccc;
  }
  .header.fixed .help-block {
    margin-bottom: 0px;
  }
  .header.fixed .uploadDate {
    margin-top: 0px !important;
  }
  .manageApp.fixed .createTemp2 {
    right: 4px !important;
  }
  .fixed .opencamp_btn {
    right: 10px;
  }
  .fixed .createcamp_btn {
    right: 185px;
  }
  .fixed .btnCampaign {
    top: 12px;
  }
  .sticky.fixed .EpcGpBtn {
    position: absolute;
    top: 10px;
    right: 14px;
  }
  .sticky .EpcGpBtn {
    position: absolute;
    top: 9px;
    right: 10px;
  }
  .fixed .refreshBtn {
    position: absolute;
    top: -44px;
    right: 10px;
  }
  .sticky .campaignpreview_Back {
    position: absolute;
    top: 104px;
    right: 30px;
  }
  .sticky.fixed .campaignpreview_Back {
    top: 16px;
    right: 12px;
  }
  .sticky .EpcGpBtn {
    position: absolute;
    top: 50px;
    right: 30px;
  }
  .report_content .btn-top {
    /* margin-left: 20px; */
    float: right !important;
    margin-right: 30px;
  }
  .btn-top .cancelBtn {
    background: #a7a1a1 !important;
    color: #091432;
    margin-left: 10px;
  }
  /*.dataTables_wrapper {
        overflow: auto !important;
    }*/
  #CampaignTable_wrapper.dataTables_wrapper {
    overflow: inherit !important;
  }
  .hidden_m_icon {
    display: none !important;
  }
  .report-export {
    margin: 12px 0 5px 6px;
  }
}

.template .dataTables_wrapper {
  overflow: none;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #091432;
}
.refreshAssign {
  position: relative;
}
.viewElebtn {
  position: relative;
  margin-right: 20px;
  left: -10%;
}

.refreshBtn {
  position: absolute;
  top: -48px;
  right: 0px;
}

@media only screen and (max-width: 768px) {
  #campaignsearch {
    max-width: 90px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .Sort_By_Status {
    position: absolute;
    left: -289px;
    width: 100%;
    top: -25px;
  }
  .uploadCreate {
    margin-bottom: 0px;
    height: 130px;
  }
  .header .cteulf {
    margin-top: 0px;
  }
  .col-md-8.uploadDate {
    margin-top: 4px;
  }
  .uploadCreate .upload-user {
    margin-top: 4px;
    margin-bottom: 0px;
    font-size: 14px;
  }
  .sticky .campaignpreview_Back {
    display: none;
  }
  .createcamp_btn {
    position: absolute;
    top: 950px;
    right: 190px;
    font-size: 14px;
  }
  .opencamp_btn {
    position: absolute;
    top: 950px;
    right: 25px;
    font-size: 14px;
  }
  .refreshBtn {
    position: absolute;
    top: -77px;
    right: 0px;
  }
  .dataTables_wrapper label {
    font-size: 14px !important;
    color: #091432 !important;
  }
  .dataTables_length label {
    margin-bottom: 0px;
    margin-top: 10px;
  }
  .dataTables_filter label {
    margin: 5px 0;
  }
  #table_ep_filter label {
    margin: 20px 0;
  }
  #table_ep_wrapper .dataTables_length label {
    margin-top: 25px;
  }
  .CampaignTable .dataTables_wrapper {
    margin-top: 35px;
  }
  .dataTables_wrapper .dataTables_filter input {
    width: 85px;
    max-width: 150px !important;
  }
  .createTemp2 {
    position: absolute;
    top: 53px;
    left: 0px;
  }
  .ActionDropdown-content {
    top: 22px;
    text-align: initial;
    left: -60px;
    background-color: #fff;
    border: 1px solid #f1f1f1;
  }
  .ActionDropdown-content .child {
    box-shadow: 0px 1px 0px 0px #cccc;
  }
  .ActionDropdown-content1 {
    top: 44px !important;
    left: 0px !important;
    background-color: #fff;
  }
  #table_ep_wrapper,
  #camp-table_wrapper {
    overflow-x: scroll;
  }
  #tempMain .dataTables_wrapper {
    margin-top: 0px !important;
  }
}

@media (max-width: 411px) and (min-width: 320px) {
  .createcamp_btn {
    position: absolute;
    top: 996px;
    right: 185px;
    font-size: 14px;
  }
  .opencamp_btn {
    position: absolute;
    top: 996px;
    right: 25px;
    font-size: 14px;
  }
}

.manageApp .createTemp2 {
  right: -3px;
}

.scrollDel {
  top: 9px !important;
}

.endPointHeader {
  font-size: 16px;
  color: #333;
  margin-top: 10px;
  padding: 10px 10px 15px 5px;
}

.configurationHeader {
  margin-top: 10px !important;
  margin-bottom: 0px !important;
  font-weight: 400;
  font-size: 14px !important;
  color: #091432 !important;
}

.custRadio {
  padding-left: 0px !important;
}

.custRadioRow,
.tktSystem {
  margin-top: 10px;
}

.custRadioRow > .custRadio {
  padding-left: 19% !important;
  margin-bottom: -4%;
}
.tktSystem div label span {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  /* color: #091432; */
}

.endpointContainer {
  height: calc(100% - 230px);
  padding-right: 16px;
  padding-left: 16px;
}

.endpointContainer .endpointHeader {
  padding-left: 0px;
  margin-top: 8px;
  font-size: 20px;
}

.endpointsubmitbtn {
  margin-left: 10x;
  background: #029fe4 !important;
  border: #029fe4 !important;
}
.AddResetbtn {
  margin-bottom: 6px;
}
.ApproverAddButton {
  color: #029fe4 !important;
  font-size: 16px !important;
  margin-right: 12px;
  margin-left: 16px;
  height: 30px;
  cursor: pointer;
}

.addbtn {
  line-height: 42px;
}
.addbtn .endpointListBtn,
.addbtn .endpointListBtn:hover {
  padding: 6.5px 19px !important;
}

.form-control.ApprovalHierarchy:focus,
.form-control.ApprovalHierarchy {
  box-shadow: none !important;
}

/* notificationSettings_file checkboxes */

.nfAllCheck .custom-control-label,
.nfnCheck .custom-control-label {
  color: #091432;
  font-size: 14px !important;
  font-weight: 400;
}

.nfnCheck {
  margin-left: 18px;
  line-height: 2;
}

.custom-control.custom-checkbox.nfAllCheck {
  margin: 10px 10px;
}

/* .custRadioRow span span svg, .tktSystem span span svg, .endpointConfigCard span span svg  {
    color: #337ab7 !important;
} */

.updateEndpointConfig .invalid {
  box-shadow: 0 0 1px 1px #ff0000 !important;
}

.updateConfigurationHeader {
  margin-top: 20px;
  font-weight: 400;
  font-size: 18px !important;
  color: #091432 !important;
  margin-bottom: 10px;
}

.updateNotificationWrapper {
  margin-left: 15px;
}

/* .caretDown .fa-caret-down:before {
  padding-left: 5px;
  font-size: 22px !important;
  font-weight: 400;
} */

.sodWrapper {
  display: flex;
}

.createPolicybtn,
.createPolicybtn:hover {
  margin-left: 10px;
  min-width: 150px;
  width: 165px;
  height: 34px;
}

.makeBrand {
  font-size: 18px !important;
  /* color: #fff; */
  font-weight: 400;
  margin-bottom: 0px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  cursor: default;
}
.DashboardItem div {
  /* font-size: 18px !important; */
}
.HelpItem div {
  margin-right: 2px !important;
}
.makeBrand.faq-doc {
  font-size: 28px !important;
  margin-left: -6px;
}
.table.card-table {
  margin-bottom: 0px;
}

@media only screen and (max-width: 768px) {
  .makeBrand {
    font-size: 16px !important;
    font-weight: 600;
  }
  .graph {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.15);
    margin: 0px;
    margin-bottom: 5px;
    padding: 0px;
    text-align: center;
    transition: all 0.3s ease 0s;
    height: 360px !important;
    max-width: 323px !important;
  }
  .myChart {
    max-width: 323px !important;
  }
  .filter-campaign .label-width,
  .filter-campaign .form-group {
    width: auto !important;
    min-width: 75px;
    text-align: left;
    color: #333;
  }
  .chartGrid div {
    padding: -16px !important;
  }
  .wrapperContainer .container .replaced {
    visibility: hidden;
  }
  .wrapperContainer .container .replaced {
    visibility: visible;
    position: fixed !important;
    top: 22%;
    left: 45%;
    content: "SecurEnds";
    font-size: 20px;
    color: #343a40 !important;
    text-decoration: none;
    display: block;
    z-index: 99999;
  }
  .mbSidebarWrapper {
    height: calc(100vh - 70px);
  }
  .mbSidebarWrapper .SidebarMobile > div > div {
    color: #091432;
    font-weight: 400;
  }
  .mainSidebarWrapper .SidebarMobile div ul li {
    color: #091432 !important;
    font-weight: 400;
    font-size: 14px !important;
    width: 84%;
    text-overflow: ellipsis;
  }
  .mainSidebarWrapper > div {
    overflow-y: visible !important;
  }
}
.myChart canvas {
  cursor: pointer;
}
@media only screen and (min-width: 769px) {
  .sod_policy li a label.checkbox {
    width: 600px !important;
    white-space: normal;
  }
  .sod_policy .btn-group .dropdown-toggle,
  .sod_policy .btn-group.open .dropdown-toggle {
    width: auto;
    max-width: 674px;
  }
  .AppType {
    padding-left: 0px;
    padding-right: 7px;
  }
  .AppTypes {
    padding-right: 0px;
    padding-left: 7px;
  }
  .campaignGridCard {
    padding-right: 16px;
  }
  .campaignGridCard2 {
    padding-left: 16px;
  }
  .UserSet {
    margin-right: -52px;
  }
  .loggedUser {
    position: absolute;
    right: 5px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
  }
  .open-campaign.fixed {
    padding-left: 12px !important;
    margin-bottom: 0px !important;
    height: 50px;
    left: 21.8%;
    background: #f2f2f2;
  }
  .campaigns_report_table table.dataTable > tbody > tr.child span.dtr-title,
  .campaigns_report_Ef.table.dataTable > tbody > tr.child span.dtr-title {
    min-width: 170px !important;
  }
  .LandScapeTitle {
    display: none;
  }
  .APPName {
    line-height: 48px;
  }
  .dataTables_wrapper
    .table
    tbody
    tr:nth-last-child(1)
    .ActionDropdown-content1,
  .dataTables_wrapper
    .table
    tbody
    tr:nth-last-child(2)
    .ActionDropdown-content1,
  .dataTables_wrapper
    .table
    tbody
    tr:nth-last-child(3)
    .ActionDropdown-content1,
  .dataTables_wrapper
    .table
    tbody
    tr:nth-last-child(4)
    .ActionDropdown-content1,
  .dataTables_wrapper
    .table
    tbody
    tr:nth-last-child(5)
    .ActionDropdown-content1,
  .dataTables_wrapper
    .table
    tbody
    tr:nth-last-child(6)
    .ActionDropdown-content1 {
    top: -275px !important;
  }
  .dataTables_wrapper
    .table
    tbody
    tr:nth-last-child(1)
    .ActionDropdown-content1.sor-more,
  .dataTables_wrapper
    .table
    tbody
    tr:nth-last-child(2)
    .ActionDropdown-content1.sor-more,
  .dataTables_wrapper
    .table
    tbody
    tr:nth-last-child(3)
    .ActionDropdown-content1.sor-more,
  .dataTables_wrapper
    .table
    tbody
    tr:nth-last-child(4)
    .ActionDropdown-content1.sor-more,
  .dataTables_wrapper
    .table
    tbody
    tr:nth-last-child(5)
    .ActionDropdown-content1.sor-more,
  .dataTables_wrapper
    .table
    tbody
    tr:nth-last-child(6)
    .ActionDropdown-content1.sor-more {
    top: -120px !important;
  }

  .dataTables_wrapper
    .table
    tbody
    tr:nth-last-child(1)
    .ActionDropdown-content1.application-connector,
  .dataTables_wrapper
    .table
    tbody
    tr:nth-last-child(2)
    .ActionDropdown-content1.application-connector,
  .dataTables_wrapper
    .table
    tbody
    tr:nth-last-child(3)
    .ActionDropdown-content1.application-connector,
  .dataTables_wrapper
    .table
    tbody
    tr:nth-last-child(4)
    .ActionDropdown-content1.application-connector,
  .dataTables_wrapper
    .table
    tbody
    tr:nth-last-child(5)
    .ActionDropdown-content1.application-connector,
  .dataTables_wrapper
    .table
    tbody
    tr:nth-last-child(6)
    .ActionDropdown-content1.application-connector {
    top: -235px !important;
  }

  .dataTables_wrapper .table tbody tr:nth-last-child(1) .ActionDropdown-content,
  .dataTables_wrapper .table tbody tr:nth-last-child(2) .ActionDropdown-content,
  .dataTables_wrapper
    .table
    tbody
    tr:nth-last-child(3)
    .ActionDropdown-content {
    top: -118px !important;
  }

  .dataTables_wrapper
    #camp-table
    tbody
    tr:nth-last-child(1)
    .dropdown-menu.leftAlign,
  .dataTables_wrapper
    #camp-table
    tbody
    tr:nth-last-child(2)
    .dropdown-menu.leftAlign,
  .dataTables_wrapper
    #camp-table
    tbody
    tr:nth-last-child(3)
    .dropdown-menu.leftAlign {
    top: -120px !important;
  }

  #epCreds .table tbody tr:nth-last-child(1) .ActionDropdown-content1,
  #epCreds .table tbody tr:nth-last-child(3) .ActionDropdown-content1,
  .dataTables_wrapper
    .MobileviewTable
    tbody
    tr:nth-last-child(1)
    .ActionDropdown-content1,
  .dataTables_wrapper
    .MobileEntitleCDTable
    tbody
    tr:nth-last-child(1)
    .ActionDropdown-content1,
  #temp-ent-table tbody tr:nth-last-child(1) .ActionDropdown-content1 {
    /* top: -88px !important; */
  }
  .dataTables_wrapper
    .SyncHisCardTable
    tbody
    tr:nth-last-child(1)
    .ActionDropdown-content1,
  .dataTables_wrapper
    .SyncHisCardTable
    tbody
    tr:nth-last-child(2)
    .ActionDropdown-content1,
  .dataTables_wrapper
    .SyncHisCardTable
    tbody
    tr:nth-last-child(3)
    .ActionDropdown-content1,
  .dataTables_wrapper
    .SyncHisCardTable
    tbody
    tr:nth-last-child(4)
    .ActionDropdown-content1,
  .dataTables_wrapper
    #myaccess-table
    tbody
    tr:nth-last-child(1)
    td:first-child
    .ActionDropdown-content1,
  .dataTables_wrapper
    #myaccess-table
    tbody
    tr:nth-last-child(2)
    td:first-child
    .ActionDropdown-content1,
  .dataTables_wrapper
    #myaccess-table
    tbody
    tr:nth-last-child(3)
    td:first-child
    .ActionDropdown-content1,
  .dataTables_wrapper
    #myaccess-table
    tbody
    tr:nth-last-child(4)
    td:first-child
    .ActionDropdown-content1 {
    top: -132px !important;
  }
  .dataTables_wrapper
    .SyncHisCardTable
    tbody
    tr:nth-last-child(1)
    td:nth-last-child(4)
    .ActionDropdown-content1,
  .dataTables_wrapper
    .SyncHisCardTable
    tbody
    tr:nth-last-child(2)
    td:nth-last-child(4)
    .ActionDropdown-content1,
  .dataTables_wrapper
    .SyncHisCardTable
    tbody
    tr:nth-last-child(3)
    td:nth-last-child(4)
    .ActionDropdown-content1,
  .dataTables_wrapper
    .SyncHisCardTable
    tbody
    tr:nth-last-child(4)
    td:nth-last-child(4)
    .ActionDropdown-content1 {
    top: 0px !important;
  }
  .dataTables_wrapper
    #myaccess-table
    tbody
    tr:nth-last-child(1)
    .ActionDropdown-content,
  .dataTables_wrapper
    #myaccess-table
    tbody
    tr:nth-last-child(2)
    .ActionDropdown-content {
    top: 26px !important;
  }
  .dataTables_wrapper
    .MobileviewSODTable
    tbody
    tr:nth-last-child(1)
    .ActionDropdown-content,
  .dataTables_wrapper
    .MobileviewSODTable
    tbody
    tr:nth-last-child(2)
    .ActionDropdown-content {
    top: -10px !important;
  }
  .dataTables_wrapper
    .SyncHisCardTable
    tbody
    tr:nth-last-child(1)
    .ActionDropdown-content,
  .dataTables_wrapper
    .SyncHisCardTable
    tbody
    tr:nth-last-child(2)
    .ActionDropdown-content,
  .dataTables_wrapper
    .MobileviewEPETable
    tbody
    tr:nth-last-child(1)
    .ActionDropdown-content,
  .dataTables_wrapper
    .MobileviewEPETable
    tbody
    tr:nth-last-child(2)
    .ActionDropdown-content,
  .dataTables_wrapper
    .MobileCDEntitleTable
    tbody
    tr:nth-last-child(1)
    .ActionDropdown-content,
  .dataTables_wrapper
    .MobileCDEntitleTable
    tbody
    tr:nth-last-child(2)
    .ActionDropdown-content {
    top: -16px !important;
  }
  .dataTables_wrapper
    .MobileviewEPETable
    tbody
    tr:nth-last-child(1)
    .ActionDropdown-content1,
  .dataTables_wrapper
    .MobileviewEPETable
    tbody
    tr:nth-last-child(2)
    .ActionDropdown-content1,
  .dataTables_wrapper
    .MobileviewEPETable
    tbody
    tr:nth-last-child(3)
    .ActionDropdown-content1,
  .dataTables_wrapper
    .MobileviewEPETable
    tbody
    tr:nth-last-child(4)
    .ActionDropdown-content1,
  .dataTables_wrapper
    #camp-table
    tbody
    tr:nth-last-child(1)
    .ActionDropdown-content1,
  .dataTables_wrapper
    #camp-table
    tbody
    tr:nth-last-child(2)
    .ActionDropdown-content1,
  .dataTables_wrapper
    #camp-table
    tbody
    tr:nth-last-child(3)
    .ActionDropdown-content1,
  .dataTables_wrapper
    #camp-table
    tbody
    tr:nth-last-child(4)
    .ActionDropdown-content1,
  .dataTables_wrapper
    .MobileCDEntitleTable
    tbody
    tr:nth-last-child(1)
    .ActionDropdown-content1,
  .dataTables_wrapper
    .MobileCDEntitleTable
    tbody
    tr:nth-last-child(2)
    .ActionDropdown-content1,
  .dataTables_wrapper
    .MobileCDEntitleTable
    tbody
    tr:nth-last-child(3)
    .ActionDropdown-content1,
  .dataTables_wrapper
    .MobileCDEntitleTable
    tbody
    tr:nth-last-child(4)
    .ActionDropdown-content1 {
    top: 0px !important;
  }
  .dataTables_wrapper .table {
    min-height: 175px !important;
  }
  .col_whitespace {
    width: 60%;
  }
}

.dataTables_wrapper
  #camp-table
  tbody
  tr:nth-last-child(1)
  .dropdown-menu.Lastrows,
.dataTables_wrapper
  #camp-table
  tbody
  tr:nth-last-child(2)
  .dropdown-menu.Lastrows,
.dataTables_wrapper
  #camp-table
  tbody
  tr:nth-last-child(3)
  .dropdown-menu.Lastrows {
  top: -85px !important;
}

.mbSidebarWrapper .SidebarMobile > div > div svg {
  color: #091432;
  font-weight: 400;
}

.loggedUser {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

.disablePolicyBtn {
  margin-left: 6px;
  width: 125px;
  padding: 6px 15px !important;
}

.sodPolicyHeader {
  display: inline-flex;
  border-bottom: 1px solid #ccc !important;
  padding: 10px 0px;
  width: 100%;
}

.sodPolicyTitle {
  font-weight: 400;
  font-size: 18px;
  margin-top: 10px;
}

.sodPolicyExportButton,
.sodPolicyExportButton:hover {
  background-image: none;
  position: absolute;
  right: 26px;
}

#events_table {
  width: 100% !important;
}

.endPointRoles {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  margin: 10px 0px !important;
}

.endPointRolesInput {
  margin-bottom: 10px;
  margin-top: 5px;
}

.endPointRolesWrapper {
  width: 100%;
  max-height: 500px;
  overflow-y: auto;
  padding: 10px 0 30px 0;
  margin-top: 5px;
}

.endPointRolesContainer {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.emptyRolesWrapper {
  color: #aaaaaa;
}

.syncHead.fixed {
  height: 50px;
}

.tooltip-inner {
  max-width: 360px !important;
  height: auto;
  font-size: 12px;
  padding: 10px;
  background: #e8e8e8;
  color: #091432;
  border: 1px solid #2e6da4;
  text-align: left;
  backface-visibility: none;
}

.roleSearch {
  z-index: auto !important;
}

/* dataTable responsive */

table.dataTable.dtr-inline.collapsed
  > tbody
  > tr[role="row"]
  > td:first-child:before,
table.dataTable.dtr-inline.collapsed
  > tbody
  > tr[role="row"]
  > th:first-child:before {
  height: 14px;
  width: 14px;
  display: inline-block;
  color: #091432;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  font-weight: bold;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  line-height: 14px;
  content: "+";
  background-color: #e1e3e6;
  cursor: pointer;
  margin-right: 5px;
  margin-left: 5px;
}

table.dataTable.dtr-inline.collapsed
  > tbody
  > tr.parent
  > td:first-child:before,
table.dataTable.dtr-inline.collapsed
  > tbody
  > tr.parent
  > th:first-child:before {
  content: "-";
  background-color: #e1e3e6;
}

table.dataTable > tbody > tr.child ul.dtr-details {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

table#requestAudit-table.dataTable > tbody > tr.child ul.dtr-details {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 175px;
  font-weight: 600;
  font-size: 15px;
  padding-left: 20px;
  padding-right: 10px;
}

table#requestAudit-table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 135px;
  font-weight: 600;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 10px;
}
#table_pr > tbody > tr.child span.dtr-title {
  min-width: 75px;
}

.CampaignWarnImg {
  opacity: 0.8;
}

/*     Mobile Responsive Table Styles For manageApplications    */

@media only screen and (max-width: 760px),
  (min-device-width: 768px) and (max-device-width: 1024px) {
  .ActionDropdown {
    bottom: 3px;
  }
  .createcamp_btn .btn,
  .opencamp_btn .btn {
    padding: 5px 8px !important;
  }
  .AccesControlData .history-link {
    left: inherit;
    right: -215px !important;
    top: -98px;
    font-size: 17px;
    font-weight: 400;
    max-width: 110px;
  }
}

.endpointListCardWrapper {
  background-color: #ffffff;
  border: 1px solid #ddd;
  margin-bottom: 15px;
}

.endpointListCard {
  border-bottom: 1px solid #eee;
  padding: 20px 15px 40px 0px !important;
}

.endpointListLink {
  float: right;
  margin-top: -7px;
}

.endpointViewBtn,
.endpointEditBtn,
.endpointDisableBtn,
.endpointEnableBtn {
  margin-left: 5px;
}

.endpointEditBtn {
  margin-left: 5px;
}

.endpointListBtn {
  margin-right: 6px;
}

.ApproverAddButtonDisabled {
  pointer-events: none;
}

.endpointBackBtn {
  font-size: 13px;
  margin-left: 5px;
}

.endpointListType {
  text-align: right;
  display: inline-block;
}

.EPlist {
  margin-bottom: 15px;
  font-weight: 600;
}

.emptyApplicationList {
  padding: 15px;
  font-size: 16px;
}

.customerBtn {
  clear: both;
  float: left;
}

.custUpdateBtn {
  clear: both;
  float: left;
}

@media only screen and (max-width: 768px) {
  .policy_wrapper .col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
  }
  table.dataTable > tbody > tr.child span.dtr-data {
    max-width: 41%;
    padding-left: 6px;
    display: inline-block;
  }
  table.dataTable > tbody > tr.child span.dtr-title {
    width: 56%;
    color: #091432 !important;
    font-weight: 600;
    font-size: 15px;
    vertical-align: top !important;
  }
  #table_pr > tbody > tr.child span.dtr-data {
    max-width: 56%;
  }
  #table_pr > tbody > tr.child span.dtr-title {
    width: 40%;
  }
  table.dataTable.collapsed > tbody > tr > td.child:first-child {
    background-color: #fff !important;
  }
  table.dataTable.collapsed > tbody > tr > td ul li {
    padding: 5px 4px 4px;
    white-space: initial;
    word-break: break-all;
    border-bottom: 1px solid #e4e4e4;
  }
  table.dataTable.collapsed > tbody > tr > td ul li:last-child {
    border-bottom: 0px;
  }
  .nav_content {
    padding: 1px 2px 1px !important;
  }
  /* table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
        background-color: #ffa24b;
    } */
  .CampaignReportTabs {
    margin: 10px 12px;
    border-bottom: none;
  }
  .dash-table .table.dataTable tbody th,
  table.dataTable tbody td {
    padding: 7px 0px 5px 5px !important;
  }
  .MobileviewTable tbody tr td {
    padding: 12px 0px 12px 5px !important;
  }
  .filter-campaign .label-width {
    min-width: 110px;
  }
}

.react-table .table.dataTable td.dataTables_empty {
  display: table-cell !important;
  width: 50% !important;
  border: none;
  text-align: center;
}

.campaigns_report_table {
  margin: 0px 15px 0px 5px !important;
}

.report_content .btn-top {
  margin-left: 20px;
}
.btn-top .cancelBtn {
  background: #a7a1a1 !important;
  color: #091432;
  margin-left: 10px;
}

.danger-text {
  color: #ff2d29;
}

@media only screen and (max-width: 768px) {
  #ep-cred-table tbody > tr.child span.dtr-data {
    max-width: 60%;
    padding-left: 62px;
    display: inline-block;
  }
  #epTable .dataTables_wrapper {
    margin-top: 30px !important;
  }
  .ReqAccessView {
    position: absolute;
    right: 35%;
  }
  .ReqBtn {
    margin-bottom: 8px;
    margin-right: -8px !important;
  }
  .report_content .btn-top {
    position: absolute;
    left: 20%;
  }
  .btn-top .cancelBtn {
    background: #a7a1a1 !important;
    color: #091432;
    margin-left: 10px;
  }
  .report_content .nav-spacer {
    float: none;
  }
}

#TemplateEditor {
  padding-bottom: 30px;
  min-height: 550px !important;
}

#TemplateEditor #emailTemplates_Back {
  margin-top: 16px;
}

#TemplateEditor .tox.tox-tinymce {
  min-height: 550px !important;
  height: auto;
}

.tox-notification.tox-notification--in.tox-notification--error,
.tox-notification.tox-notification--in.tox-notification--error,
.tox-notifications-container .tox-notification--warning {
  display: none !important;
}

.AttrDeleteBtn {
  color: red !important;
  font-size: 18px;
  font-weight: 400;
  margin-top: 5px;
  margin-left: 0px;
  cursor: pointer;
}
.roles_dlt {
  color: red !important;
  font-size: 18px;
  font-weight: 400;
  margin-top: 3px;
  margin-left: 0px;
  cursor: pointer;
}
.AttrDeleteBtnDisabled {
  pointer-events: none;
  font-size: 18px;
  font-weight: 400;
  margin-top: 32px;
  margin-left: 5px;
}

.AttrDeleteBtn_se {
  color: red !important;
  font-size: 18px;
  font-weight: 400;
  margin-top: 26px;
  margin-left: -20px;
  cursor: pointer;
}

.AttrDeleteBtn_seDisabled {
  pointer-events: none;
  font-size: 18px;
  font-weight: 400;
  margin-top: 22px;
  margin-left: 5px;
}

@media only screen and (max-width: 768px) {
  .sodPolicyHeader {
    margin-bottom: 22px;
  }
  .AttrDeleteBtn,
  .AttrDeleteBtnDisabled {
    margin-top: -6px;
    margin-bottom: 10px;
  }
  .sodPolicyExportButton,
  .sodPolicyExportButton:hover {
    font-size: 12px;
    top: 148px;
  }
  .sod_policy .btn-group .dropdown-toggle,
  .sod_policy .btn-group.open .dropdown-toggle {
    min-width: 200px;
    width: 273px;
    max-width: 300px;
    margin-top: 10px !important;
  }
  .sod_policy ul.multiselect-container.dropdown-menu {
    width: 273px;
    max-width: 300px;
  }

 

  .rolesTitle {
    vertical-align: -webkit-baseline-middle;
    margin-bottom: -8px !important;
  }
}

.invalidEvent {
  box-shadow: 0 0 1px 1px red !important;
}

/* .endpointListBackBtn {
    font-size: 13px;
    margin-top: 20px;
} */

.CreateTemplate {
  position: absolute;
  margin-top: -38px;
  /* right: 26px; */
  left: 16%;
}
.CreateCampaign {
  position: absolute;
  -margin-top: -41px;
  /* right: 26px; */
  left: 225px;
}
.CreateTemplate .AddAppBtn {
  padding: 3px 20px !important;
}
.CreateCampaign .AddAppBtn {
  padding: 3px 20px !important;
}
/* .campaign_progress {
  position: absolute;
  left: 90%;
  margin-top: 10px;
} */
.campaign_progress {
  position: absolute;
  margin-top: -39px;
  right: 35px;
}

.campaign_progress_btn {
  position: absolute;
  margin-top: -39px;
  right: 35px;
}

.EmailTemplateListWrapper {
  min-height: 675px;
}

.EmailTempBack {
  margin-bottom: 0px !important;
  margin-right: 6px;
}

#email_templates {
  margin-bottom: 15px;
  clear: both;
}

.emailTempRadioGroup {
  margin-top: 20px;
}

.emailTempRadioGroup .col-md-12 {
  padding-left: 0px;
}

.EmailBodytitle {
  font-weight: 400;
  color: #091432;
  font-size: 14px !important;
}

.uploadCreate .upload-user {
  font-size: 14px;
}

.campaignGridCard .card-body,
.campaignGridCard2 .card-body {
  padding-top: 0px !important;
  margin-top: 0px !important;
}

.operatorAttribute {
  margin-left: -15px;
}

.conditionAttribute {
  margin-right: 5px;
}

.policyAttribute,
.conditionEvent {
  margin-right: 10px;
}

.syncFrequency {
  margin-left: 0;
  font-weight: 400;
}

selectedUserDetails div {
  font-weight: 400 !important;
}

.selectedUserDetails span {
  font-size: 15px !important;
  font-weight: 600;
}

.selectedUserDetails .userdetails {
  font-size: 15px !important;
  font-weight: 400;
}

/*table changes camp*/
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
  color: #091432 !important;
  font-weight: 400 !important;
  padding-top: 0.55em !important;
  padding-bottom: 0.5em !important;
  float: none !important;
  text-align: center !important;
}
.campaigns_report_table .dataTables_info,
.campaigns_report_table .dataTables_filter {
  margin-left: 10px !important;
}
campaigns_report_table .dataTables_paginate,
.campaigns_report_table .dataTables_length {
  margin-right: 10px !important;
}

/* .dataTable {
    border: 1px solid #ccc !important;
} */

table.dataTable,
table.dataTable th,
table.dataTable td {
  font-weight: 400 !important;
  color: #091432 !important;
}

/*  manage camp */

.modal-body {
  font-weight: 400 !important;
}

.modal-body,
.modal-header {
  color: #091432;
  font-size: 16px !important;
}

.modal-header .close span {
  color: #091432 !important;
}

.tblGrid tr th,
.modal-header h4 {
  font-weight: 400 !important;
  vertical-align: baseline;
}

.tblGrid tr th {
  font-size: 14px !important;
}

.modal-header h4 {
  font-size: 20px !important;
}

.checkbox label,
.modal-body .nav-tabs li a,
.dataTables_paginate a {
  color: #091432 !important;
}

.modal-body .nav-tabs li a:hover,
.modal-body .nav-tabs li a:active {
  color: #fff !important;
}

.modal-body .nav-tabs li a:hover {
  color: #091432 !important;
}

.dataTables_filter input {
  border: 1px solid #b3b3b3 !important;
}

.modal-body span.glyphicon.glyphicon-warning-sign {
  opacity: 0.7;
  margin-left: 10px;
}

.campaign-report p,
.filter-campaign .label-width {
  font-size: 14px !important;
  font-weight: 500;
  color: #091432;
}
.AcPrincipal {
  font-size: 14px !important;
  font-weight: 500;
  color: grey;
  margin-top: 14px;
}
.CampaignEffectiveness .label-width,
.CampaignEffectiveness .campDates {
  font-size: 15px !important;
  color: #091432;
  font-weight: 400;
}
#ac_addRow {
  background-color: #1967d2 !important;
}
#acClear {
  border: 1px solid #1967d2 !important;
  color: #1967d2 !important;
  background-color: white !important;
}
#closeSync {
  background-color: #1967d2 !important;
  color: white;
  border-radius: 0px !important;
}

.filter-campaign .multiselect-selected-text,
.filter-campaign .chartType,
.CampaignEffectiveness .multiselect-selected-text,
.CampaignEffectiveness .timeperiod {
  font-size: 14px !important;
  color: #091432;
  font-weight: 400;
}

.CampaignEffectiveness .checkbox,
.filter-campaign .checkbox,
.CampaignStDt,
.CampaignEdDt {
  font-size: 14px !important;
  color: #091432;
  font-weight: 400 !important;
}

.EpName {
  vertical-align: -webkit-baseline-middle !important;
}

/* .form-label, .LocaLiceRow label, .configurationHeader .form-label {
    font-weight: 400;
    font-size: 16px !important;
    color: #091432;
} */

.label {
  font-size: 13px !important;
  line-height: 1.42857;
  color: #091432;
  font-weight: 400;
}
.newform_lab {
  font-size: 13px !important;
}
#config_scroll {
  overflow-y: scroll;
}

.OthersRequestAccess h5 {
  margin-bottom: 0px;
}

.card-header h5 {
  padding-bottom: 10px;
}

.configHeader,
.OthersRequestAccess h5 {
  font-weight: 400;
  font-size: 18px !important;
  color: #091432;
}
.no_AppResult {
  padding: 10px 15px;
}
.endpointConfig {
  margin-top: 15px;
}

#backEnt {
  margin-top: -26px;
}

.configSettings label,
.ApproverAddButton,
.ApprovalHiera label,
.syncFrequency label,
.ApprovalHiera label,
.endpointConfig label,
#createEmailTemplate label {
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #091432;
}

#search-request-bar input,
#createEmailTemplate input {
  color: #091432;
  font-weight: 400;
  font-size: 0.75rem;
}

@media only screen and (max-width: 768px) {
  .endpointConfig label {
    line-height: 24px;
  }
  #roleRepotbl .table.dataTable.display tbody tr:first-child td {
    padding-left: 6px !important;
  }
  #syncModal table.dataTable.display tbody td,
  .AccesControlData table.dataTable tbody td:first-child,
  .AccesControlData table.dataTable tbody td:last-child {
    padding-left: 6px !important;
  }
  .delegateTable.dataTable.display tbody tr.odd,
  table.dataTable.order-column.stripe tbody tr.odd {
    display: inherit !important;
  }
  .AccesControlData table.dataTable tbody td:last-child {
    padding-right: 6px !important;
  }
  #camp-reports.table.dataTable.display tbody > tr > td:nth-of-type(2) {
    padding-left: 30px !important;
    display: table-cell;
    word-wrap: break-word;
    vertical-align: top;
    white-space: pre-line;
  }
  .entCredsData span {
    width: 156px !important;
    white-space: pre-line;
    word-wrap: break-word;
  }
  .entCredsData .EntitlementCreds {
    width: 155px !important;
    white-space: pre-line;
    word-wrap: break-word;
  }
  .CampaignReportMain .nav > li > a {
    padding: 5px 15px !important;
    line-height: 15px !important;
  }
  .endpointListCard {
    padding-bottom: 40px !important;
    padding-top: 10px !important;
  }
}
.CampaignReportMain .nav > li > a {
  padding: 12px 30px !important;
  line-height: 15px !important;
}
.table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
table.dataTable.display tbody tr.even > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fff !important;
}

table.dataTable.display tbody tr.odd > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #fff !important;
}

.control-label {
  font-size: 14px !important;
  color: #091432;
  font-weight: 400;
}

.control-label.oktaConfiguration {
  font-size: 16px !important;
  color: #091432;
  font-weight: 400;
  margin: 7px -60px 0px 0px;
}

.control-label.oktaApplications {
  font-size: 16px !important;
  color: #091432;
  font-weight: 400;
  margin: 9px 20px 0px 0px;
}

.custom-control-label,
.form-control {
  color: #091432;
  font-weight: 400;
}

.form-control {
  font-weight: 400;
}

.form-control.date-picker {
  font-weight: 400;
  width: 445px;
}
.form-control.date-picker.SOR {
  font-weight: 400;
  width: 518px;
}
.AcRow {
  margin-top: 15px !important;
}

.managerEleRow {
  color: #091432;
  font-weight: 500;
  font-size: 15px;
}

.TepmElements thead th {
  font-weight: 500 !important;
  font-size: 16px;
}

/* .MobileviewTable .sorting_1 a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 600;
} */

.GSettinds {
  font-size: 1.6em !important;
}

.entCredsData span {
  /* width: 170px; */
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: #091432 !important;
  vertical-align: top;
}

.entCredsData .EntitlementCreds {
  /* width: 75%; */
}

.entCredsData {
  margin-bottom: 10px;
  line-height: 2;
}

.EntitlementCreds {
  font-size: 15px !important;
  font-weight: 400;
}

.configurationAttribute {
  margin-right: 10px;
}

.licenseWrapper {
  margin-left: 15px;
}

.RemainderEmailDays::-webkit-inner-spin-button {
  opacity: 1;
}

.RemainderEmailDaysLabel {
  margin-top: 5px;
}

.AppNewOuNRoleContainer {
  margin-top: 5px;
}

.AppNewOuNRoleContainer .AppNewOuBtn,
.AppNewOuNRoleContainer .AppNewOUnRolesSubmit {
  margin-left: 12px;
}

.AppNewOuNRoleContainer .AppNewOuBtnRow,
.AppNewOuNRoleContainer .AppNewRolesBtnRow {
  margin-bottom: 8px;
}

.AppNewRoleTestConnBtn,
.AppNewRolesSubmitRow .AppNewOUnRolesSubmit {
  margin-left: 12px;
}

.AppNewRolesSubmitRow {
  margin-top: 5px;
}

.DynamicRowsContainer .AddDynamicRows {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.AddDynamicRows .RemoveRowsBtn {
  height: 36px;
}

.AppNewRolesBtn {
  text-align: right;
  margin-right: 28px;
  margin-top: 5px;
}

.AddNewRolesBtn .glyphicon-plus {
  margin-left: 16px;
}

.AddNewAppicationsBtn {
  margin-left: 106px;
  margin-bottom: 28px;
}

.AddNewOktaAppicationsBtn {
  margin-left: 130px;
  margin-bottom: 28px;
}

.AppRoleTestConnBtn,
.appRolesWrapper {
  margin-left: 15px;
}

.owner-box {
  vertical-align: top !important;
  font-size: 14px !important;
}
.entitle-text {
  font-size: 14px !important;
  margin-top: 10px !important;
}

.rolesAutocomplete div[style] {
  display: block !important;
  z-index: 9999;
}

.ReqAccessData {
  background-color: #f9f9f9;
  margin: 0px 0px 10px 0px;
  padding-top: 10px;
  margin-bottom: 0px;
  border-bottom: 1px solid #ddd;
  display: flex;
  display: -webkit-inline-box;
  border-radius: 4px;
}

.ReqAccessData p {
  color: #091432;
  font-size: 15px !important;
  font-weight: 600;
}

.card.m-2.ApproverCards {
  border: none;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0px;
}

.requestApproversList {
  list-style-type: none;
}

table.approversTable,
table.approversTable th,
table.approversTable tr td {
  border: 1px solid #e4e4e4;
  border-collapse: collapse !important;
  font-weight: 500 !important;
}

.approversTable tr td,
.approversTable th {
  padding: 6px;
}
.approversTable th {
  font-size: 15px;
  font-weight: 600 !important;
}
.Approvers-label {
  width: 75%;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.endpointConfigCard {
  background-color: transparent;
  padding: 8px 18px 20px 18px !important;
  border-radius: 0;
  border: none;
  margin: 20px 0px !important;
  box-shadow: none;
}
.endpointConfigCard.template-list.se-campaign-html-table-wrap{
  padding: 0px !important
}

.endpointConfigCard.steps {
  background-color: transparent;
  box-shadow: none;
  border: none;
  /* margin-top: -15px!important; */
}

.endpointConfigCard:last-child {
  padding: 8px 18px 25px 18px !important;
}

.AppRolesSubmit {
  background-color: #029fe4 !important;
  border-color: #029fe4 !important;
  margin-left: 10px;
}

.configSettingHeader {
  margin-left: 15px;
}

.newRoleWrapper {
  margin-right: 10px;
}

.duplicateRoles {
  display: inline-block;
  padding-left: 15px;
}

/* a.ReqAccessView {
    padding: 5px 25px !important;
} */

.ticketSystem {
  margin-top: -15px !important;
  margin-bottom: 10px !important;
}

.mb-10 {
  margin-bottom: -10px;
}

/* tree legend */

.legend {
  list-style: none;
}

.legend li {
  float: left;
  margin-right: 90px;
  font-size: 16px;
  color: #3a3a3a !important;
  font-weight: 600;
  width: 153px;
}

.legend span {
  border: 1px solid #bdbdbd;
  border-radius: 50%;
  float: left;
  width: 16px;
  height: 16px;
  margin: 2px;
}

.activeEnabled {
  margin-top: 20px;
}

.otpMessageHeader {
  font-size: 28px !important;
}

.loginmodal-container input[type="text"] {
  height: 50px;
  font-size: 15px;
  font-weight: 400;
  width: 100%;
  margin-bottom: 10px;
  background: #fff;
  border-radius: 4px;
  padding: 0 30px 0 50px;
  border: 1px solid #b3b3b3;
}

.ac_dropdown {
  /* float: right;
    min-width: 392px; */

  font-size: 14px !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid #eee !important;
}
#updateManagerData {
  float: right !important;
  min-width: 364px !important;
}

/* .treeExportBtn {
    position: absolute;
    right: 26px;
} */

.workflowconfigurationHeader {
  margin-left: 15px;
  margin-top: 10px !important;
  margin-bottom: 0px !important;
  font-weight: 400;
  font-size: 18px !important;
  color: #091432 !important;
}

.qrcode-logo-thumb {
  display: block;
  margin: 0 auto 0;
  max-height: 145px;
  max-width: 157px;
}

.mvpendingApprovalSave {
  display: inline-flex;
}

.updateUser {
  padding-top: 5px;
  text-align: right;
  margin: 0px 59px 0px 0px;
}

.autoComplete.update div,
.autoComplete.update div:focus {
  width: 78%;
}

.error-autocomplete {
  margin-top: 10px !important;
}

.reviwerError {
  margin-top: 35px !important;
}
/* Radio Toggle */

#direct-table .form-check label,
#managerApproval .form-check label,
#endElectionTable .form-check label,
#AccessControl-preview .form-check label,
#entEleTable .form-check label {
  position: relative !important;
  cursor: pointer !important;
  color: #b3b3b3 !important;
  font-size: 30px !important;
}

#direct-table .form-check input[type="radio"],
#managerApproval .form-check input[type="radio"],
#endElectionTable .form-check input[type="radio"],
#AccessControl-preview .form-check input[type="radio"],
#entEleTable .form-check input[type="radio"] {
  position: absolute !important;
  right: 9000px !important;
}

#direct-table .form-check .toggle input[type="radio"] + .label-text:before,
#managerApproval .form-check .toggle input[type="radio"] + .label-text:before,
#endElectionTable .form-check .toggle input[type="radio"] + .label-text:before,
#AccessControl-preview
  .form-check
  .toggle
  input[type="radio"]
  + .label-text:before,
#entEleTable .form-check .toggle input[type="radio"] + .label-text:before {
  content: "\f204" !important;
  font-family: "FontAwesome" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased !important;
  width: 1em !important;
  display: inline-block !important;
  margin-right: 10px !important;
}

#direct-table
  .form-check
  .toggle
  input[type="radio"]:checked
  + .label-text:before,
#managerApproval
  .form-check
  .toggle
  input[type="radio"]:checked
  + .label-text:before,
#endElectionTable
  .form-check
  .toggle
  input[type="radio"]:checked
  + .label-text:before,
#AccessControl-preview
  .form-check
  .toggle
  input[type="radio"]:checked
  + .label-text:before,
#entEleTable
  .form-check
  .toggle
  input[type="radio"]:checked
  + .label-text:before {
  content: "\f205" !important;
  color: #029fe4 !important;
  animation: effect 250ms ease-in !important;
}

#direct-table .form-check .toggle input[type="radio"]:disabled + .label-text,
#managerApproval .form-check .toggle input[type="radio"]:disabled + .label-text,
#endElectionTable
  .form-check
  .toggle
  input[type="radio"]:disabled
  + .label-text,
#AccessControl-preview
  .form-check
  .toggle
  input[type="radio"]:disabled
  + .label-text,
#entEleTable .form-check .toggle input[type="radio"]:disabled + .label-text {
  color: #aaa !important;
}

#direct-table
  .form-check
  .toggle
  input[type="radio"]:disabled
  + .label-text:before,
#managerApproval
  .form-check
  .toggle
  input[type="radio"]:disabled
  + .label-text:before,
#endElectionTable
  .form-check
  .toggle
  input[type="radio"]:disabled
  + .label-text:before,
#AccessControl-preview
  .form-check
  .toggle
  input[type="radio"]:disabled
  + .label-text:before,
#entEleTable
  .form-check
  .toggle
  input[type="radio"]:disabled
  + .label-text:before {
  cursor: no-drop;
  opacity: 0.6;
}
/* #direct-table .form-check .toggle input[type="radio"]:disabled+.label-text:before, #managerApproval .form-check .toggle input[type="radio"]:disabled+.label-text:before, #endElectionTable .form-check .toggle input[type="radio"]:disabled+.label-text:before, #AccessControl-preview .form-check .toggle input[type="radio"]:disabled+.label-text:before, #entEleTable .form-check .toggle input[type="radio"]:disabled+.label-text:before {
    content: "\f204" !important;
    color: #ccc !important;
} */
.header_faq {
  font-size: 21px !important;
}

.content_faq h4 {
  font-weight: 500;
  color: #091432;
}

.pulse_notifications span {
  display: block;
  box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
  animation: pulse 2s infinite;
}

.pulse_notifications > span:hover {
  animation: none;
}

@keyframes pulse_notifications {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}

#table_ep .custom-control-label::after,
#table_ep .custom-control-label::before,
#delegate-table .custom-control-label::after,
#delegate-table .custom-control-label::before {
  top: -0.7rem;
  border: 1.5px solid #2e6da4 !important;
  border-radius: 3px;
  width: 1.8rem !important;
  height: 1.7rem !important;
}

.custom-control-label::before {
  border: 1.5px solid #2e6da4 !important;
  width: 1.8rem !important;
  height: 1.7rem !important;
}

.report_content .nav-tabs {
  border-bottom: none;
}

.report_content .nav {
  zoom: 1;
}

.report_content .nav li {
  list-style: none outside none;
  float: left;
  position: relative;
}

.nav li:after {
  right: -10px;
}

.report_content .tab-content {
  color: #091432;
  padding-top: 10px;
  padding-left: 10px;
  border: 1px solid #e1e3e6 !important;
  border-radius: 3px !important;
}

.report_content .nav-tabs > li > a {
  background-color: #e1e3e6 !important;
  color: #091432 !important;
  margin-right: 0px !important;
  float: left;
  text-decoration: none;
  border: none !important;
  border-radius: 6px 6px 0 0 !important;
  border-bottom: 1px solid #ddd !important;
}
.report_content .nav > li > a.active:hover,
.report_content .nav > li > a.active:focus,
.report_content .nav > li > a.active {
  background: #045e9a !important;
  color: #fff !important;
}
/*userCredential delegations css*/
.userCredentialMain .nav > li > a {
  padding: 5px 15px !important;
  line-height: 15px !important;
}
.userCredential_content .nav-tabs {
  border-bottom: none;
}

.userCredential_content .nav {
  zoom: 1;
}

.userCredential_content .nav li {
  list-style: none outside none;
  float: left;
  position: relative;
}
.userCredential_content .tab-content > .active {
  color: #091432;
  padding-top: 10px;
  padding-left: 10px;
  border: 1px solid #e1e3e6 !important;
  border-radius: 3px !important;
  margin-right: 10px !important;
  margin-bottom: 10px !important;
}
.userCredential_content .tab-content {
  color: #091432;
  padding-top: 10px;
  padding-left: 10px;
  border: 1px solid #e1e3e6 !important;
  border-radius: 3px !important;
}

.userCredential_content .nav-tabs > li > a {
  background-color: #e1e3e6 !important;
  color: #091432 !important;
  margin-right: 0px !important;
  float: left;
  text-decoration: none;
  border: none !important;
  border-radius: 6px 6px 0 0 !important;
  border-bottom: 1px solid #ddd !important;
}
.userCredential_content .nav > li > a.active:hover,
.userCredential_content .nav > li > a.active:focus,
.userCredential_content .nav > li > a.active {
  background: #045e9a !important;
  color: #fff !important;
}

.WindowsShare .list-group-item {
  font-size: 14px;
  margin: 0px 0px -1px 0px;
}

.WindowsShare a.list-group-item:hover,
.WindowsShare a.list-group-item:focus {
  color: rgb(48, 113, 169);
  text-decoration: none;
}

.WindowsShare .list-group-item.active,
.WindowsShare .list-group-item.active:focus,
.WindowsShare .list-group-item.active:hover {
  color: rgb(48, 113, 169);
  border-color: #ddd;
}

.WindowsShare a.list-group-item:hover,
.WindowsShare a.list-group-item:focus {
  color: rgb(48, 113, 169);
}

.WindowsShare li.list-group-item {
  color: rgb(48, 113, 169);
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  color: #091432 !important;
  font-size: 14px;
  text-align: center;
  border-top: 1px solid #66afe96b;
}
.table > tbody > tr > td a.endpoints {
  color: #0078d4;
  /* text-decoration: underline; */
  font-weight: 600;
}
.table > tbody > tr > td.text-left,
.table > thead > tr > th.text-left {
  text-align: left;
}

.campaignGridCards .card-body {
  padding: 2px !important;
}
.EpcLabel {
  width: 88px;
}
#epSync,
.cteulf #btnUpload {
  padding: 6px 15px 5px 15px !important;
}

.internetWrapper {
  position: fixed;
  z-index: 999999;
  top: 65px;
  left: 29%;
  width: 42%;
  background-color: #3c3939;
  padding: 8px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
}

.nonetworkicon {
  font-size: 18px;
  margin-right: 10px;
}

.sod_policy {
  margin-top: 10px;
}

.rolesTitle {
  margin-right: 5px;
}

.campaignDataReport {
  min-height: 332px;
  font-size: 20px;
  text-align: center;
  line-height: 332px;
}

.sod_policy span.multiselect-selected-text {
  white-space: pre-line;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Create_Mulitselect .dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  color: #091432;
  background-color: #e1e3e6 !important;
}

.create_policy {
  margin-bottom: 5px;
}
#dash_card_0:hover,
#dash_card_7:hover {
  background-color: #003a63;
}
#dash_card_1:hover,
#dash_card_6:hover {
  background-color: #ff8019;
}
#dash_card_2:hover,
#dash_card_5:hover {
  background-color: #009ea0;
}
#dash_card_3:hover,
#dash_card_4:hover {
  background-color: #029fe4;
}
#dash_card_0:hover,
#dash_card_1:hover,
#dash_card_2:hover,
#dash_card_3:hover,
#dash_card_4:hover,
#dash_card_5:hover,
#dash_card_6:hover,
#dash_card_7:hover {
  color: #fff !important;
  border: none;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: ease-in-out all 0.3s;
  transition: all 0.3s ease-in-out;
}
.policyAttribute label {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.ExpansionPanelError {
  border: 1px solid red;
}
@media screen and (min-width: 1900px) {
  .fixed {
    left: 15% !important;
    width: 84.2% !important;
  }
  .sticky.miniActive.fixed {
    left: 4.6% !important;
    width: 94.4% !important;
  }
  .help-section .col-md-10 {
    width: 86%;
    left: 14%;
  }
  .help-section .col-md-2 {
    width: 14%;
  }
  .help-section p {
    font-size: 16px !important;
  }
  .help-section .sub_head {
    font-size: 20px !important;
  }
  .help-section .nav > li > a {
    font-size: 18px !important;
  }
}
@media screen and (min-width: 1600px) {
  /* .container {
      
    } */
}
/*  Help-section Styles  */
.help-section .nav > li {
  margin: 5px 10px 0 10px;
  border-radius: 4px;
}
.help-section .nav > li > a {
  padding: 4px 15px !important;
  font-size: 15px;
  color: #091432 !important;
  font-weight: 600;
}
.help-section .flex-column li a:hover,
.help-section .flex-column li a:active,
.help-section .flex-column li a:focus {
  color: #091432 !important;
  background-color: #fff !important;
  border-radius: 4px;
}
.help-section .flex-column li.active {
  color: #091432 !important;
  border-radius: 4px;
}
.help-section .flex-column li a:hover,
.help-section .flex-column li.active a.active {
  color: #006598 !important;
}
.faq .tab-content .container {
  background-color: #fff;
  border: none;
}
.help-section {
  border-radius: 4px;
  margin: 20px 0 20px -16px;
  display: inline-block;
}
.help-section .col-md-2 {
  padding-left: 0px !important;
  padding-right: 0px !important;
  z-index: 9999;
  position: fixed;
  left: 0%;
  background-color: #fff;
  padding-top: 5px;
  margin-top: -17px;
  border-top: 1px solid #eae9e9;
  overflow-y: scroll !important;
  height: calc(100vh - 150px) !important;
}
.help-section .col-md-10 {
  position: absolute;
  color: #091432;
  z-index: 1028;
  padding: 0px;
}
.faq .tab-content h3 {
  padding: 0px 0px 4px 0px !important;
  margin-top: 0px;
  border-bottom: 1px solid #b3b3b3;
  font-size: 22px;
  font-weight: 600;
}
.faq .tab-content .sub_head {
  font-weight: 600;
}
.faq .tab-content {
  min-height: 550px;
  margin-left: 15px;
  margin-right: 10px;
  padding-bottom: 80px;
}
.help-section .faq .tab-content .container {
  padding: 13px !important;
}
.screens_info {
  border-bottom: 1px solid #c5c5c5;
  padding-bottom: 20px;
}

.sqlQuerytext {
  width: 100%;
  height: 80px;
  border-radius: 3px;
  word-spacing: normal;
}
@media screen and (min-width: 1920px) {
  .sqlQuerytext {
    width: 100%;
  }
}
.connectorType {
  padding: 0;
}
.generalSettings_radio {
  margin-top: 10px;
}
.remoteAgent {
  margin-top: 29px;
}
.tox-notifications-container {
  display: none !important;
}

.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
  color: #091432 !important;
  font-weight: 600 !important;
}

#applicationRejectButton.custom_danger {
  padding: 5px 24.5px;
}

.selectDropDownSOD .multiselect-native-select {
  width: 100%;
  display: block;
}
.selectDropDownSOD .multiselect-native-select .caret {
  margin-left: 0;
  width: 10px;
  height: 10px !important;
  border: none;
  font-family: "Glyphicons Halflings";
  position: relative;
  top: -4px;
  font-size: 12px;
}
.selectDropDownSOD .multiselect-native-select .caret::before {
  content: "\e259";
}

.selectDropDownSOD .multiselect-native-select .btn-group {
  width: 100%;
}

.sod_policy .multiselect-native-select .btn-group .dropdown-toggle {
  width: 100% !important;
  white-space: pre-line !important;
}
.footer_section .form-control {
  width: auto !important;
  float: right;
  margin-top: -8px;
  margin-right: 16px;
}
/* .treeSpots>div>div>ul {
    margin-left: -38px;
} */
.react-table .AppReptHead {
  z-index: 1024;
}
.AppReportWrapper {
  height: 156px;
}
.appRept {
  margin-left: 7px;
}
button[disabled],
button[disabled].custom__pg:hover {
  cursor: no-drop !important;
  opacity: 0.5;
}

.Emailtemps td .material-icons {
  float: unset !important;
}
.policyAttribute .btn-group button.multiselect {
  white-space: normal !important;
}
.updateNotificationWrapper
  .custom-control-input:disabled
  ~ .custom-control-label {
  cursor: not-allowed;
  color: #8898aa !important;
}
.tkt-review {
  margin-left: 16px;
  padding-top: 15px;
}
.notifyManager .row,
.notifyManager .col-md-2 {
  padding-left: 0px;
  padding-right: 0px;
}
.notifyManager .col-md-5 {
  padding-left: 0px;
  padding-right: 10px !important;
}
.notifyManager .um-selection {
  padding-left: 9px !important;
  padding-right: 15px !important;
  margin-right: -6px !important;
}
.windows-share .list-group-item {
  margin-top: 0px;
}
.um-save {
  margin-top: 2px;
}
.table .approval-check .custom-control-label::after,
.table .approval-check .custom-control-label::before {
  top: 0 !important;
}
.react-table.filter-campaigns .filter-campaign-select {
  width: 20% !important;
}
.conditionAttribute select option,
.tkt-system div select option {
  text-transform: capitalize !important;
}
.endpointConfigCard input[type="password"] {
  padding-left: 10px !important;
  height: 34px !important;
  margin-bottom: 0px !important;
}
.MobileviewSODTable .SODActions {
  white-space: pre-line !important;
  width: 60% !important;
}
.readCheck {
  cursor: pointer;
}
.list-group-item-text,
.list-group-item-heading,
.Notification_date,
.readCheck,
.mark_all_as_read,
.list-group-item.unread {
  color: #091432 !important;
}
.list-group-item-heading {
  font-size: 18px;
}
.notification_header {
  margin-bottom: 15px;
}
.cust-header .notifyCount {
  background-color: #009ea0;
}
/* firefox issues */
@-moz-document url-prefix() {
  .col-12.history-link {
    left: 273px;
  }

  .table_container .Sort_By_Status {
    left: 30%;
  }

  #csvForm input[type="file"] {
    padding: 0px 0px 7px 5px;
  }
  .custom-control-label::before,
  #table_ep .custom-control-label::after,
  #table_ep .custom-control-label::before,
  #delegate-table .custom-control-label::after,
  #delegate-table .custom-control-label::before {
    border: 2.5px solid #2e6da4 !important;
  }
  .cron-select-period .quantity-left-minus {
    margin-left: -97px !important;
  }
  /* custom scroll for firefox */
  .summaryCardBodyScroll {
    scrollbar-width: none;
  }
  .summaryCardBodyScroll:hover {
    scrollbar-width: thin;
    scrollbar-color: #3a3c3f #ffffff;
  }
}

/* add new roles and update screen pwd box height issue */
.configSettings input[type="password"],
.updatePwd input[type="password"] {
  height: 34px !important;
  padding: 0 30px 0 13px;
}
.dataTables_length select {
  padding: 6px;
  border-radius: 4px;
}
.dataTables_wrapper input[type="search"] {
  border-radius: 4px;
}

.cron-select-period .quantity-left-minus {
  margin-left: -37px;
}
.cron-select-period .input-group {
  margin-left: 34px;
}
.cron-select-period .form-control {
  padding: 7px 20px;
}
.cron-select-period .glyphicon-plus,
.cron-select-period .glyphicon-minus {
  color: #091432;
}
/* .treeSpots .custom__pg.treeExportBtn {
    padding: 5px 10px;
} */
/* custom scroll in summary cards */
.summaryCardBodyScroll::-webkit-scrollbar {
  width: 10px;
  background-color: #ffffff;
  border-bottom-right-radius: 6px;
}
.summaryCardBodyScroll:hover::-webkit-scrollbar-thumb {
  background-color: #a4aab2;
  border-bottom-right-radius: 5px;
}
.new_logo {
  margin-top: 40px;
  margin-left: 318px;
}
.updatepwd {
  /* margin: 28px 0px 0px 213px; */
  /* width:30.666%!important;
    margin-top:11px!important */
}
.list_type {
  font-size: 13px;
  color: grey;
  margin-left: 40px;
  line-height: 37.5px;
  list-style-type: circle;
  font-weight: normal;
}
.input_text {
  /* background-color: rgb(208, 213, 219)!important; */
  padding: 3px !important;
  width: 132% !important;
}
.show_pwd {
  font-size: 11px !important;
  color: rgb(19, 100, 206);
}
.reset_chnage {
  width: 17.666%;
  margin-left: 266px;
  margin-top: 20px;
  background-color: rgb(208, 213, 219) !important;
  padding: 0px !important;
}

#changePassword_cancel {
  background-color: #1967d2 !important;
  color: white !important;
}
.para_grp {
  font-size: 14px !important;
  /* margin-top: 13px; */
  /* margin-left: 115px; */
  /* text-align: right; */
  /* color: grey; */
  font-weight: 900;
}
.modal-body.body-dd {
  padding: 0px !important;
}

.lab_txt {
  color: grey;
  font-weight: bold;
}
.help_sec {
  font-size: 18px;
  color: #000;
  font-weight: 600;
}
.content_sec {
  margin-top: 25px;
  font-size: 13px;
  text-align: left;
  margin-left: 30px;
  color: #000;
}
.header_contnent {
  margin-left: 244px;
  font-size: 18px;
  color: darkgray;
  font-weight: 600;
}
.row_style {
  margin-top: 15px;
  /* margin-left: 125px!important; */
  width: 50%;
}
.labels_text {
  font-weight: normal;
  color: grey;
  font-size: 14px !important;
  margin-top: 11px !important;
}
.reser_pwd {
  /* margin-left:273px; */
  /* margin-top:20px; */
  background-color: lightgray;
  border-radius: 10px;
}
/* .identityInfo{
    margin-left:237px
} */

.login_inp {
  padding: 4px !important;
  width: 130.667% !important;
  border: 1px solid rgb(103, 194, 230) !important;
}

/* manage camp */
#csv_group label {
  display: block;
}

.form-group.col-md-6.datePicker {
  margin-top: 30px;
}

.react-datepicker-popper {
  z-index: 999 !important;
}
.logView {
  margin-top: 20px;
}
.loggerViewScroll {
  max-height: 350px;
  overflow-y: auto;
}
/* .viewScroll {
  max-height: 520px;
  overflow-y: scroll;
} */
.viewScrollRequest {
  max-height: 500px;
  overflow-y: scroll;
}
/* 19-6-19 */
/* update app cb disable */
.updateEndpointConfig
  .tkt-review.custom-checkbox
  .custom-control-input[disabled]
  ~ .custom-control-label,
.custom-checkbox
  #fetchInactiveUsers.custom-control-input[disabled]
  ~ .custom-control-label {
  cursor: no-drop !important;
}
.datePicker .react-datepicker-wrapper {
  display: block;
}
/* 24-6-19 */
textarea.form-control {
  resize: vertical;
}
/*inActiveUsers styles*/
.inActiveUsers {
  margin-top: 30px;
}
.col-md-12.sal_roles {
  padding-left: 5px !important;
}
.dragItem {
  background-color: #003a63;
  border: none;
  color: white;
  padding: 2px 0px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 2px 2px;
  border-radius: 6px;
  float: left;
  cursor: pointer;
  width: 23%;
}
.csv-input {
  background-color: #003a63;
  border: none;
  color: #f1eaea;
  padding: 8px 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 6px 3px;
  border-radius: 5px;
  cursor: pointer;
  width: 23%;
}
.endpointConfigDragCard {
  overflow: hidden;
}
.react-csv-input label {
  font-weight: bold !important;
}
/*configuration scroll top sticky styles*/

.endpointConfigDragCard.sticky.fixed {
  height: auto !important;
  top: 50px !important;
  right: 1px !important;
}

.form-group.reminderSelectBox .form-control {
  width: 46%;
  display: inline-block;
}
.Sort_By_Status #fstatus {
  padding: 4px 5px;
}
.campaignAssignments .modal-header {
  background-color: #337ab7;
  border-radius: 5px;
  color: #fff !important;
}
.campaignAssignments .modal-header .close {
  color: #ffffff;
}
.cmpmsg {
  margin: 10px;
}

.csvHeaders {
  margin-top: 25px;
  min-height: 23px !important;
  padding: 0;
  font-size: 13px;
}
.csvCofig input::-webkit-input-placeholder {
  /* Edge */
  color: #e2dcdc;
}

.csvCofig input:-ms-input-placeholder {
  /* Internet Explorer */
  color: #e2dcdc;
}

.csvCofig input::placeholder {
  color: #e2dcdc;
}
.effect {
  border: 2px solid #337ab7;
}
/*popup loaders for managecampaign*/
.modal-content .popUpLoader {
  text-align: center;
}
.modal-content .fa-spinner-icon .fa-spinner {
  top: -3px;
  right: 7px;
  color: #2e6da4;
}

#Login_submitt .fa-spinner-icon .fa-spinner {
  top: -5px;
}
.csvConfigSettings label {
  font-size: 13px !important;
  font-weight: 500 !important;
}

/*CSV file upload styles*/
.downloadLink {
  margin-top: 55px;
  font-size: 15px;
  font-weight: bold;
}
.uploadFile {
  padding: 10px;
  margin: 10px;
}

#csvForm .help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 3px;
  color: #091432;
  font-weight: bold;
}
span.downIcon.glyphicon.glyphicon-download-alt {
  margin-right: 5px;
}
.invalidMsg {
  color: red;
  font-weight: bold;
  padding: 10px;
  margin: 10px;
  text-align: center;
}
td.details-control {
  background: url("https://cdn.rawgit.com/DataTables/DataTables/6c7ada53ebc228ea9bc28b1b216e793b1825d188/examples/resources/details_open.png")
    no-repeat center center;
  cursor: pointer;
}
tr.shown td.details-control {
  background: url("https://cdn.rawgit.com/DataTables/DataTables/6c7ada53ebc228ea9bc28b1b216e793b1825d188/examples/resources/details_close.png")
    no-repeat center center;
}

.additionalValue {
  text-align: center;
  border: 1px solid #ccc;
  width: auto;
  margin: 1px;
  word-break: break-word;
  padding: 2px;
  height: 25px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.additionalKey {
  float: left;
  width: 50%;
  padding: 2px;
  margin: 1px;
  border: 1px solid #ccc;
  background: #f9f9f9;
  height: 25px;
  word-break: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.directEl {
  font-size: 13px;
}
.userValue {
  margin-left: 5px;
}
span#add_button.custom__pg {
  padding: 7px 15px;
}
#iamUserForm .AttrDeleteBtn {
  margin-left: 0px;
}
#iamUserForm .row .col-md-1 {
  padding-left: 0px;
}
select.form-control {
  cursor: pointer;
}
button.custom__pg.userPolicyExportButton {
  margin-right: 15px;
  margin-top: -4px;
  padding: 2px 15px;
  float: right;
}

/* .sticky.fixed button.custom__pg.userPolicyExportButton, */
.iamuser.sticky.fixed .add_new_user,
.iamuser.sticky.fixed #pending_requests,
.iamuser.sticky.fixed #linkRequestAccess {
  /* margin-top: 0px !important; */
  margin-top: 6px !important;
}
.iamuser.sticky.fixed #all_requests {
  margin-top: 15px !important;
}
.AppConfig .endpointConfigCard button.custom_primary {
  margin-left: 30px;
}
/*csv upload headers*/
.csv-main-div .btn-grp button.btn.btn-primary {
  background: #188ae2;
  padding: 0.375rem 1rem;
}

.pl0 {
  padding-left: 0px;
  text-align: center;
}

.csv-fields .form-control {
  border: 1px solid #ccc;
  border-radius: 3px !important;
  height: 25px;
  font-size: 12px;
  padding: 3px 12px;
}
.sorupload {
  padding: 5px;
  background: #fcfbfb;
  border-radius: 4px;
  border: 1px solid #cccccc !important;
  /* padding-bottom: 30px !important; */
  /* margin-top: 25px; */
  margin-bottom: 25px;
  margin-right: 10px;
  overflow: hidden;
  min-height: 125px;
}
.upload {
  padding: 5px;
  background: #fcfbfb;
  border-radius: 4px;
  border: 1px solid #cccccc !important;
  /* padding-bottom: 30px !important; */
  margin-top: 25px;
  margin-bottom: 25px;
  overflow: hidden;
  min-height: 125px;
}

.upload form span {
  font-weight: 600;
  font-size: 14px;
}

.upload label.custom-file-label {
  height: 44px;
  line-height: 35px;
  color: #444;
  font-weight: bold;
}

.upload .custom-file-label::after {
  content: "Browse" !important;
  height: 42px;
  vertical-align: middle;
  line-height: 30px;
  padding: 0.375rem 1.05rem !important;
  font-weight: 600;
  /* IE10+ */
  background-image: -ms-linear-gradient(top, #fafafa 0%, #efefef 100%);

  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #fafafa 0%, #efefef 100%);

  /* Opera */
  background-image: -o-linear-gradient(top, #fafafa 0%, #efefef 100%);

  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #fafafa),
    color-stop(100, #efefef)
  );

  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #fafafa 0%, #efefef 100%);

  /* W3C Markup */
  background-image: linear-gradient(to bottom, #fafafa 0%, #efefef 100%);
}

/*system of record page input css*/
.sorupload label.custom-file-label {
  height: 44px;
  line-height: 35px;
  color: #444;
  font-weight: bold;
}

.sorupload .custom-file-label::after {
  content: "Browse" !important;
  height: 42px;
  vertical-align: middle;
  line-height: 30px;
  padding: 0.375rem 1.05rem !important;
  font-weight: 600;
  /* IE10+ */
  background-image: -ms-linear-gradient(top, #fafafa 0%, #efefef 100%);

  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #fafafa 0%, #efefef 100%);

  /* Opera */
  background-image: -o-linear-gradient(top, #fafafa 0%, #efefef 100%);

  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #fafafa),
    color-stop(100, #efefef)
  );

  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #fafafa 0%, #efefef 100%);

  /* W3C Markup */
  background-image: linear-gradient(to bottom, #fafafa 0%, #efefef 100%);
}

button.btn.btn-primary.grey {
  background: #e5e5e5 !important;
  border: none;
  color: #000;
}

.csv-fields {
  -overflow-y: auto;
  -max-height: 459px;
  overflow-x: hidden;
  /* margin-bottom: 37px; */
}

.csv-fields form {
  margin-right: 35px;
}

.Mapped-data {
  background: #fcfbfb;
  width: 100%;
  -height: 459px;
  border: 1px solid #dee2e6;
  padding: 10px 15px;
  -max-height: 459px;
  overflow: hidden;
  margin-bottom: 37px;
}

.custom-file-input {
  max-width: 75%;
}

.upload label.custom-file-label {
  max-width: 70%;
  margin-left: 15px;
}

.sorupload label.custom-file-label {
  max-width: 80%;
  margin-left: 15px;
}

.custom-file a {
  color: #188ae2;
  line-height: 45px;
  margin-left: 25px;
}

.custom-file a img {
  width: 25px;
  color: green;
  fill: green;
}

.btn.btn-primary.exportlcass {
  margin: 0px 15px;
}

.csv-fields .form-control:focus {
  outline: none;
  box-shadow: none;
}

.csv-fields select::-ms-expand {
  display: none;
}

.csv-fields select {
  -webkit-appearance: none;
  appearance: none;
}

@-moz-document url-prefix() {
  .csv-fields .ui-select {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
  }

  .csv-fields .ui-select select {
    width: 110%;
    background-position: right 30px center !important;
    border: none !important;
  }
}

.csv-fields .form-group select.form-control {
  background-image: linear-gradient(45deg, transparent 50%, white 50%),
    linear-gradient(135deg, white 50%, transparent 50%),
    linear-gradient(to right, #188ae2, #188ae2) !important;
  background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), 100% 0 !important;
  background-size: 4px 4px, 5px 5px, 2.9em 2.5em !important;
  background-repeat: no-repeat !important;
}
.custom-file-label {
  position: absolute;
  top: 25px;
  right: 0;
  left: 0;
  /* z-index: 1; */
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.upload .custom-file-label::after {
  content: "Browse" !important;
  height: 42px;
  vertical-align: middle;
  line-height: 30px;
  padding: 0.375rem 1.05rem !important;
  font-weight: 600;
  background-image: -ms-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background-image: -moz-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background-image: -o-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #fafafa),
    color-stop(100, #efefef)
  );
  background-image: -webkit-linear-gradient(top, #fafafa 0%, #efefef 100%);
  background-image: linear-gradient(to bottom, #fafafa 0%, #efefef 100%);
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  /* z-index: 3; */
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}
.sample-file {
  float: right;
  margin-top: 20px;
}
.col-md-6.cteulf.pull-right {
  right: -35px;
  /* right: 65px; */
}
.upload-content {
  display: flex;
  justify-content: flex-end;
}
.users-upload-btn {
  margin-right: 30px;
  margin-left: -50px;
  margin-bottom: 20px;
}
.col-md-6.cteulf.csvbtn {
  float: right;
  right: -15px;
  margin-top: 10px;
}
.custom-file input[type="file"] {
  display: none !important;
}

.csvTableResults {
  margin-top: 20px;
  border-top: 1px solid #ccc;
}
/* .mappedValue {
    -height: 19px;
    margin-top: 10px;
    font-size: 19px !important;
    font-weight: bold !important;
} */
.mappedContent {
  /* height: 26.5px; */
  /* margin-bottom: 15px; */
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 15px !important;
  padding-left: 5px;
  color: #6a6a6a;
}
.mappedValue .map {
  font-size: 22px;
  color: #188ae2;
  width: 25px;
  margin-left: -25px !important;
}
.panel {
  margin-top: 10px !important;
}
.form-group.csv_fields {
  margin-top: 1px !important;
  margin-bottom: 1px;
}
.mapping-fields label {
  font-size: 0.75rem !important;
}
.manditory-fields-header {
  background: #d8d9da;
  padding: 5px 10px;
  border-bottom: 1px solid #737373;
}
.manditory-fields {
  border-bottom: 1px solid #ccc;
  padding: 10px;
}
/* .form-group.mapping-fields {
    border: 1px solid #0000006b;
} */
.form-group.mapping-fields .note {
  background: #e5f2fd;
  padding: 10px;
  border-top: 1px solid #0000006b;
  border-bottom: 1px solid #0000006b;
  font-size: 0.75rem;
  line-height: 1.2rem;
}
.iamuser.sticky.fixed .uploadCreate {
  margin-right: -10px;
}
.iamuser .uploadCreate {
  margin-right: 0px;
}
.iamuser.sticky .col-md-3.uploadDate {
  margin-top: 8px;
  padding-left: 0px;
  margin-bottom: 20px;
}
.iamuser.sticky .custRadioRow {
  margin-top: 18px;
  margin-left: -40px;
}
.iamuser .cteulf {
  margin-top: 21px;
}
.iamuser.sticky.fixed .fileContent {
  /* margin : 16px 5px  2px -4px; */
  margin: 0px 0px 0px -14px;
}
.loginWithEmail .login100-form-title {
  font-size: 23px;
}
.loginModal .modal-content {
  height: 365px !important;
}
.custom-dialog.loginModal {
  width: 52% !important;
}
.loginModal .emailMsg .material-icons {
  font-size: 200px;
}
.loginModal .loginInboxcont .material-icons {
  width: 1em;
  height: 1em;
  overflow: hidden;
  font-size: 195px;
  color: #52b3de;
  user-select: none;
  flex-shrink: 0;
}
.loginInboxcont1 {
  margin: 0 auto;
  width: 30%;
}
.loginModal .loginInboxcont1 .material-icons {
  width: 1em;
  height: 1em;
  overflow: hidden;
  font-size: 120px;
  color: #52b3de;
  user-select: none;
  flex-shrink: 0;
}

.spinert {
  margin-top: -7px !important;
}

.loginInbox {
  color: #52b3de;
}
.loginModal .invalidCnt .riskChart {
  margin: 15% auto;
}
.invalidCnt .loginmodal-submit {
  background-color: #52b3de;
}
.loginModal .noEmail .riskChart {
  margin: 15% auto;
}
.loginModal .emailLink .riskChart {
  margin: 8% auto;
}
.loginModal .loginInbox .material-icons {
  width: 1em;
  height: 1em;
  overflow: hidden;
  color: #52b3de;
  font-size: 32px;
  user-select: none;
  flex-shrink: 0;
}
.loginInboxcont {
  align-items: center;
  margin: 25% auto;
}
.closeModals {
  border: 1px solid #ccc;
  border-radius: 30px;
  padding: 2px 8px 4px 8px;
  height: 29px;
  width: 29px;
  font-size: 15px;
  color: #ffffff;
  background: #52b3de;
  float: right;
  font-weight: bold;
  font-family: cursive;
  cursor: pointer;
  margin: 0px;
}
.loginModal .modal-content .Login_submitt {
  width: 7% !important;
}
.loginModal .loginmodal-submit {
  width: auto;
}
.uiScale-ui--regular .ui-body,
.uiScale-ui--regular .ui-summary {
  --x-height-multiplier: 0.342 !important;
  --baseline-multiplier: 0.22 !important;
  font-family: medium-content-sans-serif-font, "Lucida Grande",
    "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif !important;
  letter-spacing: -0.02em !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  font-size: 19px !important;
  line-height: 24px !important;
  -webkit-transform: translateY(-1.32px);
  transform: translateY(-1.32px);
}
.loginCloseBtn {
  float: right;
  background: #52b3de;
  width: 83px;
  height: 43px;
  border-radius: 80px;
  color: #fff;
  padding: 5px;
  border: 1px solid #ccc;
  font-size: 16px;
}
.wrapword {
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -webkit-pre-wrap; /*Chrome & Safari */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS3 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  word-break: break-all;
  white-space: normal;
}
.inbox {
  display: inline-block;
  margin: 3px 2px 2px 10px;
  vertical-align: top;
}
#exTab2 .tab-content {
  color: white;
  background-color: #fff;
  padding: 5px 15px;
}
#exTab2.container {
  padding-left: 0px !important;
  padding-right: 0px !important;
  background: #11aaec96;
  width: auto;
  overflow: hidden;
}
#exTab2 .nav-tabs > li.active > a,
#exTab2 .nav-tabs > li.active > a:focus,
#exTab2 .nav-tabs > li.active > a:hover {
  background-color: #003a63;
}
#exTab2 .tab-content > .active {
  min-height: 400px;
}
.downloadEntitlements {
  float: right;
}
.entitlementAssignContent .endPointRolesInput {
  width: 69.5%;
  left: 45px;
}
.endPointRolesInput {
  margin-bottom: 10px;
  margin-top: 5px;
}

#exTab2 .ac_dropdown {
  background: #11aaec !important;
}

#credentialSave {
  margin: 25px 14px 6px 31px;
  width: 100px;
  height: 37px;
  font-size: 18px;
}
.dataTables_wrapper .dataTables_processing {
  z-index: 99;
  top: 65%;
}
.global-loader.UpdateApp {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwcHgiICBoZWlnaHQ9IjEyMHB4IiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIGNsYXNzPSJsZHMtcm9sbGluZyIgc3R5bGU9ImJhY2tncm91bmQ6IG5vbmU7Ij48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiBmaWxsPSJub25lIiBuZy1hdHRyLXN0cm9rZT0ie3tjb25maWcuY29sb3J9fSIgbmctYXR0ci1zdHJva2Utd2lkdGg9Int7Y29uZmlnLndpZHRofX0iIG5nLWF0dHItcj0ie3tjb25maWcucmFkaXVzfX0iIG5nLWF0dHItc3Ryb2tlLWRhc2hhcnJheT0ie3tjb25maWcuZGFzaGFycmF5fX0iIHN0cm9rZT0iIzAwYzNlZCIgc3Ryb2tlLXdpZHRoPSIyIiByPSIxNSIgc3Ryb2tlLWRhc2hhcnJheT0iNzAuNjg1ODM0NzA1NzcwMzMgMjUuNTYxOTQ0OTAxOTIzNDQ3IiB0cmFuc2Zvcm09InJvdGF0ZSgzMTEuOTMgNTAgNTApIj48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgY2FsY01vZGU9ImxpbmVhciIgdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPjwvY2lyY2xlPjwvc3ZnPg==) no-repeat 50% 15%
    rgb(232, 234, 236, 0.5);
}
.bulk_assign_file {
  margin-top: 15px;
}
.col-md-12.bulk_endpoint {
  margin-left: -28px;
}
.approveAndRevoke {
  float: right;
  margin: 5px 36px 4px 3px;
}
.approveAndRevoke1 {
  float: right;
  margin: 15px 36px 16px 3px;
}
#save_Election,
#approveAllElections,
#revokAllElections,
#approveAllElectionsBottom,
#revokAllElectionsBottom {
  margin: 5px;
  padding: 4px 15px 4px 15px;
}

.election-nav-button #save_Election,
.election-nav-button #approveAllElections,
.election-nav-button #revokAllElections,
.election-nav-button #approveAllElectionsBottom,
.election-nav-button #revokAllElectionsBottom {
  padding: 0 10px;
}
#revokAllElectionsBottom,
#revokeAll {
  /* background-color: #ca5858 !important; */
}
/* #revokAllElections{
    background-color: #ca5858 !important;
} */
.custom-control1 {
  text-align: center;
  font-size: 21px;
  font-weight: 900 !important;
  -border-radius: 20px;
  background: #eaeaea;
  padding: 0;
}

.campbtnall {
  margin: 5px;
}

.campbtnallData {
  margin: -30px 0px 0px 463px;
}

.dt-fix.reviewAll {
  padding: 0px;
  height: 600px;
}
#electionModal .custom-dialog {
  width: 40% !important;
}

.electionBt {
  margin-left: 35%;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-right: 5px;
}
#electionModal .modal-header,
#electionLoaderModal .modal-header {
  background-color: #193d5b;
  color: #fff !important;
}
#electionModal .modal-header .close span {
  color: #ffffff !important;
}
.page-section {
  /* height: 48px;
    width: 50%;
    margin-left: 35%;
    margin-top: 5%; */
  padding: 3em;
  background: linear-gradient(45deg, #43cea2 10%, #185a9d 90%);
  color: white;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
}
.etypeElec {
  font-weight: 600 !important;
}
.elecProcessingContent {
  margin-top: 50px;
  margin-bottom: 50px;
}
.electionModal1 {
  margin-top: 150px;
  width: 31% !important;
}
.elecProcessing {
  text-align: center;
}
#electionLoaderModal .custom-dialog {
  width: 30% !important;
}
.elecProcessing {
  text-align: center;
}
.entitlementAssignContent .downloadEntitlements {
  position: fixed;
  z-index: 99;
  right: 64px;
  top: 180px;
}

/* NEW CSS added on 27-AUG-2019 */

/* The container */
.radio-container {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.radio-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  margin-top: 2px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .radio-checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .radio-checkmark {
  background-color: #2196f3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .radio-checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .radio-checkmark:after {
  top: 6px;
  left: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
}

#iam_add .custom_primary {
  padding: 10px 16px !important;
  border-radius: 4px;
}
#iam_add.custom_primary.add_new_user {
  padding: 8px 16px !important;
  margin-top: 4px;
  border-radius: 4px;
}

.drop-maindiv ul.dropdown-menu:last-child {
  margin-top: -27px !important;
  width: 175px;
  left: 61px !important;
}
.drop-maindiv .dropdown.btn-group.btn-group-default span.caret {
  display: none;
}
.drop-maindiv button.dropdown-toggle.btn.btn-default {
  /* background: #11aaec; */
  /* color: #333;
    background-color: #fff;
    border-color: #ccc; */
  padding: 4px 11px;
  margin-left: 2px;
}
.dropdown.open.btn-group.btn-group-default
  button.dropdown-toggle.btn.btn-default {
  background: #003a63;
  border: 1px solid #003a63;
}
#pending_requests {
  margin-top: 4px;
  border-radius: 4px;
  padding: 9px 14px;
  margin: 1px 0;
  float: right;
}
#all_requests {
  margin-top: 10px !important;
  border-radius: 4px;
  margin: 1px 0;
  float: right;
}
#linkRequestAccess {
  padding: 5px 15px !important;
}

div#all_requests a#linkRequestAccess,
div#pending_requests a {
  /* padding: 10px 14px !important; */
  padding: 8px 12px !important;
}

/* div#pending_requests a {
    padding: 10px 14px !important;
} */

.drop-maindiv.drop-extra ul.dropdown-menu {
  /* left: -40px;
    margin-top: -30px!important;
    position: initial;
    z-index: 9999; */
  -left: 100px !important ;
  -margin-top: -24px !important;
  position: absolute;
  z-index: 1000;
  -width: 148px;
}

button.custom__pg.userPolicyExportButton {
  float: right;
  /* margin-top: 7px; */
  padding: 6px 12px !important;
  margin-top: 6px;
  border-radius: 4px;
  margin-left: 12px;
}
.drop-maindiv .react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
  left: -210px !important;
}

.drop-maindiv .react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
  /* left: -35px !important; */
  right: 0px !important;
}
.react-datepicker-popper[data-placement^="top"] {
  right: 0px !important;
}
.row.iamuser.sticky {
  margin: 0;
}

#iamUsertbl .rt-noData {
  z-index: 2;
}
.drop-move ul.dropdown-menu li {
  float: left;
  width: 173px;
}
#iamUsertbl .drop-move ul.dropdown-menu {
  /* width: 370px; */
  /* max-width: 500px;
        float:right; */
  top: -70px !important;
}
.drop-move ul.dropdown-menu:last-child {
  /* left: -620px; */
  margin-top: -85px !important;
}

/* .ReactTable .rt-tr-group:nth-last-child(1) .dropdown-menu, .ReactTable .rt-tr-group:nth-last-child(2) .dropdown-menu {
        top:-48px !important;
      } */

.ReactTable .rt-tr-group:nth-last-child(1) .dropdown-menu.GenReports,
.ReactTable .rt-tr-group:nth-last-child(2) .dropdown-menu.GenReports {
  /* top: 25px !important; */
  top: -6px !important;
  position: relative;
  left: 92px !important;
}

.ReactTable .rt-tr-group:nth-last-child(1) .dropdown-menu.campaignPopUp,
.ReactTable .rt-tr-group:nth-last-child(2) .dropdown-menu.campaignPopUp {
  top: -177px !important;
}
.ReactTable .rt-tr-group:nth-last-child(3) .dropdown-menu.campaignPopUp,
.ReactTable .rt-tr-group:nth-last-child(4) .dropdown-menu.campaignPopUp {
  top: -145px !important;
}

.ReactTable .rt-tr-group:nth-child(1) .dropdown-menu.campaignPopUp,
.ReactTable .rt-tr-group:nth-child(2) .dropdown-menu.campaignPopUp,
.ReactTable .rt-tr-group:nth-child(3) .dropdown-menu.campaignPopUp,
.ReactTable .rt-tr-group:nth-child(4) .dropdown-menu.campaignPopUp {
  top: 33px !important;
}

.ReactTable .rt-tr-group:nth-last-child(1) .dropdown-menu.campaignPopUpCO,
.ReactTable .rt-tr-group:nth-last-child(2) .dropdown-menu.campaignPopUpCO,
.ReactTable .rt-tr-group:nth-last-child(3) .dropdown-menu.campaignPopUpCO,
.ReactTable .rt-tr-group:nth-last-child(4) .dropdown-menu.campaignPopUpCO {
  top: -90px !important;
}

.inactive.drop-move ul.dropdown-menu:last-child {
  left: -492px !important;
  margin-top: -64px !important;
}
#iamUsertbl .drop-move .react-datepicker-popper {
  /* top: -190px !important; */
}

@media screen and (min-width: 1271px) and (max-width: 1366px) {
  #iam_add .custom_primary {
    padding: 6px 12px !important;
    border-radius: 4px;
    font-size: 13px;
  }

  #iam_add.custom_primary.add_new_user {
    /* padding: 8px 12px !important; */
    padding: 6px 12px !important;
    border-radius: 4px;
    font-size: 13px;
    margin-top: 6px;
  }

  .ReactTable .rt-table {
    overflow: auto !important;
  }
}

/* 
==================================================
Srinvias Nagaram Styles Start
==================================================
*/
.signin-icon {
  float: left;
  font-size: 30px;
  padding-right: 10px;
  color: #337ab7;
}
.ReactTable .rt-resizable-header {
  box-shadow: none !important;
  background: rgba(0, 0, 0, 0.01);
}

#iamUsertbl .ReactTable .rt-resizable-header {
  background-color: #e9e9e9;
  box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0) !important;
  /* border: solid 1px #ccc; */
}
#iamUsertbl .ReactTable .rt-thead.-header,
.ReactTable .rt-thead.-header {
  box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.ReactTable .rt-resizer:before {
  display: inline-block;
  position: absolute;
  right: 14px;
  top: 6px;
  height: 18px;
  width: 18px;
  color: transparent;
  content: ".";
  background-size: 18px 18px;
}
.ReactTable .rt-resizable-header-content:after {
  position: absolute;
  right: 8px;
  top: 3px;
  height: 18px;
  width: 18px;
  color: transparent;
  content: ".";
}
.ReactTable .rt-th.-sort-asc .rt-resizer:before {
  background-image: url(/build/assets/media/7516f79ea650b030fa4a.7516f79e.svg);
}
.ReactTable .rt-th.-sort-desc .rt-resizer:before {
  background-image: url(/build/assets/media/b7e6d3e82769a6704431.b7e6d3e8.svg);
}

/* The container */
.radio-container {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.radio-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  margin-top: 2px;
  background-color: #cecece;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .radio-checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-container input:checked ~ .radio-checkmark {
  background-color: #2196f3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-checkmark:after {
  content: "";
  position: absolute;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .radio-checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .radio-checkmark:after {
  top: 6px;
  left: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
}

/* .rt-tr-group .rt-pivot ~ .rt-td{
      display: none !important;
}  */

.custom_primary,
.custom_info,
.custom__lg,
.custom_default,
.custom__pg,
.custom_pien,
.custom_warning,
.custom_danger,
.custom_secondary,
.custom_success {
  border-radius: 3px !important;
}

.ReactTable.-striped .rt-tr.-odd {
  background: #fff !important;
}

/* .ReactTable.-striped .rt-tr.-even {
    background: #f7f7f7 !important;
}  */
.ReactTable .pagination-bottom {
  background: #fbfbfb;
}
.campaignAssinment .rt-table .rt-thead .rt-th:first-child {
  display: none !important;
}
.campaignAssinment .rt-td {
  overflow: hidden !important;
}

.ReactTable .-pagination .-btn {
  font-weight: bold !important;
  font-size: 1em !important;
  color: #444 !important;
  background: #fff !important;
  border: 0px solid #ededed !important;
  opacity: 9 !important;
}
.ReactTable .-pagination {
  border-top: 0px solid #ccc !important;
}

.ReactTable .-pagination .-btn[disabled] {
  visibility: visible !important;
}

.DirectElectionsTable .rt-table .rt-thead .rt-th:first-child,
.DirectElectionsTable .rt-table .rt-td:first-child {
  display: none !important;
}
.DirectElectionsTable .rt-expander {
  display: none !important;
}
.DirectElectionsTable .rt-thead.-header {
  /* padding: 5px 0; */
  /* border-bottom: 4px solid #d2d2d2; */
}
.DirectElectionsTable .rt-thead .rt-resizable-header {
  background: #fff;
}

.DirectElectionsTable .rt-tbody .rt-expandable {
  display: inline;
}
.DirectElectionsTable .rt-tbody > .rt-tr-group > .rt-tr:first-child {
  background: #f0f0f0 !important;
}
.DirectElectionsTable .rt-tbody .rt-td {
  line-height: 28px;
}
.DirectElectionsTable {
  margin-top: 25px;
}
.DirectElectionsTables {
    margin-top: 0px;
  }
.EntCustodianElectionsTable .rt-table .rt-thead .rt-th:first-child,
.EntCustodianElectionsTable .rt-table .rt-td:first-child {
  display: none !important;
}
.EntCustodianElectionsTable .rt-expander {
  display: none !important;
}
.EntCustodianElectionsTable .rt-thead.-header {
  /* padding: 5px 0; */
  /* border-bottom: 4px solid #d2d2d2; */
}
.EntCustodianElectionsTable .rt-thead .rt-resizable-header {
  background: #fff;
}

.EntCustodianElectionsTable .rt-tbody .rt-expandable {
  display: inline;
}
.EntCustodianElectionsTable .rt-tbody .rt-td {
  line-height: 28px;
}
/* .EntCustodianElectionsTable {
  margin-top: 25px;
} */

.CustodianElectionsTable .rt-table .rt-thead .rt-th:first-child,
.CustodianElectionsTable .rt-table .rt-td:first-child {
  display: none !important;
}
.CustodianElectionsTable .rt-expander {
  display: none !important;
}
.CustodianElectionsTable .rt-thead.-header {
  /* padding: 5px 0; */
  /* border-bottom: 4px solid #d2d2d2; */
}
.CustodianElectionsTable .rt-thead .rt-resizable-header {
  background: #fff;
}

.CustodianElectionsTable .rt-tbody .rt-expandable {
  display: inline;
}
.CustodianElectionsTable .rt-tbody .rt-td {
  line-height: 28px;
}
.CustodianElectionsTable {
  margin-top: 25px;
}

.user-access-title {
  padding: 10px;
  border: 1px solid #eee;
  margin-top: 20px;
  /* margin-left: -4px; */
  /* margin-right: -15px; */
}

.additinal-data-container {
  border: 1px solid #e5e5e5;
  margin-top: 0px;
  /* margin-left: -2px; */
  /* margin-right: -15px; */
  border-top: 0;
}

.additinal-data-container p {
  padding: 4px 10px 0;
  /* font-size: 18px !important; */
  margin-bottom: 5px;
}

.additinal-data {
  margin: 0;
  /* border-top: 1px solid #e5e5e5;  */
  overflow: hidden;
  /* font-size: 16px; */
  /* padding: 9px; */
}
.additinal-records {
  padding: 0;
}
.additinal-records p {
  font-size: 20px !important;
  margin-bottom: 5px;
}
.additinal-data-link {
  text-align: right;
  font-size: 15px;
}
.additionalList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.additionalList li {
  display: inline-block;
  margin: 0 30px 10px 10px;
  font-size: 15px;
}

.table-row-info {
  float: left;
  margin-left: 8px;
}
.table-row-info a {
  -margin-right: 5px;
  font-size: 17px;
  position: relative;
}
.notes-message {
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  background: rgb(255, 128, 25);
  line-height: 15px;
  border-radius: 50%;
  text-align: center;
  left: 15px;
  top: -8px;
}

.flipswitch {
  position: relative;
  width: 112px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin-right: 5px;
  float: left;
}
.flipswitch input[type="checkbox"] {
  display: none;
}
.flipswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 50px;
}
.flipswitch-inner {
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.3s ease-in 0s;
  -moz-transition: margin 0.3s ease-in 0s;
  -ms-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.flipswitch-inner:before,
.flipswitch-inner:after {
  float: left;
  width: 50%;
  height: 24px;
  padding: 0;
  line-height: 23px;
  font-size: 18px;
  color: white;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flipswitch-inner:before {
  padding-left: 10px;
  background-color: #10c469;
  content: "Approve";
  font-size: 13px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
}
.flipswitch-switch {
  width: 15px;
  height: 15px;
  margin: 4px 7px;
  border: 0px solid #999999;
  background: #ffffff;
  border-radius: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 83px;
  -webkit-transition: all 0.3s ease-in 0s;
  -moz-transition: all 0.3s ease-in 0s;
  -ms-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.flipswitch-cb:checked + .flipswitch-label .flipswitch-inner {
  margin-left: 0;
}
.flipswitch-cb:checked + .flipswitch-label .flipswitch-switch {
  right: 0;
}

.flipswitch-inner:after {
  content: "Approve";
  padding-right: 30px;
  background-color: #9b9b9b;
  color: #fff;
  text-align: right;
  text-align: right;
  font-size: 13px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
}

/*______________________________________*/

.flipswitch-red {
  position: relative;
  width: 112px;
  float: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.flipswitch-red input[type="checkbox"] {
  display: none;
}
.flipswitch-label-red {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 50px;
}
.flipswitch-inner-red {
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.3s ease-in 0s;
  -moz-transition: margin 0.3s ease-in 0s;
  -ms-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.flipswitch-inner-red:before,
.flipswitch-inner-red:after {
  float: left;
  width: 50%;
  height: 24px;
  padding: 0;
  line-height: 23px;
  font-size: 18px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flipswitch-inner-red:before {
  padding-left: 10px;
  background-color: #e84c3d;
  content: "Revoke";
  font-size: 13px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
}

.flipswitch-switch-red {
  width: 15px;
  height: 15px;
  margin: 4px 9px;
  border: 0px solid #999999;
  background: #ffffff;
  border-radius: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 81px;
  -webkit-transition: all 0.3s ease-in 0s;
  -moz-transition: all 0.3s ease-in 0s;
  -ms-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.flipswitch-cb-red:checked + .flipswitch-label-red .flipswitch-inner-red {
  margin-left: 0;
}
.flipswitch-cb-red:checked + .flipswitch-label-red .flipswitch-switch-red {
  right: -3px;
}

.flipswitch-inner-red:after {
  content: "Revoke";
  padding-right: 37px;
  background-color: #9b9b9b;
  color: #fff;
  text-align: right;
  text-align: right;
  font-size: 13px;
  font-weight: bold;
  line-height: 25px;
  font-family: "Open Sans", sans-serif;
}

.s-btns {
  height: 20px;
  margin-top: 3px;
}

/*All*/
.flipswitch-all {
  position: relative;
  width: 112px;
  float: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin-right: 5px;
}
.flipswitch-all input[type="radio"] {
  display: none;
}
.flipswitch-label-all {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 50px;
}
.flipswitch-inner-all {
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.3s ease-in 0s;
  -moz-transition: margin 0.3s ease-in 0s;
  -ms-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.flipswitch-inner-all:before,
.flipswitch-inner-all:after {
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 18px;
  color: white;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flipswitch-inner-all:before {
  padding-left: 10px;
  background-color: #10c469;
  content: "Approve All";
  font-size: 13px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
}

.flipswitch-switch-all {
  width: 15px;
  height: 15px;
  margin: 8px 9px;
  border: 0px solid #999999;
  background: #ffffff;
  border-radius: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 81px;
  -webkit-transition: all 0.3s ease-in 0s;
  -moz-transition: all 0.3s ease-in 0s;
  -ms-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.flipswitch-cb-all:checked + .flipswitch-label-all .flipswitch-inner-all {
  margin-left: 0;
}
.flipswitch-cb-all:checked + .flipswitch-label-all .flipswitch-switch-all {
  right: -3px;
}

.flipswitch-inner-all:after {
  content: "Approve All";
  padding-right: 10px;
  background-color: #8a8a8a;
  color: #fff;
  text-align: right;
  text-align: right;
  font-size: 13px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
}

/*______________________________________*/

.flipswitch-red-all {
  position: relative;
  float: left;
  width: 112px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.flipswitch-red-all input[type="radio"] {
  display: none;
}
.flipswitch-label-red-all {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 50px;
}
.flipswitch-inner-red-all {
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.3s ease-in 0s;
  -moz-transition: margin 0.3s ease-in 0s;
  -ms-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.flipswitch-inner-red-all:before,
.flipswitch-inner-red-all:after {
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 18px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.flipswitch-inner-red-all:before {
  padding-left: 10px;
  background-color: #e84c3d;
  content: "Revoke All";
  font-size: 13px;
  font-weight: bold;
  font-family: "Open Sans", sans-serif;
}

.flipswitch-switch-red-all {
  width: 15px;
  height: 15px;
  margin: 8px 9px;
  border: 0px solid #999999;
  background: #ffffff;
  border-radius: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 81px;
  -webkit-transition: all 0.3s ease-in 0s;
  -moz-transition: all 0.3s ease-in 0s;
  -ms-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}
.flipswitch-cb-red-all:checked
  + .flipswitch-label-red-all
  .flipswitch-inner-red-all {
  margin-left: 0;
}
.flipswitch-cb-red-all:checked
  + .flipswitch-label-red-all
  .flipswitch-switch-red-all {
  right: -3px;
}

.flipswitch-inner-red-all:after {
  content: "Revoke All";
  padding-right: 18px;
  background-color: #8a8a8a;
  color: #fff;
  text-align: right;
  text-align: right;
  font-size: 13px;
  font-weight: bold;
  line-height: 30px;
  font-family: "Open Sans", sans-serif;
}

.s-btns-all {
  height: 20px;
  margin-top: 2px;
}
.s-btns-all .flipswitch-all {
  display: inline-block;
}
.table-app {
  padding-bottom: 5px;
}
.table-app-details {
  margin: 3px 0px;
  font-size: 14px !important;
}
.table-app-title {
  margin: 0px;
  font-size: 14px !important;
  font-weight: 900;
}
.table-app-title-dirEl {
  margin: 0px;
  font-size: 20px !important;
}

#riskInfo .modal-dialog {
  width: 900px !important;
}
.credentialRow {
  font-size: 17px;
  color: #247cc7;
  font-weight: 700;
}

.riskLink {
  text-align: center;
  font-size: 13px;
  height: 30px;
  width: 60px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  border-radius: 16px;
  margin-top: 2px;
  padding: 3px 17px;
  border-radius: 16px;
}
.riskLink:hover {
  color: rgb(255, 255, 255);
  text-decoration: none;
}

#treeinfo .modal-dialog {
  width: 900px !important;
}
.eye_icn {
  border: none;
  background-color: unset;
  color: rgb(101, 159, 226);
}
.modal-body-tree {
  width: 1500px;
  overflow-x: auto;
}

/* tr, td {
    white-space: inherit !important;
} */

/* 
==================================================
Srinvias Nagaram Styles End
==================================================
*/

/* Iam Users screen on 10-09-2019 */

.drop-maindiv .times {
  background: #df0000bd !important;
  padding: 5px 10px;
  margin-left: 15px;
}
.inactive ul.dropdown-menu {
  left: -239px !important;
}

button.tooltipRA.btn.btn-default {
  background: none;
  border: none;
  padding: 0px;
}
.drop-maindiv ul.dropdown-menu li a {
  font-size: 0.75rem !important;
  padding-left: 0px;
}
.drop-maindiv ul.dropdown-menu li a i {
  font-size: 0.75rem !important;
  /* margin-right: 15px; */
  text-align: left;
  float: left;
  line-height: inherit;
  width: 15px !important;
  padding: 0px;
}

.row.risk-score {
  background: #f2f2f2;
  margin: 0px;
  padding: 35px 0px;
  border-radius: 4px;
  box-shadow: 2px 3px 1px 1px #d6d6d6;
}
.downloadEntitlements {
  float: right;
}
.selectedEntitlementContent {
  padding: 9px 7px 10px 0px;
  margin: 10px 10px 10px 0px;
  border: 1px solid #ccc;
  clear: both;
  min-height: 100px;
  overflow: auto;
  font-size: 20px !important;
  font-weight: bold;
  max-height: 300px;
}
.selectedEntitlementContent .et {
  margin: 5px;
  padding: 5px;
}
.checkedEntitlements {
  clear: both;
  margin: 5px;
  padding: 10px;
}
.entDesc {
  padding: 4px 2px 3px 5px;
  margin: 3px;
  width: 32% !important;
  color: #4c4747;
  float: left;
  border-radius: 2px;
  border: 1px solid #c9d4de;
  margin-top: 5px;
  font-size: 12px;
  box-shadow: 1px 0.5px #ccc;
}
.closeEt {
  float: right;
  padding: 0px 6px 0px 7px;
  margin: 0px 1px 1px 0px;
  font-weight: bold;
  font-size: 12px;
  color: #7f7f7f;
  cursor: pointer;
  border: 1px solid #a09696;
  border-radius: 24px;
}
.etName {
  float: left;
  padding-right: 10px;
}
.etTitle {
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  color: #222;
  margin: 1px 2px 0px 5px;
  font-size: 14px;
}
.entitlementAssignContent .entitlementNotes {
  width: 232px !important;
}
.entitlementAssignContent .custRadioRow,
.tktSystem {
  margin-top: 0px;
}
.searchEt {
  width: 80% !important;
}
.endPointRolesContainer .multiselect.btn {
  width: auto !important;
  /* min-width: 242px */
}

.col-md-4.entitlement_addNotes {
  margin-top: 8px;
}
.entitlementNotes {
  width: 490px !important;
}
/* .entitlementAssignContent .endPointRolesInput{
        width: 31.5%;
    } */
input.risk-score-input {
  border: 1px solid #a9a9a9;
  padding: 5px 10px;
  border-radius: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.templateDes {
  width: 350px !important;
}
.custom-control.custom-checkbox.checkbox.consecutiveDays {
  margin-left: 1px !important;
}
.reminderMail {
  margin-top: 15px !important;
}
.iamuser #selectTG {
  width: 35%;
  margin-top: 6px;
}
#linkRequestAccess:hover,
#linkRequestAccess:focus,
#createCamp:hover,
#createCamp:focus,
#LinkopenCampaigns:hover,
#LinkopenCampaigns:focus,
#linkCampaignPreview:hover,
#linkCampaignPreview:focus,
#assignDelegate:hover,
#assignDelegate:focus,
#createTemp:hover,
#createTemp:focus,
.custom_primary:hover,
.custom_primary:focus {
  color: #fff;
}
.row.iamuser.sticky.fixed {
  top: 74px;
  height: 58px;
  border-bottom: 1px solid #ccc;
}
.iamuser.sticky.fixed #pending_requests {
  padding: 4px 12px;
}
.iamuser.fixed #selectTG {
  margin-top: 11px;
}
.ActiveInactUsersRadi {
  margin: 12px 0px 6px;
  float: left;
}
.ActiveInactUsersRadiData {
  /* margin: 12px 0px 6px; */
  float: left;
}
.iamuser.sticky.fixed .ActiveInactUsersRadi {
  margin: 18px 0px 6px;
}
.iamuser.fixed .userPolicyExportButton {
  margin-left: 2px;
}
/* drop down view issue in table */
.ReactTable .rt-tbody {
  overflow: visible !important;
}
/* .ReactTable .rt-table{
        overflow: visible !important;
    } */
#iamUsertbl .ReactTable .rt-tbody {
  min-height: 200px !important;
  overflow: unset !important;
}
.ReactTable .rt-thead .rt-tr {
  text-align: center !important;
}
.ReactTable a {
  text-decoration: none;
}
label.eptype_By_Status {
  position: absolute;
  left: 50%;
  top: -3px;
}

.app_roles_grps {
  padding-bottom: 10px;
}

div.addbtnSERoles {
  margin-bottom: 10px !important;
}
.AttrDeleteBtn_seRole {
  color: red !important;
  font-size: 18px;
  font-weight: 400;
  margin-top: 30px;
  margin-left: 5px;
  cursor: pointer;
}

.AttrDeleteBtn_seRoleDisabled {
  pointer-events: none;
  font-size: 18px;
  font-weight: 400;
  margin-top: 26px;
  margin-left: 5px;
}
.ListOfRoleTemp .DelegationHead a.assignDelegate {
  padding: 6px 15px !important;
  top: 101px;
  right: 28px;
}
#deleteEvent {
  background-color: #ca5858 !important;
  margin-top: 10px !important ;
}
/* 27-11-19 */
.renderConditionsContainer .identityTempHR {
  margin-top: 10px;
  margin-bottom: 8px;
  border: 0;
  border-top: 1px solid #eee;
}
.renderConditionsContainer .operatorTitle {
  font-weight: 501;
}
.lmActionsdltbtn {
  margin-top: 15px;
}
/* .roleManagementFilter {
    position: inherit;
    left: 264px;
    top: 4px;
} */
/* 3-12-19 */
.ReactTable .-pagination .-previous,
.ReactTable .-pagination .-next {
  /* flex: .3 1 !important; */
  flex: 0.15 1 !important;
}
.ReactTable .-pagination .-center {
  flex: 0.3 1 !important;
}
.ReactTable .rt-resizer {
  right: -12px !important;
}
.ReactTable .rt-noData {
  color: orangered !important;
  padding: 48px !important;
  font-weight: 500 !important;
}

.RoleMngtContainer .ReactTable .rt-noData {
  display: none !important;
}

.roleMgtActionsRow {
  margin: 10px 0px 10px -15px !important;
}
.addUserBtnContainer {
  text-align: right;
}
.addUserModal .modal-dialog {
  width: 700px;
  margin: 30px auto;
}
.RoleManagement .removeUserBtn {
  padding: 4px 6px !important;
}
.removeUserBtnContainer,
.identityTempViewBtn {
  text-align: center;
}

.removeUserBtnContainer {
  display: flex;
  height: 35px;
  align-items: center;
  justify-content: center;
}

.disable-user-spinner {
  position: absolute;
  padding-top: 0 !important;
  transform: scale(0.7) translate(60px, 0px);
  left: 50%;
  top: -14px;
}

.lmevents {
  border: 1px solid #ccc;
  height: 34px;
  padding: 5px 5px 5px 9px;
  font-size: 13px;
  cursor: not-allowed;
  /* font-weight: 600; */
}
.lmView {
  border: 1px solid #ccc;
  height: 35px;
  font-weight: 600;
  padding: 4px 6px 4px 10px;
  cursor: no-drop;
}
.InliersOutliersBtn {
  background-color: #337ab7 !important;
  border: none !important;
  position: absolute;
  top: -48px;
  right: 90px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 15px;
  border-radius: 3px !important;
}
.InliersOutliersBtn:hover {
  background-color: #337ab7 !important;
  color: #fff;
}
.plot1 {
  background-image: none;
}
.RoleManagement .rt-resizable-header-content {
  font-weight: 501 !important;
}
.wrapper-class-name {
  border-radius: 10px;
  box-shadow: 1px 5px 12px 3px #ccc;
  margin-top: 50px !important;
  padding-bottom: 19px;
}
.pie_plot {
  width: 450px !important;
  height: 490px !important;
  border: 1px solid #bddec8;
  border-radius: 10px;
  box-shadow: 1px 5px 12px 3px #ccc;
  margin-left: 20px !important;
  margin-top: 73px !important;
}
.plot_btn {
  margin-top: 10px;
}
.plot_label {
  text-align: center;
  position: relative;
  top: 95px;
}
.plot2 {
  /* top: 45px; */
  text-align: center;
}

/* Role Level*/

.col-md-2.lmDeletebtn,.col-md-1.lmDeletebtn {
  margin-top: 25px;
}
.Create_Mulitselect {
  margin-top: 5px;
}
.lmHierarchy {
  padding: 10px;
  margin: 10px;
}
.pAndEStatus {
  text-align: center;
  font-weight: 600;
  width: 100%;
}

.rolePending {
  color: yellowgreen;
}
.roleApprove {
  color: limegreen;
}
.roleReject {
  color: #f11111d1;
}
.childTable {
  padding: 20px;
  border: 2px solid #cdcecd;
  margin: 10px;
  box-shadow: 2px 2px 3px 2px #ccc;
  border-radius: 10px;
}
.childTable .ReactTable .rt-thead.-header {
  background: #e4dfdf !important;
  font-weight: bold;
  font-size: 14px;
  border-radius: 3px;
}
.childTable .ReactTable .rt-tr-group {
  font-size: 14px;
}
.appHrcyLabel {
  margin-top: 10px;
}
/* 20-12-19 */
.identityClone {
  margin-left: 5px;
}
.selectOperatorFG {
  margin-bottom: 0px !important;
}
.identityRowID {
  text-align: center;
}
.RoleMngtContainer .ReactTable .rt-tbody .rt-td {
  border-right: 1px solid rgba(0, 0, 0, 0.02);
  text-align: center;
}
#securityQuestion1Label {
  font-size: 14px !important;
}
#answer1Label {
  font-size: 14px !important;
}

.search_button {
  margin-top: 28px !important;
}

/*BCDTravels changes*/
#exTab2 .ac_dropdown {
  background: #11aaec !important;
}
#credentialSave {
  margin: 25px 14px 6px 31px;
  width: 100px;
  height: 37px;
  font-size: 18px;
}
.dataTables_wrapper .dataTables_processing {
  z-index: 99;
  top: 65%;
}
.global-loader.UpdateApp {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwcHgiICBoZWlnaHQ9IjEyMHB4IiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIGNsYXNzPSJsZHMtcm9sbGluZyIgc3R5bGU9ImJhY2tncm91bmQ6IG5vbmU7Ij48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiBmaWxsPSJub25lIiBuZy1hdHRyLXN0cm9rZT0ie3tjb25maWcuY29sb3J9fSIgbmctYXR0ci1zdHJva2Utd2lkdGg9Int7Y29uZmlnLndpZHRofX0iIG5nLWF0dHItcj0ie3tjb25maWcucmFkaXVzfX0iIG5nLWF0dHItc3Ryb2tlLWRhc2hhcnJheT0ie3tjb25maWcuZGFzaGFycmF5fX0iIHN0cm9rZT0iIzAwYzNlZCIgc3Ryb2tlLXdpZHRoPSIyIiByPSIxNSIgc3Ryb2tlLWRhc2hhcnJheT0iNzAuNjg1ODM0NzA1NzcwMzMgMjUuNTYxOTQ0OTAxOTIzNDQ3IiB0cmFuc2Zvcm09InJvdGF0ZSgzMTEuOTMgNTAgNTApIj48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InJvdGF0ZSIgY2FsY01vZGU9ImxpbmVhciIgdmFsdWVzPSIwIDUwIDUwOzM2MCA1MCA1MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxcyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlVHJhbnNmb3JtPjwvY2lyY2xlPjwvc3ZnPg==) no-repeat 50% 15%
    rgb(232, 234, 236, 0.5);
}

.reset .loginmodal-container {
  margin-top: 80px !important;
}

#resetcard {
  background-color: #f4f6fb;
  padding: 30px 18px 20px 18px !important;
  border-radius: 6px;
  border: 1px solid #ddd;
  -webkit-box-shadow: 1px 1px 18px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 1px 1px 18px 1px rgba(0, 0, 0, 0.14);
}
.resetSubmit {
  margin-left: 535px !important;
  margin-right: 5px;
}

/* se_role code changes*/

.addMore {
  display: inline-block;
  margin: 6px;
  position: absolute;
  left: 50%;
  height: 34px;
  padding-left: 8px !important;
  font-size: 11px !important;
  pointer-events: painted;
  font-weight: bold !important;
  text-align: center;
  top: 21px;
  width: 39px;
  border-radius: 34px !important;
}
a#add_button {
  padding-left: 8px !important;
}
.addMore:hover {
  color: #fff !important;
}

#ep-cred-table_length {
  position: absolute;
  right: 0%;
}
.notAssign {
  color: #8e8d8d;
  font-size: 14px;
  font-weight: 400;
  background: rgb(195, 195, 195) !important;
  border-radius: 5px;
  border: none !important;
  box-shadow: none !important;
  vertical-align: middle !important;
  text-decoration: none !important;
}

.viewAllElectionsTable .rt-th.rt-resizable-header.-hidden {
  flex: auto !important;
  position: absolute;
}

.viewAllElections_ecn_disabled {
  display: none !important;
}

.viewAllElectionsTable .rt-td.rt-expandable {
  pointer-events: none !important;
}

.approveAndRevokeButton {
  float: right;
  margin: -50px 0px 4px 3px;
}
.rt-td.viewAllAppRow.rt-expandable.rt-pivot {
  width: auto !important;
}
/* 6-2-2020 */
.form-group.approverEmail.col-md-4,
.form-group.approver.col-md-4 {
  padding: 0px 15px 0px 15px !important;
}

.addGroupUser {
  margin-top: 25px;
}

.deleteGroupUser {
  color: red;
  margin-left: 7px;
  font-size: 12px;
  border: 1px solid #c57070;
  padding: 4px 4px 4px 4px;
  border-radius: 40px;
  background: #fff;
  cursor: pointer;
}

.adminGroups {
  color: #fff !important;
}

.adminGroups:hover {
  color: #fff !important;
}
.groupListBtn {
  position: absolute;
  top: 5px;
  float: right;
}
span.userDetails {
  border: 1px solid #c6c6c6;
  padding: 2px;
  border-radius: 5px;
  margin: 10px 0px;
}

.groupErrMsg {
  color: red;
  float: right;
  font-size: 13px;
  margin-left: 15px;
}
.chip {
  display: inline-block;
  padding: 0 18px;
  height: 32px;
  font-size: 13px;
  line-height: 31px;
  border-radius: 10px;
  margin-top: 10px;
  border: 1px solid #ccc;
  font-weight: 600;
  color: #1b1919;
  background-color: #c0c2c3;
}

.chip img {
  float: left;
  margin: 0 10px 0 -25px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}

.closebtn {
  padding-left: 10px;
  color: #888;
  font-weight: bold;
  float: right;
  font-size: 20px;
  cursor: pointer;
}

.closebtn:hover {
  color: #000;
}

.chipHead {
  border-radius: 30px;
  border: 1px solid #ccc;
  padding: 6px 6px 6px 6px;
  background: #ccc;
  font-weight: bold;
  margin: 7px 6px 5px -20px;
}
.groupBack {
  margin-left: 10px;
}
.selectedGroups {
  width: 95%;
  height: auto;
  font-size: 15px;
  -font-weight: bold;
  border-bottom: 1px solid #ccc;
  min-height: 150px;
  background-color: #fff;
  border-radius: 4px;
  display: inline-block;
  padding: 10px;
  margin: 20px 15px 10px 20px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}
div.headerGroup {
  border-bottom: 1px solid #ccc;
  padding: 5px 8px 8px 6px;
  font-weight: 600;
}
.react-table.groupList .rt-td {
  text-align: center !important;
}
.deleteUserGroupMember {
  pointer-events: none;
}
.identityTempViewAction {
  width: 35%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.identityTempViewAction .material-icons {
  font-size: 25px;
}
.login_redirect {
  text-align: center;
}
.login_redirect .loginmodal-submit {
  color: #fff;
  border: 1px solid;
  font-size: 18px !important;
  background-color: #016193;
  border-color: #029fe4;
  width: 22%;
  height: 36px;
  border-radius: 4px;
  font-weight: bold;
  padding: 0 20px;
}
.redirectModal .modal-content {
  -width: 792px !important;
  margin-top: 250px;
}
/* .row > .redirectModal {
  background: linear-gradient(
    196deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(0, 58, 99, 1) 35%,
    rgba(0, 212, 255, 1) 100%
  ) !important;
} */
.row.pickles-login-okta > div {
  /* background: linear-gradient(
    196deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(0, 58, 99, 1) 35%,
    rgba(0, 212, 255, 1) 100%
  ) !important; */
  height: calc(100vh - 0px);
  overflow: hidden !important;
  position: relative;
}
.oktaLoginMsg {
  text-align: center;
  margin-bottom: 32px;
  font-size: 10px;
}
.seModalLogo {
  text-align: center;
  margin-bottom: 25px;
}
.redirectModal.modal-dialog {
  width: 450px !important;
}
table.scatter {
  -border-collapse: collapse;
  border-radius: 20px;
  font-size: 12px;
}

table.scatter,
table.scatter tr td {
  border: 1px solid #ccc;

  padding: 5px;
  margin: 5px;
}
.serieId {
  text-align: center;
  font-size: 12px;
}
/* .arrow-down {
    width: 0; 
    height: 0; 
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    
    border-top: 9px solid #f00;
    text-align: center;
  } */
table.scatterModalTable {
  -width: 750px;
  border-collapse: collapse;
  margin: 15px auto;
}

/* Zebra striping */
table.scatterModalTable tr:nth-of-type(odd) {
  background: #eee;
}

table.scatterModalTable th {
  background: #003a63;
  color: white;
  font-weight: bold;
}

table.scatterModalTable td,
.scatterModalTable th {
  padding: 5px;
  border: 1px solid #ccc;
  text-align: left;
  white-space: normal;
  font-size: 12px;
  width: 200px;
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 760px),
  (min-device-width: 768px) and (max-device-width: 1024px) {
  table.scatterModalTable {
    width: 100%;
  }

  /* Force table to not be like tables anymore */
  table.scatterModalTable,
  table.scatterModalTable thead,
  table.scatterModalTable tbody,
  table.scatterModalTable th,
  table.scatterModalTable td,
  table.scatterModalTable tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  table.scatterModalTable thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  table.scatterModalTable tr {
    border: 1px solid #ccc;
  }

  table.scatterModalTable td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
  }

  table.scatterModalTable td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    /* Label the data */
    content: attr(data-column);

    color: #000;
    font-weight: bold;
  }
}

.scatterBtnAppr {
  background: #52a902;
  color: #fff;
  font-weight: bold;
  margin-right: 6px;
}
.scatterBtnRvk {
  background: #ff222c;
  color: #fff;
  font-weight: bold;
  margin-right: 6px;
}
.sctModalTitle {
  font-weight: bold;
  padding: 0;
  text-align: center;
  margin: 0;
}
.rodal-dialog {
  border: 9px solid #eaedef;
  border-radius: 20px;
}
.pie {
  height: 580px;
}
.sctCont {
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 10px;
  margin: 5px;
}
.sctRows {
  padding: 5px;
  margin: 5px;
  -background: #ccc;
  -border: 1px solid #a9a6a6;
  border-radius: 5px;
}
.sctRowsVal {
  white-space: normal;
}
.switch-field {
  -padding: 2em;
  overflow: hidden;
  width: 195px;
}

.switch-title {
  margin-bottom: 0.5em;
}

.switch-field input {
  display: none;
}

.switch-field label {
  float: left;
}

.switch-field label {
  display: inline-block;
  background-color: #efefef;
  color: #333;
  font-size: 1em;
  font-weight: normal;
  text-align: center;
  text-shadow: none;
  padding: 0.5em 1em;
  border: 0.05em solid rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
  cursor: pointer;
}

.switch-field input:checked + label {
  background-color: #007ac2;
  color: white;
  font-size: 12px !important;
  font-weight: bold;
}

.switch-field label:first-of-type {
  border-radius: 3px 0 0 3px;
  font-size: 12px !important;
  font-weight: bold;
}

.switch-field label:last-of-type {
  border-radius: 0 3px 3px 0;
  font-size: 12px !important;
  font-weight: bold;
}

.row_data {
  margin-top: 25px;
}
.page_listdata {
  background: #3975a9;
  color: white;
  border-radius: unset;
  font-size: 17px !important;
}
.page_body {
  height: 250px;
  overflow-y: scroll;
}
.bt_foot {
  margin-right: 18px;
}

/*Table Sort Icon */
/* table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
    content: "\f0de" !important;
    font-family: 'Font Awesome\ 5 Free';
  }

  table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    content: "\f0dd" !important;
    font-family: 'Font Awesome\ 5 Free';
} */

/*dropzone */
.dropzone {
  /* height: 150px; */
  padding: 30.5px 40px;
  border: 1px dashed #55acee;
  background-color: #e5f2fd;
  color: #2c5cc5;
  margin-top: 15px;
  margin-bottom: 15px;
}
.dropzone .dropdown {
  border: 0;
  background: transparent;
  font-weight: 600;
}

.dropzone i {
  font-size: 50px;
  margin-bottom: 10px;
  color: green;
}

.dropzone p {
  color: #2c5cc5;
}

/*Sidebar-Modal*/

.sidebar-modal .modal-content {
  border-radius: 0px;
  border: 0px;
  box-shadow: none;
}

.sidebar-modal .modelheader {
  background: #0078d4 !important;
  color: #fff !important;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.sidebar-modal .modal-header .close span {
  color: #fff !important;
}

.sidebar-modal .modal-header h4 {
  font-size: 18px !important;
  line-height: 1;
}
.modal_title .modal-header h4 {
  font-size: 14px !important;
}
.sidebar-modal .modal-body {
  top: 40px;
}
.sidebar-modal .actions-modal {
  top: 0 !important;
}

.sidebar-modal p {
  font-size: 14px !important;
}

.sidebar-modal .step-number {
  background: #fff;
  font-size: 0.7rem;
  color: #444;
  padding: 5px 15px;
  border-radius: 20px;
}
.csverrorth {
  text-align: left !important;
}

.sidebar-modal .uar-radio svg {
  font-size: 18px;
}

.sidebar-modal .uar-radio label span,
.sidebar-modal .ticketSystem label span {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
}

.sidebar-btn-container {
  position: relative;
  bottom: 0;
  right: -15px;
  border-top: 1px solid #ccc;
  width: 100%;
  background: #fff;
}

.o-child-but {
  margin-top: -6px !important;
}

.form-label,
.LocaLiceRow label,
.configurationHeader .form-label {
  font-weight: 400;
  font-size: 13px !important;
  color: #091432;
}

.tooltip-inner {
  background: #000;
  color: #fff;
  border: 1px solid #000;
}

.forSaveBtn {
  position: absolute;
  top: 120px;
  right: 115px;
}

.forCancelBtn {
  position: absolute;
  top: -46px;
  right: 4px;
}

.reviewerLabel {
  position: absolute;
  top: -191px;
  right: 20px;
}

.appVersion {
  position: fixed;
  bottom: 1px;
  left: 6%;
  font-size: 13px !important;
  font-style: italic;
  color: #091432;
}

.p10 {
  padding: 10px;
}

.PendingRadioBtn {
  position: relative;
  top: 35px;
  /* left: 25%; */
  z-index: 1;
}
.ReactTable.pending-all {
  margin-top: 40px;
}
.form-control,
.uar-radio .MuiTypography-body1-309 {
  font-size: 0.75rem;
}
.uar-radio .MuiSvgIcon-root-131 {
  font-size: 20px;
}

.appVersion-sidebar {
  position: fixed;
  bottom: 10px;
  left: 6%;
  font-size: 14px !important;
  font-style: italic;
  color: #091432;
}
/* 
   10.3.2020 :
   Add new CSS rules in pickels-v3.css file,
   if require any modifications in existing css do here...

  */
.col-md-21.agentName {
    margin: 5px;
}
/* start here... */
/* @import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap'); */
/* Fonts moved to HTML preload for better performance */
/* @import url(https://fonts.googleapis.com/css?family=Open+Sans); */
/* @import url(https://fonts.googleapis.com/icon?family=Material+Icons); */
/* @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css); */
/* @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css); */



/* cretaeCampaignRadiobtn styles */

body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif !important;
}

/* Dashboard header must sit above table action dropdowns (e.g. Access Review Campaign Actions menu) */
/* .MuiAppBar-root {
  z-index: 1 !important;
} */
/* ::-webkit-scrollbar {
  width: 12px;
} 

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
  border-radius: 6px;
}

::-webkit-scrollbar-thumb {
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
} */
.campiagnRadiobtn {
  width: 485px !important;
}

.card.border.selectedUsrDetls {
  top: 14px;
}

.inliersoutlers_export {
  float: right;
  margin: 5px 0;
}

.print_inliers_outliers.custom__pg {
  width: 115px !important;
  position: absolute !important;
  right: 26px;
  top: 25px;
}

.control-label.scatter_plot_label {
  text-align: center;
  padding-top: 15px !important;
  font-weight: 600 !important;
  font-size: 18px !important;
}

.dataTables_wrapper input[type="search"] {
  margin-left: 0;
  margin-top: 10px;
}

.dataTables_filter i.fa-search {
  margin-top: 12px;
}

.col-12.history-link {
  /* left: 250px; */
  font-size: 16px;
  z-index: 999;
  max-width: 110px;
  /*right: 63%!important;*/
  top: 49px;
}

.manager-cssdrop {
  position: relative;
  bottom: 57px;
  left: 90px;
}

.backbtn-stcs {
  bottom: 46px;
  position: relative;
  right: 10px;
}

.inliers_outliers_nodata {
  text-align: center;
  padding-top: 145px;
}

.arrow_resetPassword {
  content: "\27A4";
  color: #003a63;
  font-size: 25px;
  font-weight: 600;
  cursor: pointer;
  margin-left: 20px;
  margin-top: 5px;
}

.asterisk {
  color: red;
}

h3.ld-title {
  text-align: center;
  margin: -10px auto 0px;
}

/*Multi clien Dashboard*/

.col-md-12.container-bd {
  border: 6px solid #aaaaaa;
  margin-bottom: 10px;
}

/* .row.multiDashboard{
    margin-top: 20px !important; 
    padding: 10px;
} */
.row.multiDashboard-bottom {
  margin-top: 5px !important;
  /* padding-top: 2px; */
}

/* .col-md-2.card-padding-ds, */
.col-md-6.card-padding-ds,
.col-md-12.card-padding-ds {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.card.cardContent {
  min-height: 152px;
  border-radius: 0px;
  margin-bottom: 0px !important;
  border: none;
}

.card.cardContent.cdlabel {
  min-height: 140px;
  border-radius: 0px;
  margin-bottom: 0px !important;
  padding: 30px 15px;
  /* background: #6dcbf5; */
  /* background: #F4FBFF; t1 */
  background: #f5f6f6;
  /* background: #EFF7F9; */
  text-align: center;
}

.card.cardContent.scLabel {
  min-height: 140px;
  border-radius: 0px;
  margin-bottom: 0px !important;
  padding: 20px 0px;
  text-align: center;
  /* background: #6dcbf5; */
  /* background: #F4FBFF; t1 */
  background: #f5f6f6;
  /* background: #EFF7F9; */
}

.appcard-header {
  /* text-align: center; */
  font-weight: 600;
  /* color: #003a63; */
  /* padding-bottom: 15px; */
  margin-top: -17px !important;
  margin-bottom: 10px;
}

.col-md-2.appCondition {
  border-radius: 20px;
  border: 1px solid #000;
}

/*Buttons styles*/
button.btn.btn-outline-secondary {
  background: #fff;
  border: 1px solid #ece7e7;
  font-weight: 600;
  margin: 5px 0px;
  min-width: 205px;
  padding: 6px 5px;
  text-align: left;
}

.btn-mini {
  background: #fff;
  border: 1px solid #ece7e7;
  font-weight: 600;
  margin: 5px 0px;
  min-width: 230px;
  padding: 6px 5px;
  text-align: left;
  margin-left: 8px;
  border-radius: 4px !important;
}

.mini-upload-file {
  width: 232px;
}

.mini-config-email {
  width: 236px;
}

.app-sup-btn {
  width: 218px;
}

.csv-file-upload {
  width: 158px;
}

.mail-server {
  width: 145px;
}

.add-app {
  width: 171px;
}

.pg-cong {
  width: 160px;
}

.fa {
  padding: 5px;
}

.appCondition {
  position: absolute;
  width: 50px;
  right: -26px;
  z-index: 99;
  top: 60px;
  border: 1px solid #ececec;
  border-radius: 50%;
  height: 50px;
  background: #fff;
  box-shadow: 1px 1px #ececec;
}

.conditionText {
  margin-top: 8px;
  padding: 5px 3px;
  margin-left: 2px;
  font-weight: 800;
}

.col-md-6.mb-btn-align {
  padding: 0px 5px;
}

.glyphicon {
  padding: 5px;
}

/* Bootstrap 4/5: Glyphicons removed – use Font Awesome equivalents so existing glyphicon class names still work */
.glyphicon-trash::before {
  font-family: "FontAwesome" !important;
  content: "\f014" !important;
  /* fa-trash */
}

.glyphicon-trash {
  font-family: "FontAwesome" !important;
  font-style: normal;
  font-weight: normal;
}

.glyphicon-exclamation-sign::before {
  font-family: "FontAwesome" !important;
  content: "\f06a" !important;
  /* fa-exclamation-triangle */
}

.glyphicon-exclamation-sign {
  font-family: "FontAwesome" !important;
  font-style: normal;
  font-weight: normal;
}

.glyphicon-user::before {
  font-family: "FontAwesome" !important;
  content: "\f007" !important;
  /* fa-user */
}

.glyphicon-user {
  font-family: "FontAwesome" !important;
  font-style: normal;
  font-weight: normal;
}

.glyphicon-plus::before {
  font-family: "FontAwesome" !important;
  content: "\f067" !important;
  /* fa-plus */
}

.glyphicon-plus {
  font-family: "FontAwesome" !important;
  font-style: normal;
  font-weight: normal;
}

.glyphicon-minus::before {
  font-family: "FontAwesome" !important;
  content: "\f068" !important;
  /* fa-minus */
}

.glyphicon-minus {
  font-family: "FontAwesome" !important;
  font-style: normal;
  font-weight: normal;
}

.glyphicon-download-alt::before {
  font-family: "FontAwesome" !important;
  content: "\f019" !important;
  /* fa-download */
}

.glyphicon-download-alt {
  font-family: "FontAwesome" !important;
  font-style: normal;
  font-weight: normal;
}

.glyphicon-open-file::before {
  font-family: "FontAwesome" !important;
  content: "\f115" !important;
  /* fa-folder-open-o */
}

.glyphicon-open-file {
  font-family: "FontAwesome" !important;
  font-style: normal;
  font-weight: normal;
}

.glyphicon-warning-sign::before {
  font-family: "FontAwesome" !important;
  content: "\f071" !important;
  /* fa-warning */
}

.glyphicon-warning-sign {
  font-family: "FontAwesome" !important;
  font-style: normal;
  font-weight: normal;
}

.glyphicon-question-sign::before {
  font-family: "FontAwesome" !important;
  content: "\f059" !important;
  /* fa-question-circle */
}

.glyphicon-question-sign {
  font-family: "FontAwesome" !important;
  font-style: normal;
  font-weight: normal;
}

.anl-min-height {
  min-height: 120px !important;
}

.rt-border {
  border-right: 2px solid #ececec !important;
  border-left: 1px solid #ececec !important;
}

.rl-border {
  border-left: 1px solid #ececec !important;
}

.border-left-radius-card {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.border-right-radius-card {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

/* color combinations for every content in multiClient*/

/* Load Data icons and button text color */
/* .ld-title, */
.ld-icons,
.ld-title {
  color: #003a63 !important;
}

.cp-text,
.anl-text,
.con-text,
.ld-text,
.anl-title,
.con-title {
  color: #cacaca !important;
  text-align: center;
}

/*Card headers title text and step-text*/
.col-md-5.appcard-header.step-textld,
.col-md-5.appcard-header.step-textCamp,
.col-md-2.appcard-header.step-textSeCong {
  padding: 0px !important;
  margin-left: -32px;
  text-align: left;
}

.col-md-1.appcard-header.step-textReport {
  text-align: left;
  margin-left: -47px;
}

.col-md-7.appcard-header.cp-text,
.col-md-7.appcard-header.ld-text {
  text-align: left;
}

/* Campaign Icons and button text color*/

.cp-title,
.cp-icons,
.step-textCamp {
  color: #009ea0;
}

/*Analytics icons and title*/

.anl-icons,
.step-textReport {
  color: #029fe4;
}

/*Configurations*/
.con-icons,
.step-textSeCong {
  color: #ff8019;
}

span.fa.fa-home {
  margin-right: 25px;
  font-size: 30px;
  cursor: pointer;
  color: #069;
}

/*Abhi changes*/

.card.card-container {
  margin-top: 20px;
}

.card-header {
  text-align: center !important;
  font-size: 25px !important;
}

.cardGridContent .card-header,
.card-grid-container .card-header {
  padding: 0px !important;
}

.cardGridContent .MuiButton-outlinedPrimary {
  font-size: 10px !important;
  padding: 0 !important;
}

.cardGridContent .MuiCardContent-root:last-child {
  padding-bottom: 2px !important;
}

.ab-dashboard {
  padding: 0rem;
}

.new-right-border {
  border-right: 1px solid #91b5f7 !important;
}

.appCondition.new-condition {
  top: 40px !important;
}

/*meadia queries for dashboard*/
@media (min-width: 375px) and (max-width: 767px) {

  .card.cardContent.cdlabel,
  .card.cardContent.scLabel {
    min-height: 30px !important;
    border-radius: 0px;
    margin-bottom: 0px !important;
    padding: 0px !important;
    text-align: center;
    border-bottom: 1px solid #ececec;
  }

  .card-body.mb-pd {
    padding: 0px !important;
  }

  .col-md-6.mb-btn-align {
    text-align: center;
  }

  .col-md-5.mb-btn-align {
    text-align: center;
  }

  .col-md-3.mb-btn-align {
    text-align: center;
  }

  .appCondition {
    position: absolute;
    width: 45px;
    left: 140px;
    z-index: 99;
    top: 190px;
    border: 1px solid #ececec;
    border-radius: 50%;
    height: 45px;
    background: #fff;
    -webkit-box-shadow: 1px 1px #ececec;
    box-shadow: 1px 1px #ececec;
  }

  .rt-border {
    border-bottom: 1px solid #91b5f7 !important;
    border-right: 0px !important;
  }

  .app-cond {
    top: 146px !important;
  }

  .col-md-12.cardlist {
    left: 0px !important;
  }

  .dashboardcard {
    max-width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {

  .card.cardContent.cdlabel,
  .card.cardContent.scLabel {
    min-height: 30px !important;
    border-radius: 0px;
    margin-bottom: 0px !important;
    padding: 0px !important;
    text-align: center;
    border-bottom: 1px solid #ececec;
  }

  .card-body.mb-pd {
    padding: 0px !important;
  }

  .col-md-6.mb-btn-align {
    text-align: center;
  }

  .col-md-5.mb-btn-align {
    text-align: center;
  }

  .col-md-3.mb-btn-align {
    text-align: center;
  }

  .appCondition {
    position: absolute;
    width: 45px;
    left: 140px;
    z-index: 99;
    top: 190px;
    border: 1px solid #ececec;
    border-radius: 50%;
    height: 45px;
    background: #fff;
    -webkit-box-shadow: 1px 1px #ececec;
    box-shadow: 1px 1px #ececec;
  }

  .rt-border {
    border-bottom: 1px solid #91b5f7 !important;
    border-right: 0px !important;
  }

  .app-cond {
    top: 146px !important;
  }
}

/*13-05-2020 new dashboard  css */

.row.new-dashboard {
  margin: 9px 1px 1px 2px;
  -margin-bottom: 20px;
  -margin-top: 20px;
}

.modal.left .modal-dialog.iga,
.modal.right .modal-dialog.iga {
  width: 85% !important;

}

.row.delegate-modal {
  display: flex;
  padding-bottom: 5px;
}

.row.content-view {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  background: #fff;
  border-left: solid 1px #f0f0f0;
  overflow: hidden;
  /* overflow-y: auto; */
  position: relative;
  padding: 5px;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.col-md-12.dashboard-container {
  background: #fff;
}

.HelpItem {
  margin-top: -3px;
}

.uar-title {
  font-weight: 500;
  color: #333 !important;
  font-size: 25px !important;
  /* text-align: center; */
  /* background: #E8EAF6; */
  padding: 0px 0px;
}

.hdr-lined {
  margin-bottom: 20px;
  border-top: solid 2px #e8eaf6;
  margin-top: 20px;
}

.card-hdr-lined {
  border-top: solid 2px #e8eaf6;
  margin-top: 20px;
}

.hdr-lined-txt {
  background-color: #fff;
  display: inline-block;
  padding-right: 20px;
  position: relative;
  top: -14px;
  color: #333 !important;
  font-size: 16px;
}

.settings-list {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  /* margin: -10px 0; */
}

.settings-list-item {
  width: 170px;
  text-align: center;
  /* margin: 10px 0; */
}

.settings-list-item span {
  align-items: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: inline-flex;
  justify-content: center;
  -webkit-transition: all 75ms linear;
  -o-transition: all 75ms linear;
  transition: all 75ms linear;
  background-color: #8ec3d5;
}

.settings-list-item span.step-2 {
  align-items: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: inline-flex;
  justify-content: center;
  -webkit-transition: all 75ms linear;
  -o-transition: all 75ms linear;
  transition: all 75ms linear;
  background-color: #009ea0 !important;
}

.settings-list-item span.step-3 {
  align-items: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: inline-flex;
  justify-content: center;
  -webkit-transition: all 75ms linear;
  -o-transition: all 75ms linear;
  transition: all 75ms linear;
  background-color: #8488ad !important;
}

.settings-list-item span.step-4 {
  align-items: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: inline-flex;
  justify-content: center;
  -webkit-transition: all 75ms linear;
  -o-transition: all 75ms linear;
  transition: all 75ms linear;
  background-color: #029fe4 !important;
}

.settings-list-item span.step-5 {
  align-items: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: inline-flex;
  justify-content: center;
  -webkit-transition: all 75ms linear;
  -o-transition: all 75ms linear;
  transition: all 75ms linear;
  background-color: #009ea0 !important;
}

/* .settings-list-item span{
    color: #fff;
    background-color:red;
} */
.settings-list-item a:focus>span,
.settings-list-item a:hover>span {
  transform: scale(1.1, 1.1);
  text-decoration: none;
}

a:focus,
a:hover {
  text-decoration: none;
}

.settings-list-item span i {
  font-size: 28px;
  color: #fff;
}

.settings-list-item p {
  margin-top: 10px;
  color: #333;
}

.list-wraper {
  padding-bottom: 25px;
}

.uar-title.dashboard {
  margin-left: -15px;
}

/* .settings-list-item span i .step-2 {
    font-size: 28px;
    color: #009ea0;
} */

.ReactTable .-pagination .-btn[disabled] {
  opacity: 0.5 !important;
  cursor: no-drop !important;
  /* display: none !important; */
  visibility: hidden !important;
}

.dashboardcard {
  border-radius: 5px;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  /* width: 25%; */
  margin: 10px;
  min-height: 240px !important;
  flex-grow: 0;
  max-width: 22%;
  flex-basis: 25%;
  cursor: pointer;
}

.dashboardcard:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.dashboardcardcontainer {
  padding: 0px;
  /* min-height: 167px !important; */
}

.main-card-btn {
  border: none;
  background: #fff;
}

.main-card-list {
  margin-top: 25px;
}

.col-md-12.cardlist {
  margin-bottom: 18px;
  left: 17px;
}

.card-settings-list-item {
  /* width: 170px; */
  text-align: center;
}

.card-settings-list-item span {
  align-items: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: inline-flex;
  justify-content: center;
  -webkit-transition: all 75ms linear;
  -o-transition: all 75ms linear;
  transition: all 75ms linear;
  border: none;
  padding: 0px !important;
}

.card-settings-list-item a:focus>span,
.card-settings-list-item a:hover>span {
  transform: scale(1.1, 1.1);
  text-decoration: none;
}

.card-settings-list {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* margin: -10px 0; */
}

input.form-control.multiselect-search {
  height: 38px !important;
  min-width: 170px !important;
}

/* .prod_uar{
    margin-left: 75px!important;
    width: 96px;
} */
a.custom_primary.preview.roleLink {
  margin: 2px !important;
}

.delete-modal-dialog {
  width: 750px !important;
}

/* 8-6-2020 */
.systemOfrecord button.custom__pg.userPolicyExportButton,
.systemOfrecord #iam_add.add_new_user.custom_primary,
.iamUsers button.custom__pg.userPolicyExportButton,
.iamUsers #iam_add.add_new_user.custom_primary {
  padding: 2px 14px !important;
  margin-top: 10px;
}

.camp_crt {
  margin-left: 25px;
}

#linkRequestAccess.custom_primary.preview:hover {
  border: none !important;
}

.preview,
.preview:hover {
  border: none !important;
}

/* .iamUser-table .dropdown:hover .dropdown-menu {
    display: block !important;
  } */
.Save_align {
  margin-right: 43px;
}

/* .thMatchcol{
      width: 55px !important;
  }
  .thUnMatchcol{
      width: 120px !important;
  }
  .thExcludedcol{
      width: 96px !important;
  }
  .thDeletecol{
      width: 88px !important;
  }
  .thPurgedcol{
      width: 84px !important;
  } */
table.dataTable thead .sorting:before {
  margin-left: 0.1em;
  right: 0em !important;
}

table.dataTable thead .sorting_desc:before {
  margin-left: 0.1em;
  right: 0em !important;
}

/* 23_6_2020 */
/* custom scroll for lefty */

.leftNavCustomScroll {
  overflow: auto !important;
  overscroll-behavior: none !important;
}

.leftNavCustomScroll::-webkit-scrollbar {
  width: 9px;
}

.leftNavCustomScroll::-webkit-scrollbar-track {
  background: #1a2238 !important;
}

.leftNavCustomScroll::-webkit-scrollbar-thumb {
  background-color: #c5ccd6;
  border-radius: 10px;
  border: none;
  height: 75px !important;
}

/* FF */
.leftNavCustomScroll {
  -scrollbar-width: auto;
  /* "auto" or "thin"  */
  -scrollbar-color: #aaa #eee;
  /* scroll thumb & track */
}

/*Rahul New popup and navigation other input fields css changes with golden branch latest changes*/

/* start here... */

/* system of record menu bar ...  */
.slide-toggle {
  display: none;
}

.slidemenu {
  /* font-family: arial, sans-serif; */
  overflow: hidden;
  margin-top: 6px;
}

.slidemenu label {
  width: 10%;
  text-align: center;
  display: block;
  float: left;
}

.slidemenu label:hover {
  cursor: pointer;
  color: #666;
}

.slidemenu label span {
  display: block;
  padding: 10px;
}

/*Bar Style*/
.horizontalSlider {
  width: 73%;
  height: 1.5px;
  display: block;
  background: #c3c3c3;
  margin-top: 40px;
  margin-left: 15px;
  border-radius: 5px;
}

.horizontalSlider .bar {
  width: 12%;
  height: 1.5px;
  background: #006c96;
  border-radius: 5px;
}

/*Animations*/
.slidemenu label,
.horizontalSlider .bar {
  transition: all 500ms ease-in-out;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
}

/*Toggle*/
.slidemenu .slide-toggle:checked+label {
  font-weight: bold;
}

.hrsystem .list-group {
  overflow: scroll;
  min-height: 50px;
  max-height: 400px;
}

.slidemenu #slide-item-1:checked~.horizontalSlider .bar {
  margin-left: 0;
}

.slidemenu #slide-item-2:checked~.horizontalSlider .bar {
  margin-left: 13%;
}

.slidemenu #slide-item-3:checked~.horizontalSlider .bar {
  margin-left: 27%;
}

.slidemenu #slide-item-4:checked~.horizontalSlider .bar {
  margin-left: 41%;
}

.slidemenu #slide-item-5:checked~.horizontalSlider .bar {
  margin-left: 54%;
}

/* radios - settings - page */

.radioContainer [type="radio"]:checked,
.radioContainer [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

.radioContainer [type="radio"]:checked+label,
.radioContainer [type="radio"]:not(:checked)+label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}

.radioContainer [type="radio"]:checked+label:before,
.radioContainer [type="radio"]:not(:checked)+label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 100%;
  background: #fff;
}

.radioContainer [type="radio"]:checked+label:after,
.radioContainer [type="radio"]:not(:checked)+label:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #0092bc;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.radioContainer [type="radio"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.radioContainer [type="radio"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.radioContainer,
.settingsTitle {
  margin-top: 10px;
}

.settingsTitle .fa-question-circle:before {
  width: 0.75rem;
}

/* .react-table{
  padding: 0;
} */

.endpointConfigCard .radioContainerRow {
  text-align: right;
}

.endpointConfigCard {
  margin: 0px !important;
}

/* Back button: regular size (not oversized) in header */
.endpointConfigCard .campaign_progress .AddAppBtn,
.o-form-title-bar .campaign_progress .AddAppBtn,
.sor-fields-mapping-page .campaign_progress .AddAppBtn,
.sor-fields-mapping-header .campaign_progress .AddAppBtn,
.create-sod-report-header-right .campaign_progress .AddAppBtn,
.update-sod-policy-header-right .campaign_progress .AddAppBtn {
  padding: 3px 20px !important;
  height: 30px !important;
  line-height: 1.4 !important;
  font-size: 14px !important;

}

/* SOR Fields Mapping: header alignment — title left, Back right */
.sor-fields-mapping-header-row {
  width: 100%;
}

.sor-fields-mapping-header {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  padding: 0 15px;
  background: #f7f7f7;
}

.sor-fields-mapping-header-left {
  flex: 0 0 auto;
}

.sor-fields-mapping-header-left .o-form-title-bar {
  margin: 0 !important;
}

.sor-fields-mapping-header-right {
  display: flex !important;
  align-items: center !important;
  margin-left: auto !important;
}

.sor-fields-mapping-header-right .campaign_progress {
  position: static !important;
  right: auto !important;
  margin: 0 !important;
}

.sor-fields-mapping-header-right .campaign_progress button,
.sor-fields-mapping-header-right .campaign_progress input {
  margin: 0 !important;
  padding: 3px 20px !important;
  height: 30px !important;
  line-height: 1.4 !important;
  font-size: 14px !important;
}

/* SOR Fields Mapping: dropdown + Add button aligned horizontally */
.sor-fields-mapping-page .sor-fields-mapping-filters {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-left: 0 !important;
}

.sor-fields-mapping-page .sor-fields-mapping-select-wrap {
  flex: 0 0 auto !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 12px !important;
}

.sor-fields-mapping-page .sor-fields-mapping-add-wrap {
  display: flex !important;
  align-items: center !important;
}

.sor-fields-mapping-page .sor-fields-mapping-add-wrap .addButtonData {
  padding: 6px 20px !important;
  height: 34px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

/* Configure Application / Create Application: keep row > col-md-6 side-by-side */
.endpointConfigCard .row,
.endpointConfigCard.steps .row,
.hrsystemAppCnt .row,
.card.sor-header .card-body .row {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
  width: 100% !important;
  padding: 5px 5px 12px 5px;
  /* margin-top: 5px; */
}

.endpointConfigCard .row>.col-md-6,
.endpointConfigCard.steps .row>.col-md-6,
.hrsystemAppCnt .row>.col-md-6,
.card.sor-header .card-body .row>.col-md-6 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

.endpointConfigCard .row>.col-md-4,
.endpointConfigCard.steps .row>.col-md-4,
.hrsystemAppCnt .row>.col-md-4,
.card.sor-header .card-body .row>.col-md-4 {
  flex: 0 0 33.333333% !important;
  max-width: 33.333333% !important;
}

.endpointConfigCard .row>.col-md-5,
.endpointConfigCard.steps .row>.col-md-5,
.hrsystemAppCnt .row>.col-md-5,
.card.sor-header .card-body .row>.col-md-5 {
  flex: 0 0 41.666667% !important;
  max-width: 41.666667% !important;
}

.form-control.col-md-8.endPointRolesInput {
  width: 30%;
  border-radius: 36px;
}

.uar-dashboard-items {
  margin-top: 22px !important;
  width: 100%;
}

.uar-dashboard-items .card {
  width: 100%;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px;
  min-height: 105px;
  height: 100%;
  border: none;
  -webkit-box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
}

.uar-item-img img {
  max-height: 55px;
  min-height: 55px;
}

.uar-apps-wrapper {
  width: 100%;
}

.col-md-2.agentName {
  width: 18.66666667%;
}

.agent {
  font-size: 10px;
  line-height: 1.2;
  text-align: center;
}

.uar-apps-section {
  width: 95%;
  background-color: #fff;
  padding: 5px 5px 20px 5px;
  -webkit-box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  margin: 0 auto;
  min-height: 225px;
  overflow: visible;
  border: 1px solid #d3cece;
}

.uar-search {
  padding: 0px 16px;
  display: block;
}

.uar-search-toolbar {
  margin: 0;
  padding: 0 16px;
  align-items: center;
}

.uar-search-toolbar .uar-search-input-wrap {
  padding-right: 8px;
}

.connector-industry-toolbar-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  padding-left: 8px;
  min-width: 0;
}

.connector-industry-toolbar-right .connector-industry-filter-wrap {
  justify-content: flex-end;
  width: auto;
  max-width: 100%;
}

.uar-connector-list-toggle {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 16px 4px;
  width: 100%;
  clear: both;
}

.uar-connector-list-toggle .uar-showallclick {
  margin-right: 0;
  float: none !important;
}

.connector-industry-filter-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.connector-industry-label {
  margin: 0;
  white-space: nowrap;
  font-weight: 500;
}

.connector-industry-filter-wrap .multiselect-native-select {
  flex: 0 0 69%;
  width: 69%;
  max-width: 69%;
  min-width: 0;
}

.connector-industry-filter-wrap .multiselect-native-select .btn-group {
  width: 100%;
}

.connector-industry-filter-wrap .btn-group,
.connector-industry-filter-wrap button.multiselect.dropdown-toggle {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-align: left !important;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

.connector-industry-filter-wrap button.multiselect .multiselect-selected-text {
  display: inline-block !important;
  flex: 1 1 auto;
  min-width: 0;
  text-align: left !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  float: none !important;
}

.connector-industry-filter-wrap button.multiselect .caret,
.connector-industry-filter-wrap .multiselect-native-select .caret {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 0 0 auto;
  float: none !important;
  position: static !important;
  margin-left: 0.5rem !important;
  vertical-align: middle;
}

.connector-industry-filter-wrap .multiselect-container.dropdown-menu {
  z-index: 9999 !important;
  width: 100%;
  min-width: 100%;
  max-width: 420px;
  max-height: 280px;
  overflow-y: auto !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}

.connector-industry-filter-wrap .multiselect-container.dropdown-menu>li.multiselect-filter,
.connector-industry-filter-wrap .multiselect-container.dropdown-menu>li.multiselect-reset {
  width: 100% !important;
  min-width: 100% !important;
}

.connector-industry-filter-wrap .multiselect-container.dropdown-menu>li:not(.multiselect-filter):not(.multiselect-reset):not(.multiselect-group) {
  min-width: 100%;
  width: max-content;
}

.connector-industry-filter-wrap .multiselect-container.dropdown-menu>li>a {
  display: block !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}

/* Let options expand; one horizontal scrollbar at bottom of the menu list */
.connector-industry-filter-wrap .multiselect-container.dropdown-menu>li>a>label {
  display: inline-block !important;
  white-space: nowrap !important;
  overflow: visible !important;
  width: max-content !important;
  max-width: none !important;
  text-overflow: clip !important;
  box-sizing: border-box !important;
}

.uar-apps-section {
  position: relative;
  overflow: visible;
}

/* Legacy "See all" outside toolbar only */
.uar-apps-section>.uar-showallclick.pull-right {
  position: absolute;
  top: 11px;
  right: 16px;
  float: none !important;
  z-index: 2;
}

.uar-featured-block {
  display: inherit;
  padding: 0 14px;
  margin-top: 10px;
  margin-bottom: 0;
}

.uar-featured-block div {
  display: inline-block;
}

/* .uar-appl-list {
  height: calc(121vh - -72px);
} */

.uar-appl-list-less {
  max-height: calc(100vh - -33px);
  /* -min-height: 386px; */
}

.uar-appl-list-update {
  display: inline-block;
  margin-top: -15px;
  width: 130px;
}

/* Connector cards horizontal layout (System of Record, Setup Application, Endpoints) */
.uar-appl-list,
.uar-appl-list-less {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 61px;
  justify-content: flex-start;
  align-items: stretch;
}

.uar-appl-list .uar-dashboard-items,
.uar-appl-list-less .uar-dashboard-items {
  width: 140px !important;
  flex: 0 0 140px;
  min-width: 140px;
  max-width: 140px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Connector sections: stack title above cards and add clear spacing to prevent overlap */
.hrsystemAppCnt>.row.mt-3 {
  flex-direction: column !important;
  align-items: stretch !important;
  margin-bottom: 28px !important;
}

.hrsystemAppCnt>.row.mt-3>.uar-apps-wrapper {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-top: 8px !important;
}

.uar-appl-list .uar-dashboard-items .col-md-2.agentName,
.uar-appl-list-less .uar-dashboard-items .col-md-2.agentName,
.uar-appl-list .uar-dashboard-items .col-md-2,
.uar-appl-list-less .uar-dashboard-items .col-md-2 {
  width: 100% !important;
  max-width: 100%;
  flex: none;
  height: 100%;
  display: flex;
}

.uar-appl-list .uar-dashboard-items .uar-item-img.card,
.uar-appl-list-less .uar-dashboard-items .uar-item-img.card {
  flex: 1;
  min-height: 105px;
}

.uar-radio {
  width: 100%;
  margin-left: 66px;
  -text-align: center;
}

.uar-radio-data {
  width: 100%;
  margin-left: 10px;
  -text-align: center;
}

.uar-radio-dataInfo {
  width: 100%;
  -text-align: center;
}

.uar-tab-title {
  position: absolute;
  top: 12%;
  left: 3%;
  font-weight: bold;
}

.uar_text_title {
  text-align: center;
}

.uar-showallclick {
  cursor: pointer;
  font-weight: 550;
  color: #3f84d9;
  font-size: 13px;
  margin-right: 12px;
}

.slidemenu span {
  font-size: 12px;
}

/* .hrsystemAppCnt , .hrsystemAppCnt p, .hrsystemAppCnt span{
  font-size: 12px !important;
} */
.shrt {
  border: 1px solid #ccc;
  background: #f4f6fb;
  font-size: 12px;
  font-weight: 550;
  margin: 20px 0px 0px -8px;
  color: #1199b8;
  padding: 7px 11px 16px 13px;
}

.shortcuts-content {
  height: auto;
  float: left;
  border-radius: 20px;
  width: 225px !important;
}

.form-control.appSe {
  border-radius: 3px;
  font-weight: 400;
  width: 50%;
}

.form-control.setup {
  border-radius: 30px;
  font-weight: 400;
  width: 25%;
}

.shortcut-icons {
  margin-right: 0 !important;
  color: #2e6da4 !important;
}

.shortcut-icons:hover {
  color: #fff !important;
}

.shortcuts-text li {
  color: #2e6da4;
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
}

.groups.shortcuts-text {
  /* color:#2e6da4; */
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 5px;
}

.groups.shortcuts-text:hover {
  background-color: rgb(202, 200, 200);
}

.settingsTitleName {
  /* margin-top: 30px; */
  font-size: 14px !important;
  color: black;
}

.faq-Qstn {
  color: #2e6da4;
}

.faqText {
  color: green;
  font-size: 12px !important;
}

.faq-Heading,
.shrt-Heading {
  color: #000 !important;
  font-size: 15px !important;
  -background-color: #ccc;
  -border-radius: 15px;
  text-align: center;
  font-weight: 600 !important;
}

.reviewr {
  /* text-align: right; */
  margin-left: 17px;
  margin-bottom: 20px;
}

.preview_buttn {
  margin-left: 20px !important;
}

.camp_assign {
  margin-top: 30px;
  font-size: 15px;
}

.deletebutton {
  margin-top: 27px;
}

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

.peoplereact-table {
  width: 100%;
  height: auto;
  min-height: 550px;
  background-color: #f4f6fb;
  border-radius: 4px;
  display: inline-block;
  padding: 0px 10px 30px;
  margin: 20px 0;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
}

.credential_status {
  margin-top: 2px !important;
}

.row .data_tab {
  margin-right: 17px !important;
  margin-left: 7px !important;
}

.header_tab {
  margin: 45px 0px 0px 22px;
  color: rgb(100, 97, 97);
  font-size: 14px !important;
  background-color: white;
  border-radius: 4px;
  padding: 5px;
}

.header_child {
  color: rgb(184, 178, 178);
  font-size: 12px !important;
}

.cust_ReportBut {
  background-color: darkgrey;
  border-color: white;
  color: black;
  font-size: 13px;
  /* font-weight: 00; */
  padding: 5px 15px;
  text-decoration: none !important;
  border: 1px solid rgb(179, 179, 179);
  /* border-radius: 5px; */
}

.delegatetab {
  font-size: 12px !important;
  color: rgb(170, 169, 169);
  margin-top: -9px !important;
}

.Faq {
  /* width: 215px; */
  width: 225px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #f4f6fb;
  font-size: 12px;
  font-weight: 550;
  margin: 20px 0px 0px -8px;
  padding: 7px 11px 16px 13px;
  height: auto;
  float: left;
  border-radius: 20px;
}

.inactiveUser {
  margin-top: 36px !important;
  height: 20px;
  width: 19px;
}

.o-form-button-bar,
.o-form-toolbar,
.o-form-toolbar.ui-tabs {
  margin-top: -1px;
  padding: 16px;
  /* border-width: 1px;
  border-style: solid;
  border-radius: 0 0 3px 3px;
  border-color: #dadada #dddddd;
  background: #f2f2f2; */
  -box-shadow: 0 1px 1px rgba(175, 175, 175, 0.16);
  text-align: right;
}

input[type="button"],
input[type="submit"],
input.button {
  width: auto;
  height: 30px;
  padding: 0 10px;
  overflow: visible;
  line-height: 30px;
}

input.button {
  min-width: 100px;
}

input[type="button"],
input[type="submit"],
input.button,
.link-button,
.link-bar a,
.o-form-toggle a {
  border: 1px solid;
  border-radius: 3px;
  border-color: #c3c3c3 #c3c3c3 #bebebe;
  background: -webkit-linear-gradient(#fefefe, #f9f9f9), #f9f9f9;
  background: linear-gradient(#fefefe, #f9f9f9), #f9f9f9;
  box-shadow: rgba(0, 0, 0, 0.06) 0 1px 0,
    rgba(255, 255, 255, 0.1) 0 1px 0 0 inset;
  color: #5e5e5e;
  text-align: center;
  cursor: pointer;
}

.button-primary,
.button-bar .button-primary,
.o-form-button-bar .button-primary,
.button-bar .save {
  border: 1px solid;
  border-radius: 3px;
  border-color: #328c71 #328c71 #2f856b !important;
  background: -webkit-linear-gradient(#4cbf9c, #44bc98), #44bc98 !important;
  background: linear-gradient(#4cbf9c, #44bc98), #44bc98 !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0,
    rgba(255, 255, 255, 0.1) 0 1px 0 0 inset !important;
  color: #ffffff !important;
  text-align: center;
  cursor: pointer;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

em {
  font-style: italic;
}

form {
  display: block;
  margin-top: 0em;
}

.o-form-toggle {
  position: absolute;
  top: 8px;
  right: 8px;
  /* Differs from link-button only in height and width */
}

h2,
h2 span {
  font-size: 20px;
  font-weight: 200;
}

.o-form-label {
  box-sizing: border-box;
  color: #5e5e5e;
  font-weight: bold;
  line-height: 16px;
}

.o-form-label,
.o-form-input {
  float: left;
}

.detailstab {
  list-style-type: none !important;
  color: #5e5e5e;
  text-decoration: none !important;
  font-size: 13px !important;
}

.o-form-head {
  margin: 0 0 15px;
  padding: 0;
  color: #46b090;
  font-size: 14px;
  font-weight: 200;
  line-height: 30px;
  text-transform: uppercase;
}

.o-form-edit-mode .o-form-content {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.o-form-title-bar+.o-form-theme {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.clearfix {
  display: block;
}

.o-form-theme {
  padding: 30px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  border-bottom-color: #d2d2d2;
  background: #f9f9f9;
  box-shadow: 0 1px 1px rgba(175, 175, 175, 0.16);
}

.o-form-title-bar {
  position: relative;
  margin: 0;
  padding: 2px 5px;
  /* border: 1px solid #dddddd; */
  border-bottom-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #f7f7f7;
  color: #333 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  line-height: 44px;
  height: 50px;
}

/* 23_3_2020 */
.listOfSRtitle {
  margin-left: 8px;
  padding: 9px;
  font-weight: bold;
}

button.custom__pg.AddAppBtn {
  margin-left: 12px;
  padding: 0px 25px;
  background-color: #009ea0 !important;
  border-color: #009ea0 !important;
  height: 30px;
  line-height: 0;
}

.AddAppBtnCont .AddAppBtnIcon {
  font-size: 15px;
  margin-right: 7px;
}

.hrsystem .AddAppBtnCont {
  margin-bottom: 10px;
}

.AppSearchCont {
  margin-top: 12px;
}

.row.mainBodyContainer {
  margin-top: 0px;
  border-top: 0px solid rgb(222, 224, 226);
}

.verticalTab {
  padding: 5px;
}

.verticalTab.bg:hover,
.verticalTab.bg.active {
  background: #e8f0fe;
}

.verticalTab .statusTabLink {
  color: #868790;
}

.verticalTab .activeTabLink,
.verticalTab .inActiveTabLink {
  color: #3975a9;
}

/* hover tabs  */
.verticalTab .activeTabLink:hover,
.verticalTab .inActiveTabLink:hover,
.verticalTab.active .activeTabLink,
.verticalTab.active .inActiveTabLink {
  color: #1967d2;
  margin-left: 0;
  cursor: pointer;
}

/* need to handle active tabs */
/* --- */
/* Global modal header: aligned bar, no collapse, title left / close right */
.modelheader,
.modal-header {
  background: #0078d4 !important;
  color: white;
  border-radius: unset;
  font-size: 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 1rem 1rem !important;
  min-height: 52px !important;
  flex-shrink: 0 !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.modal-content {
  display: flex !important;
  flex-direction: column !important;
}

.modal-header .close,
.modal-header button.close,
.modelheader .close,
.modelheader button.close {
  margin-left: auto !important;
  margin-right: -0.5rem !important;
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
  padding: 0.25rem 0.5rem !important;
  order: 2 !important;
  flex-shrink: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  color: #fff !important;
}

.modal-header .modal-title,
.modelheader .modal-title {
  margin: 0 !important;
  order: 1 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  text-align: left !important;
  line-height: 1.4 !important;
}

/* Modal close: only cross mark (white ×), no button background */
.modal-header .close span[aria-hidden="true"],
.modal-header button.close span[aria-hidden="true"],
.modelheader .close span[aria-hidden="true"],
.modelheader button.close span[aria-hidden="true"] {
  color: #fff !important;
  font-size: 1.5rem !important;
  line-height: 1 !important;
  opacity: 1 !important;
}

.modal-header .close span,
.modal-header button.close span,
.modelheader .close span,
.modelheader button.close span {
  color: #fff !important;
}

/* Bootstrap 5 .btn-close in modals: transparent, white X only */
.modal-header .btn-close,
.modelheader .btn-close {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: invert(1) grayscale(100%) brightness(200%) !important;
}

.modal-header .btn-close:hover,
.modelheader .btn-close:hover {
  opacity: 0.9 !important;
  filter: invert(1) grayscale(100%) brightness(200%) !important;
}

.close {
  opacity: 1 !important;
}

.modalHeader.campaignList {
  background: #3975a9;
  color: white;
}

.campign {
  margin-left: 15px;
  font-weight: bold;
}

.camptable {
  margin-top: 60px !important;
}

/* #header .modal-header .close span {
  color: white!important;
  opacity:unset!important;

} */
p.activeTabLink span,
p.inActiveTabLink span {
  position: absolute;
  right: 7px;
}

.listAppsContainer {
  background: #ffffff;
  border-left: 1px solid rgb(222, 224, 226);
  border-bottom: 1px solid rgb(222, 224, 226);
  border-right: 1px solid rgb(222, 224, 226);
}

/* overriding defaults column props */
.col-md-9.listAppsContainer {
  padding-left: 0px !important;
  padding-right: 0px !important;
  height: 600px;
  overflow: scroll;
}

.appImgCont {
  width: 100px;
  height: 45px;
  display: inline-block;
  padding: 3px 5px 3px 5px;
  background: white;
  border: 1px solid rgb(222, 224, 226);
  border-radius: 3px;
}

/* gear custo */
.dropdown.badge {
  background: none !important;
  width: 100%;
}

.dropdown.badge .appGear {
  padding: 0px 8px 0px 0px;
  /* font-size: 18px; */
}

/* Action gear icon: same color as other gear icons (e.g. Admin Console), not primary/green */
.dropdown.badge .btn-default,
.dropdown.badge .btn-default .appGear,
.dropdown.badge .btn-default .fa-cog {
  color: #333 !important;
  border-color: #ccc !important;
  background-color: #fff !important;
}

.dropdown.badge .dropdown-toggle::after {
  border-top-color: #333 !important;
  border-bottom-color: #333 !important;
}

/* img */
.ep-logo-thumb.addHrApp {
  max-height: 40px !important;
  box-shadow: none !important;
  border: none !important;
}

.list-group-item span.appNameTitle {
  position: absolute;
  top: 23px;
}

/* .dropdown-menu {
  z-index: auto;
} */

.dropdown-menu.leftAlign {
  left: 75px !important;
  right: auto !important;
  /* Never use right: 0 here — with left set it stretches the menu to the row width in ReactTable */
  /* Do not use top: 0 - would place menu above trigger; Popper positions below via JS */
}

/* Global: action gear dropdowns – keep container as positioning context; do not override Popper's top/left */
.dropdown.badge {
  position: relative;
}

/* ReactTable: allow action column cells to show dropdown (avoid clipping) */
.ReactTable .rt-td:has(.dropdown.badge) {
  overflow: visible;
}

.ReactTable .rt-tr:has(.dropdown.badge) {
  overflow: visible;
}

.ReactTable .rt-td:has(.ActionDropdown) {
  overflow: visible;
}

.ReactTable .rt-tr:has(.ActionDropdown) {
  overflow: visible;
}

.ReactTable .rt-td:has(.configActionDropdown) {
  overflow: visible;
}

.ReactTable .rt-tr:has(.configActionDropdown) {
  overflow: visible;
}

/* ReactTable action dropdowns: menu above header and table, opaque background (fix overlap/clipping/transparency) */
.ReactTable .dropdown .dropdown-menu,
.ReactTable .configActionDropdown .dropdown-menu,
.ReactTable .ActionDropdown .dropdown-menu {
  z-index: 1060 !important;
  background: #fff !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.drop-maindiv.drop-extra ul.dropdown-menu.campaignPopUp {
  left: 75px !important;
  right: 0 !important;
  top: 32px;
  width: 180px !important
}

.drop-maindiv.drop-extra ul.dropdown-menu.campaignPopUpCO {
  left: 75px !important;
  right: 0 !important;
  top: 32px;
}

.button-add {
  color: #f9f9f9e0;
  font-size: 13.5px;
  border: 2px solid;
  border-radius: 5px;
  background-color: #328c71db;
  padding: 3px 10px;
  margin-top: 10px;
  display: block;
}

.appList {
  background-color: #d3d3d3a8;
  border: 1px solid rgb(179, 179, 179);
  border-radius: 5px;
  margin-top: 10px;
  min-height: 660px;
}

.appList-input {
  border-bottom: 0.5px solid rgb(179, 179, 179);
  padding: 10px 10px 10px 10px;
}

.status-list {
  /* display:inline-block; */
  float: left;
  width: 18%;
}

.dropdown-menu.rightalign {
  right: auto !important;
  left: 0 !important;
}

.dropdown-menu1 {
  background-color: #d3d3d3ab !important;
}

.reporttable {
  margin-top: 30px !important;
  overflow-y: scroll;
  height: 450px;
}

.effexport {
  margin-left: 20px;
}

/* .reportpopup{
 overflow-y:scroll;
 height:250px;
  }
  .Modalpopup{
 overflow-y:scroll;
 height:350px;
  } */
.headercampaign {
  margin-left: 15px;
}

.datacontainer {
  margin-top: 20px;
}

.navvbutt {
  margin-left: 65pc !important;
}

.searchtnp {
  margin-left: 20px;
}

.divalign {
  float: right !important;
  margin-right: 30px !important;
  display: flex;
}

.status {
  padding: 22px 22px 22px 10px;
  /* border-bottom: 0.5px solid rgb(179, 179, 179);
  border-right: 0.5px solid rgb(179, 179, 179); */
  font-weight: 600;
  font-size: 14px;
}

.status-active {
  color: #066e96;
  font-weight: 600;
  padding: 10px;
  font-size: 13px;
}

.status-active:hover {
  background-color: #066e96;
  color: #f9f9f9e0;
  cursor: pointer;
}

/* file upload styles */

/* .fileAppName{
  
} */

/* .csv_logo{
  background-image: url("/assets/img/icons/csv.png");
  border: 1px solid gray;
  display: block;
    margin: 0 auto 0;
    max-height: 80px;
    max-width: 80px;
} */
.uplaodFileHr {
  border: 1px solid #d3cece;
  padding: 5px;
  height: auto;
}

.csvhrbtn {
  float: right !important;
  margin-right: 15px;
  margin-top: 12px;
}

.csvContText {
  font-size: 14px;
  color: #006c96;
  font-weight: 400;
  margin: 5px;
}

.appimg {
  margin: 15px;
}

.ep-logo-thumb.reviewer {
  display: block;
  /* margin: 0 auto 0; */
  margin-left: 15px;
  margin-top: 20px;
  max-height: 70px;
  max-width: 92px;
  border: 0.5px solid rgb(179, 179, 179);
  padding: 1px 7px 1px 7px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.sampleCsv {
  color: #006c96;
}

/* 24_3_2020 */
.hrsystemAppCnt .settingsTitle {
  font-size: 0.75rem !important;
}

.o-form-button-bar .cancelBtn {
  margin-left: 10px;
  background: #cccccc;
  color: #091432 !important;
}

.o-form-button-bar .cancelBtnUser {
  background: #cccccc;
  color: #091432 !important;
  padding: 0px 0px 32px 0px;
}

.iam_add_Import {
  background: #1967d2 !important;
  color: #091432 !important;
  margin: 10px 33px 0px 0px !important;
  color: #fff !important;
  padding: 11px 24px !important;
  /* font-size: 18px !important;
  font-weight: 400; */
}

.iam_add_Export {
  background: #1967d2 !important;
  color: #091432 !important;
  /* border-color: #009ea0!important; */
  color: #fff !important;
  padding: 11px 24px !important;
  margin: 10px 22px 0px 0px !important;
  /* font-size: 18px !important;
  font-weight: 400; */
  cursor: pointer;
}

.button_alignment {
  margin: 0px 22px 0px 0px !important;
}

.button_alignment {
  margin: 0px 22px 0px 0px !important;
}

.request_access_buttons {
  background: #1967d2 !important;
  color: #091432 !important;
  /* border-color: #009ea0!important; */
  color: #fff !important;
  padding: 11px 24px !important;
  margin: 12px 10px 11px 0px !important;
  /* font-size: 18px !important;
  font-weight: 400; */
  cursor: pointer;
  float: right;
}

.iam_add_Add {
  margin: 0px 0px 0px 10px;
  background: #1967d2 !important;
  color: white !important;
  /* margin: 10px 22px 0px 0px !important; */
}

p.labelShortDesc {
  font-size: 11px !important;
  font-weight: 400 !important;
  /* margin-top: 0px !important; */
  font-style: italic;
  color: #00658e;
}

/* Delegate section */
.logo-sec {
  margin-top: 8px;
  display: flex;
}

.delegate-icons {
  display: flex;
}

.app-text {
  margin-bottom: 5px !important;
  font-size: 14px !important;
}

.refresh-icon,
.save-icon {
  border: 1px solid #6b707f;
  cursor: pointer;
}

.refresh-icon {
  margin-right: 10px;
}

.save-icon {
  margin-left: 10px;
}

.img-section {
  padding: 0 !important;
  max-width: 90px !important;
  width: 90px;
  max-height: 60px !important;
}

.assign-sec {
  margin-top: 25px;
}

.delegate-form-button-bar {
  text-align: center !important;
  margin-top: -1px;
  -box-shadow: 0 1px 1px rgba(175, 175, 175, 0.16);
}

.delegate-remove {
  color: #fff !important;
  background-color: #ff3f3b !important;
  border-radius: 5px;
}

.ep-logo-thumb.approver {
  display: block;
  /* margin: 0 auto 0; */
  margin-left: 15px;
  margin-top: 20px;
  max-height: 70px;
  max-width: 92px;
  border: 0.5px solid rgb(179, 179, 179);
  padding: 1px 7px 1px 7px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.approver.nameLabel {
  font-size: 14px;
}

.TicketApproverHeader {
  margin-left: 30px;
  margin-top: 50px !important;
  font-size: 18px;
  color: #091432;
  display: inline-block;
}

.approver.radioRow {
  /* display: inline-block; */
  margin-left: 0px;
  margin-top: 30px;
}

/* Applications/FlexConnector */
.ml-0 {
  margin-left: 0;
}

#listOfPeopleTable .-pagination .-center {
  flex: inherit !important;
}

.row.peopleTabHeader {
  padding: 10px;
}

.endpointConfigCard {
  /* margin: 0 !important; */
  font-size: 12px;
}

.list-group-item {
  padding: 5px 5px;
  text-align: left;
}

.row.mainBodyContainer p {
  font-size: 12px !important;
}

.mt-3 {
  margin-top: 15px;
}

.mb-3 {
  margin-bottom: 15px;
}

.pt-3 {
  padding-top: 15px;
}

.apps-conn-wrapper {
  width: 100%;
}

.delegate-campaign-table {
  padding-left: 16px;
  padding-right: 16px;
}

.form-group-email-configuration {
  margin-bottom: 22px;
}

/* Email Audit form: aligned two-column layout (Email From/To, From Date/To Date) */
.email-audit-form {
  overflow: visible;
}

.email-audit-form .row.email-audit-form-row {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  width: 100% !important;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 10px;
}

.email-audit-form .row.email-audit-form-row>.form-group.col-md-6 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  float: none !important;
  margin-bottom: 1rem;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

.email-audit-form .row.email-audit-form-row>.form-group.col-md-6>.col-md-3 {
  flex: 0 0 28% !important;
  max-width: 28% !important;
  padding-left: 0;
  padding-right: 8px;
}

.email-audit-form .row.email-audit-form-row>.form-group.col-md-6>.col-md-7 {
  flex: 1 1 auto !important;
  max-width: 72% !important;
  padding-left: 0;
  padding-right: 0;
}

.email-audit-form .email-audit-field-group label.control-label.temp-lbl {
  display: block !important;
  margin-bottom: 0.35rem !important;
  margin-left: 0 !important;
  font-weight: bold;
  color: #333;
  overflow: visible;
  white-space: nowrap;
}

.email-audit-form .email-audit-field.o-form-input {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  position: relative;
}

.email-audit-form .email-audit-field .react-autocomplete-input {
  width: 100% !important;
}

.email-audit-form .email-audit-field input.form-control {
  width: 100% !important;
  box-sizing: border-box;
}

.email-audit-form .email-audit-field .react-datepicker-wrapper {
  width: 100% !important;
  display: block !important;
}

.email-audit-form .email-audit-field .react-datepicker-wrapper input {
  width: 100% !important;
  box-sizing: border-box;
}

/* Email Audit table: Actions gear dropdown — single caret, menu above table */
.email-audit-actions-dropdown .dropdown-toggle .caret {
  display: none !important;
}

.email-audit-actions-dropdown.dropdown .dropdown-menu {
  z-index: 1060;
}

/* Message Audit form: label above input, aligned two-column layout (overflow: visible so datepicker popper is not clipped) */
.message-audit-form {
  overflow: visible;
}

/* Ensure datepicker dropdown is visible above other content */
.message-audit-form .react-datepicker-popper {
  z-index: 99 !important;
}

.message-audit-form .react-datepicker-popper[data-placement^="top"] {
  z-index: 99 !important;
}

.message-audit-form .react-datepicker-popper[data-placement^="bottom"] {
  z-index: 99 !important;
}

.message-audit-form .row.message-audit-form-row {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  width: 100% !important;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 10px;
}

.message-audit-form .row.message-audit-form-row>.form-group.col-md-6 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
  display: flex !important;
  flex-direction: column !important;
  float: none !important;
  -margin-bottom: 1rem;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

.message-audit-form .message-audit-field-group label.control-label.temp-lbl {
  display: block !important;
  margin-bottom: 0.35rem !important;
  margin-left: 0 !important;
  font-weight: bold;
  color: #333;
}

.message-audit-form .message-audit-field.o-form-input {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  position: relative;
}

.message-audit-form .message-audit-field .react-autocomplete-input {
  width: 100% !important;
}

.message-audit-form .message-audit-field input.form-control {
  width: 100% !important;
  box-sizing: border-box;
}

.message-audit-form .message-audit-field .react-datepicker-wrapper {
  width: 100% !important;
  display: block !important;
}

.message-audit-form .message-audit-field .react-datepicker-wrapper input {
  width: 100% !important;
  box-sizing: border-box;
}

/* Message Template form: label above input, aligned two-column layout */
.message-template-form {
  overflow: visible;
}

.message-template-form .row.message-template-form-row {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  width: 100% !important;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 10px;
}

.message-template-form .row.message-template-form-row>.form-group.col-md-6.message-template-field-group {
  flex: 0 0 50% !important;
  max-width: 50% !important;
  display: flex !important;
  flex-direction: column !important;
  float: none !important;
  margin-bottom: 1rem;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

.message-template-form .message-template-field-group label.control-label {
  display: block !important;
  margin-bottom: 0.35rem !important;
  margin-left: 0 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #091432;
}

.message-template-form .message-template-field-group select.form-control,
.message-template-form .message-template-field-group input.form-control {
  width: 100% !important;
  box-sizing: border-box;
}

/* Message Template form: header — title left, Back right */
.message-template-header-row {
  width: 100%;
}

.message-template-header {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex: 0 0 100%;
  gap: 1rem;
  background: #f7f7f7;
}

.message-template-header-left .o-form-title-bar {
  margin: 0;
}

.message-template-header-right {
  display: flex !important;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

.message-template-header-right .campaign_progress.message-template-back {
  position: static !important;
  right: auto !important;
  margin: 0 !important;
}

.message-template-header-right .campaign_progress input,
.message-template-header-right .campaign_progress button {
  margin: 0;
}

/* Update Policy Template: header — title left, Back right */
.update-policy-template-header-row {
  width: 100%;
}

.update-policy-template-header {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex: 0 0 100%;
  gap: 1rem;
}

.update-policy-template-header-left .o-form-title-bar {
  margin: 0;
}

.update-policy-template-header-right {
  display: flex !important;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

.update-policy-template-header-right .campaign_progress.update-policy-template-back {
  position: static !important;
  right: auto !important;
  margin: 0 !important;
}

.update-policy-template-header-right .campaign_progress input,
.update-policy-template-header-right .campaign_progress button {
  margin: 0;
}

/* Message Template form: Message Body Editor — 100% width, 300px height */
.message-body-editor {
  width: 100%;
  margin-bottom: 1rem;
}

.message-body-editor .message-body-editor-textarea,
.message-body-editor textarea.message-body-editor-textarea {
  width: 100% !important;
  height: 300px !important;
  box-sizing: border-box;
  resize: vertical;
}

/* Message Audit table: align filter inputs with column headers */
#epTable .messageAuditTable .rt-thead.-header .rt-th,
#epTable .messageAuditTable .rt-thead.-filters .rt-th {
  display: flex;
  align-items: center;
}

#epTable .messageAuditTable .rt-thead.-filters .rt-th input.form-control {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* Users Report Schedule form: label above input, aligned SFTP layout */
.users-report-schedule-form {
  overflow: hidden;
}

.users-report-schedule-form .row.users-report-form-row {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  width: 100% !important;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.users-report-schedule-form .row.users-report-form-row>.form-group.col-md-6,
.users-report-schedule-form .row.users-report-form-row>.form-group.col-md-8,
.users-report-schedule-form .row.users-report-form-row>.form-group.col-md-4,
.users-report-schedule-form .row.users-report-form-row>.form-group.col-md-12 {
  display: flex !important;
  /* flex-direction: column !important; */
  float: none !important;
  margin-bottom: 1rem;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

.users-report-schedule-form .row.users-report-form-row>.form-group.col-md-6 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

.users-report-schedule-form .row.users-report-form-row>.form-group.col-md-8 {
  flex: 0 0 66.666667% !important;
  max-width: 66.666667% !important;
}

.users-report-schedule-form .row.users-report-form-row>.form-group.col-md-4 {
  flex: 0 0 33.333333% !important;
  max-width: 33.333333% !important;
}

.users-report-schedule-form .row.users-report-form-row>.form-group.col-md-12 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

.users-report-schedule-form .users-report-config-title {
  font-weight: bold;
  margin-bottom: 0.75rem;
  margin-top: 0;
}

.users-report-schedule-form .users-report-field-group label.control-label.temp-lbl {
  display: block !important;
  margin-bottom: 0.35rem !important;
  margin-left: 0 !important;
  font-weight: bold;
  color: #333;
}

.users-report-schedule-form .users-report-field.o-form-input {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  position: relative;
}

.users-report-schedule-form .users-report-field input.form-control,
.users-report-schedule-form .users-report-field select.form-control {
  width: 100% !important;
  box-sizing: border-box;
}

.users-report-schedule-form .uar-radio-data {
  margin-left: 0 !important;
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* Filter Campaigns (Historic Campaign): aligned filter UI, horizontal chart layout */
.filter-campaigns-form {
  margin-top: 1rem;
  margin-left: 0;
}

.filter-campaigns-form .filter-campaigns-box {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 1rem;
  margin-bottom: 1rem;
  max-width: 100%;
  box-sizing: border-box;
}

.filter-campaigns-form .row.filter-campaigns-row {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  width: 100% !important;
  margin-left: 0;
  margin-right: 0;
}

.filter-campaigns-form .filter-campaigns-row>.form-group.col-md-6 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

.filter-campaigns-form .filter-campaigns-row>.form-group.col-md-12 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

.filter-campaigns-form .filter-campaigns-field {
  display: flex !important;
  flex-direction: column !important;
  float: none !important;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

.filter-campaigns-form .filter-campaigns-field .label-width {
  display: block !important;
  margin-bottom: 0.35rem !important;
  width: auto !important;
  min-width: 0;
}

.filter-campaigns-form .filterData {
  width: 350px !important;
  max-width: 100%;
}

.filter-campaigns-form .filterData button.multiselect.dropdown-toggle.btn.btn-default {
  width: 350px !important;
  max-width: 350px;
  min-width: 350px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}

.filter-campaigns-form .filterData .caret,
.filter-campaigns-form .filterData button.multiselect .caret,
.filter-campaigns-form .filterData .dropdown-toggle .caret {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-left: 0.5rem;
}

.filter-campaigns-form .filter-campaigns-input-wrap {
  width: 350px !important;
  max-width: 350px;
}

.filter-campaigns-form .form-control.chartType {
  width: 350px !important;
  max-width: 350px;
  box-sizing: border-box;
  appearance: auto;
  -webkit-appearance: menulist;
}

.filter-campaigns-charts {
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 100%;
}

.filter-campaigns-charts .filter-campaigns-charts-row,
.filter-campaigns-charts-row {
  display: flex !important;
  flex-wrap: wrap !important;
  flex-direction: row !important;
  width: 100% !important;
  margin-left: -15px;
  margin-right: -15px;
}

.filter-campaigns-charts .filter-campaigns-charts-row .graph,
.filter-campaigns-charts-row .graph {
  flex: 0 0 32.333333% !important;
  max-width: 32.333333% !important;
  min-width: 0;
  width: 100% !important;
  /* override .graph { width: 400px } so flex controls size */
  margin: 0 !important;
  /* override .graph { margin: 5px } to avoid overflow/wrap */
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  margin: 2px 5px 30px 3px !important;
}

@media (max-width: 991px) {

  .filter-campaigns-charts .filter-campaigns-charts-row .graph,
  .filter-campaigns-charts-row .graph {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 100% !important;
    margin: 0 !important;
  }
}

@media (max-width: 767px) {

  .filter-campaigns-charts .filter-campaigns-charts-row .graph,
  .filter-campaigns-charts-row .graph {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
  }
}

.apps-conn-section {
  width: 95%;
  height: 200px;
  background-color: #fff;
  padding: 20px 1px;
  -webkit-box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  margin: 10px auto 0;
  overflow: hidden;
  border: 1px solid #d3cece;
}

.conn-featured-block {
  display: inherit;
  padding: 0 14px;
  margin-bottom: 10px;
}

.conn-dashboard-items .card {
  margin-left: 25px !important;
}

.attributes-conn-wrapper {
  margin-left: -30px;
}

.attributes-flex-conn-wrapper {
  margin-top: 10px;
  margin-left: -30px;
}

.attr-flex-jar-wrapper {
  margin-left: -15px;
}

.restful_api {
  height: 800px;
}

.sidebar-btn-containerset {
  position: fixed;
  bottom: 0;
  right: 15px;
  border-top: 1px solid #ccc;
  width: 100%;
  background: #fff;
}

.attr-flex-sqlQuerytext {
  width: 100%;
  height: 80px;
  border-radius: 3px;
  word-spacing: normal;
}

.appSelected {
  border: 1.25px solid #0056b3 !important;
  cursor: pointer;
}

.uar-settings-title {
  margin-left: -15px;
}

.conn-settingsTitle {
  font-weight: 700;
}

@keyframes ldio-z3ov0gridcj {
  0% {
    opacity: 1;
    backface-visibility: hidden;
    transform: translateZ(0) scale(1.73, 1.73);
  }

  100% {
    opacity: 0;
    backface-visibility: hidden;
    transform: translateZ(0) scale(1, 1);
  }
}

.ldio-z3ov0gridcj div>div {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #009ef7;
  animation: ldio-z3ov0gridcj 1.8518518518518516s linear infinite;
}

.ldio-z3ov0gridcj div:nth-child(1)>div {
  left: 70px;
  top: 47px;
  animation-delay: -1.6835016835016834s;
}

.ldio-z3ov0gridcj>div:nth-child(1) {
  transform: rotate(0deg);
  transform-origin: 73px 50px;
}

.ldio-z3ov0gridcj div:nth-child(2)>div {
  left: 66px;
  top: 59px;
  animation-delay: -1.5151515151515151s;
}

.ldio-z3ov0gridcj>div:nth-child(2) {
  transform: rotate(32.72727272727273deg);
  transform-origin: 69px 62px;
}

.ldio-z3ov0gridcj div:nth-child(3)>div {
  left: 57px;
  top: 68px;
  animation-delay: -1.3468013468013467s;
}

.ldio-z3ov0gridcj>div:nth-child(3) {
  transform: rotate(65.45454545454545deg);
  transform-origin: 60px 71px;
}

.ldio-z3ov0gridcj div:nth-child(4)>div {
  left: 44px;
  top: 70px;
  animation-delay: -1.1784511784511784s;
}

.ldio-z3ov0gridcj>div:nth-child(4) {
  transform: rotate(98.18181818181819deg);
  transform-origin: 47px 73px;
}

.ldio-z3ov0gridcj div:nth-child(5)>div {
  left: 32px;
  top: 64px;
  animation-delay: -1.01010101010101s;
}

.ldio-z3ov0gridcj>div:nth-child(5) {
  transform: rotate(130.9090909090909deg);
  transform-origin: 35px 67px;
}

.ldio-z3ov0gridcj div:nth-child(6)>div {
  left: 25px;
  top: 53px;
  animation-delay: -0.8417508417508417s;
}

.ldio-z3ov0gridcj>div:nth-child(6) {
  transform: rotate(163.63636363636363deg);
  transform-origin: 28px 56px;
}

.ldio-z3ov0gridcj div:nth-child(7)>div {
  left: 25px;
  top: 41px;
  animation-delay: -0.6734006734006733s;
}

.ldio-z3ov0gridcj>div:nth-child(7) {
  transform: rotate(196.36363636363637deg);
  transform-origin: 28px 44px;
}

.ldio-z3ov0gridcj div:nth-child(8)>div {
  left: 32px;
  top: 30px;
  animation-delay: -0.505050505050505s;
}

.ldio-z3ov0gridcj>div:nth-child(8) {
  transform: rotate(229.0909090909091deg);
  transform-origin: 35px 33px;
}

.ldio-z3ov0gridcj div:nth-child(9)>div {
  left: 44px;
  top: 24px;
  animation-delay: -0.33670033670033667s;
}

.ldio-z3ov0gridcj>div:nth-child(9) {
  transform: rotate(261.8181818181818deg);
  transform-origin: 47px 27px;
}

.ldio-z3ov0gridcj div:nth-child(10)>div {
  left: 57px;
  top: 26px;
  animation-delay: -0.16835016835016833s;
}

.ldio-z3ov0gridcj>div:nth-child(10) {
  transform: rotate(294.54545454545456deg);
  transform-origin: 60px 29px;
}

.ldio-z3ov0gridcj div:nth-child(11)>div {
  left: 66px;
  top: 35px;
  animation-delay: 0s;
}

.ldio-z3ov0gridcj>div:nth-child(11) {
  transform: rotate(327.27272727272725deg);
  transform-origin: 69px 38px;
}

.loadingio-spinner-spin-kmxswet795 {
  width: 64px;
  height: 64px;
  display: inline-block;
  overflow: hidden;
  background: none;
  padding-top: 12px;
}

.ldio-z3ov0gridcj {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.64);
  backface-visibility: hidden;
  transform-origin: 0 0;
  /* see note above */
}

.ldio-z3ov0gridcj div {
  box-sizing: content-box;
}

.loaderTitle {
  text-align: center;
  color: #716d6d;
  top: 225px;
  position: relative;
}

.modal-content .loaderTitle {
  position: relative;
  top: 20px;
}

.uar-item-img {
  cursor: pointer;
}

.settingsSelectTempate {
  margin-top: 6px;
  color: black;
}

.error-msg {
  color: red;
  margin-bottom: 5px;
}

.shortcut-active {
  background: #9dcef9;
}

.save-app {
  display: flex;
  justify-content: flex-end;
  margin-right: 26px;
}

.form-control.campaign-list {
  border-radius: 30px;
  font-weight: 400;
  width: 120px;
  margin-top: 5px;
}

.campaignList.Table {
  border-left: 0px solid #ddd;
  /* overflow-y: scroll;
  height: 450px; */
  background-color: transparent;
  /* padding: 0px 15px 0px 26px; */
  /* margin-left: 10px; */
  padding: 0px;
}

.template-list,
.preview-tbl {
  /* max-height: 400px; */
  overflow: auto;
}

.campTemp {
  top: -11px !important;
}

.camp-search {
  margin: 0 3px;
}

.campaign-schedule {
  margin-top: 10px;
  color: darkgrey;
}

.camp-checkbox {
  padding-left: 1.05rem !important;
}

.camp-btn,
.add-temp-btn {
  width: 100% !important;
}

.camp-btn {
  margin-right: 10px;
}

.history-camp {
  min-height: 550px;
  height: auto;
}

.history-camp .form-group {
  padding-right: 0 !important;
}

.csvHrbtn {
  width: 30px !important;
  padding: 0px !important;
}

.appImgContCsv {
  width: 65px;
  /* height: 50px; */
  display: inline-block;
  padding: 2px 5px 2px 5px;
  background: white;
  border: 1px solid rgb(222, 224, 226);
  border-radius: 3px;
}

.col-md-8.csvNameCnt {
  top: -4px;
  left: 13px;
}

.fileName {
  font-size: 14px;
  font-weight: 600;
}

.selt-app {
  margin-top: 40px;
}

.template-btns {
  display: flex;
}

.actColor {
  columns: #333333;
  font-weight: 400;
  font-size: 16px;
}

.shortcut-actionicons {
  margin-right: 0 !important;
  color: #777777;
}

.w-100 {
  width: 100% !important;
}

.w-50 {
  width: 50% !important;
}

.exp-btns {
  float: right;
  margin-right: 30px !important;
  margin-top: 10px;
}

.people-card {
  margin-top: 10px !important;
}

.side-lbl {
  text-align: center;
  font-weight: bold;
  margin-top: 5px;
  color: rgb(177, 172, 172);
}

.side-desc {
  font-size: 11px !important;
  margin: 0 5px;
  color: rgb(138, 133, 133);
}

.side_header {
  margin-top: 25px;
}

.content {
  margin-left: 40px;
}

.content_a {
  margin-left: 49px;
}

.schdule {
  margin-left: 2px !important;
}

.lbl-margin {
  margin-top: 5px !important;
}

.camapinapp {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.75rem;
  margin-left: 9px !important;
}

.reviewrText {
  color: gray;
  font-size: 12px !important;
}

.reviewrText-Heading,
.shrts-Heading {
  color: #000 !important;
  font-size: 14px !important;
  -background-color: #ccc;
  -border-radius: 15px;
  text-align: left;
  font-weight: 600 !important;
}

.reviewerSetup {
  border: 1px solid;
  border-radius: 3px;
  border-color: gray gray gray !important;
  background: -webkit-linear-gradient(gray, gray), gray !important;
  background: linear-gradient(gray, gray), gray !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0,
    rgba(255, 255, 255, 0.1) 0 1px 0 0 inset !important;
  color: #ffffff !important;
  text-align: center;
  cursor: pointer;
}

.o-form-button-reviwer {
  margin-top: -1px;
  padding: 14px;
  /* border-width: 1px;
    border-style: solid;
    border-radius: 0 0 3px 3px;
    border-color: #dadada #dddddd;
    background: #f2f2f2; */
  -box-shadow: 0 1px 1px rgba(175, 175, 175, 0.16);
  text-align: center;
}

.spanData {
  margin-left: 15px;
  /* font-family: "Helvetica Neue"; */
  font-size: 11px;
  color: gray;
}

.temp-lbl {
  font-weight: bold !important;
  color: black;
  margin: 10px 0px 0px 17px;
  font-size: 14px !important;
  font-family: "Open Sans", sans-serif;
  font-weight: 400 !important;
}

.heder_div {
  /* margin-left : 64px!important; */
  border: 1px solid lightgray;
  border-radius: 15px;
}

.desc-label {
  /* font-weight: bold !important; */
  color: darkgrey;
  margin-top: 10px;
  /* font-family: Helvetica; */
  /* margin-left: 140px; */
}

.create-modal {
  width: 65%;
}

.template-th {
  border-bottom: 0px solid #ddd !important;
  border-top: 0px solid #ddd !important;
  width: 350px !important;
}

.template-td {
  border-top: 0px solid #ddd !important;
}

.temp-sel {
  background: #009da0 !important;
}

.tempaddselect {
  border: 1px solid;
  border-radius: 3px;
  border-color: gray gray gray !important;
  background: -webkit-linear-gradient(lightgray, lightgray), lightgray !important;
  background: linear-gradient(lightgray, lightgray), lightgray !important;
  box-shadow: rgba(0, 0, 0, 0.15) 0 1px 0,
    rgba(255, 255, 255, 0.1) 0 1px 0 0 inset !important;
  color: black !important;
  text-align: center;
  cursor: pointer;
  min-width: 100px;
  /* font-size: larger; */
}

.saveemailconfig {
  background-color: #337ab7 !important;
  border: #337ab7 !important;
  color: #fff !important;
  line-height: 16px !important;
  /* padding: 8px 15px !important; */
  font-weight: 500 !important;
  /* font-family: Avenir Next W02,Helvetica,Arial,sans-serif !important; */
  border-radius: 3px !important;
  border-style: solid !important;
  border-width: 1px !important;
  height: 32px !important;
}

input[type="select"],
input.button {
  width: auto;
  height: 30px;
  padding: 0 6px;
  overflow: visible;
  line-height: 30px;
}

input.button {
  min-width: 100px;
}

.custom-modal {
  width: 60%;
}

.custom-modal .modal-content,
.launch-modal .modal-content,
.custom-dialog .modal-content {
  border-radius: 0px !important;
}

#schedue_group #campaignStartDateLabel,
#schedue_group #campaignEndDateLabel {
  color: black;
  font-weight: bold;
  margin-left: 5px;
}

.schedule-duration {
  color: darkgrey;
  font-weight: bold;
}

.cron-sec {
  margin-left: -5px;
}

.cron-sec .cron-select-period label {
  color: darkgrey;
  font-weight: bold;
}

.cron-sec .cron-input p {
  color: darkgrey;
}

.buttonDisable {
  background-color: red;
  border: none;
  color: white;
  padding: 4px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}

.buttonCanceld {
  background-color: lightgray;
  border: none;
  color: black;
  padding: 4px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}

.reviewer-Radio {
  margin: 4px 10px 0 !important;
}

.select-days {
  margin-top: 10px;
}

.custom-control-label::before {
  border: 1.5px solid #2e6da4 !important;
  width: 1.2rem !important;
  height: 1.2rem !important;
}

.custom-control-label::after,
.custom-control-label::before {
  /* top: -.7rem; */
  /* border: 1.5px solid #2e6da4 !important; */
  border-radius: 3px;
  width: 1.2rem !important;
  height: 1.2rem !important;
}

.custom_rdiio {
  margin-left: 15px !important;
}

.custom_header {
  font-size: 15px;
  color: rgb(68, 66, 66);
}

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover,
.overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 85px;
  right: 45px;
  font-size: 60px;
}

.button-primary.green {
  /* border: 1px solid #0056B3;
    background: #0056B3 !important; */
  border: 1px solid #009ea0;
  background: #009ea0 !important;
  color: #fff !important;
  border-color: #009ea0 !important;
  font-weight: 500;
  font-size: 16px;
}

.button-primary.disableRed {
  /* border: 1px solid #0056B3;
    background: #0056B3 !important; */
  border: 1px solid red;
  background: red !important;
  color: #fff !important;
  border-color: red !important;
  font-weight: 500;
  font-size: 16px;
}

.button-primary.disableRed:hover {
  background-color: #e8f0fe !important;
  color: red !important;
}

.button-primary.blue {
  /* border: 1px solid #0056B3;
    background: #0056B3 !important; */
  border: 1px solid #337ab7;
  background: #337ab7 !important;
  color: #fff !important;
  border-color: #337ab7 !important;
  font-weight: 500;
  font-size: 16px;
}

.button-primary.green:hover {
  background-color: #e8f0fe !important;
  color: #009ea0 !important;
}

.button-primary.blue:hover,
#tempADDdata:hover {
  background-color: #e8f0fe !important;
  color: #337ab7 !important;
}

.button-primary.bottom-button {
  border: 1px solid #0056b3;
  background: #0056b3 !important;
}

.button-primary.red-button {
  border: 1px solid red;
  background: red !important;
}

.modal-content {
  border-radius: 0 !important;
}

/* Centered modals: keep dialog below app header so modal header is visible */
.modal:not(.right):not(.left) .modal-dialog {
  margin-top: 3rem !important;
  margin-bottom: 1.75rem !important;
}

/*Modal Right to Left Sidebar */

/* .modal-dialog.right {
		position: fixed;
		margin: auto;
		width: 320px;
		height: 100%;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal-dialog.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}
	
	.modal-dialog.right .modal-body {
		padding: 15px 15px 80px;
  }
  
  .modal-dialog.right.fade {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.fade.in .modal-dialog.right {
		right: 0;
  } */

.modal.left .modal-dialog {
  width: 310px !important;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 55% !important;
  max-width: none !important;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

/* Global: all right-to-left modal popups — 55% width across application */
.modal.right .modal-dialog,
.modal.right .modal-dialog.sidebar-modal,
.modal.right.fade .modal-dialog,
.modal.right.fade.show .modal-dialog,
.modal.right.fade.in .modal-dialog {
  width: 55% !important;
  max-width: none !important;
}

.modal.right.allRequest .modal-dialog {
  width: 57%;
}

.modal.left .modal-content,
.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.left .modal-body {
  top: 45px;
}

.modal.left .modal-body,
.modal.right .modal-body {
  padding: 15px 15px 0px;
}

/*Left*/
.modal.left.fade .modal-dialog {
  left: -320px;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog,
.modal.left.fade.show .modal-dialog {
  left: 0;
  box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px,
    rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
}

.modal.left.fade.in,
.modal.left.fade.show {
  opacity: 1;
}

/*Right*/
.modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog,
.modal.right.fade.show .modal-dialog {
  right: 0;
}

.modal.right.fades .modal-dialog {
  right: 0px;
  -webkit-transition: opacity 0.1s linear, right 0.1s ease-out;
  -moz-transition: opacity 0.1s linear, right 0.1s ease-out;
  -o-transition: opacity 0.1s linear, right 0.1s ease-out;
  transition: opacity 0.1s linear, right 0.1s ease-out;
}

.modal.right.fades.in .modal-dialog {
  right: 0;
}

.logoMobile a {
  padding-left: 45px;
  margin-top: 0px;
  padding-top: 5px;
}

.logoMobile img {
  width: 75%;
}

.review-right {
  margin-right: 13%;
}

/* Sidebar Menu */
div.leftNavCustomScroll {
  background: #1a2238 !important;
  padding-bottom: 25px;
  width: 232px;
}

.SidebarMobile {
  /* background: #f3f2f1; */
  /* margin-top: 10px; */
}

.SidebarMobile a:first-child {
  padding-top: 0px;
}

.SidebarMobile li {
  margin-left: 40px;
  margin-right: 0;
  padding: 5px 10px;
}

.SidebarMobile ul.account-menu li {
  margin-left: 0;
  width: 130px;
}

.SidebarMobile svg {
  font-size: 18px;
  color: #323130;
}

.SidebarMobile div[role="button"] {
  cursor: default;
  padding: 5px 5px;
}

.DashboardItem {
  cursor: pointer;
  font-weight: bold;
}

#brandContent button {
  cursor: default;
}

.SidebarMobile li div,
.SidebarMobile div[role="button"] div {
  color: #323130;
  font-size: 14px;
  line-height: 20px;
  font-family: "Open Sans", sans-serif;
}

/* .SidebarMobile div[role="button"]:hover,  .SidebarMobile div[role="button"]:hover div {
  background-color: transparent;
  color: #323130;
} */

.SidebarMobile a.active li,
.SidebarMobile li:hover,
.SidebarMobile a div[role="button"]:hover {
  /* background-color: #e8f0fe; */
  background-color: #cce8ff6b;
}

/* .SidebarMobile a.active li div, .SidebarMobile li:hover div, .SidebarMobile a div[role="button"]:hover div {
  color: #1967d2
} */

.wrapperContainer header {
  box-shadow: none !important;
  /* border-bottom: 1px solid #ccc !important; */
  -background-color: #0078d4 !important;
  height: 50px !important;
  padding: 0;
}

.finalApprover {
  margin-left: 17px !important;
}

.m-0 {
  margin: 0 auto;
}

.endpointConfigCard.camp-modal {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.WithTheme-WithWidth-withRouter-Connect-DashBoardLayout-----content-3,
.jss3 {
  background-color: #fff !important;
  margin-top: 50px !important;
  min-height: calc(100vh - 52px) !important;
}

.logoMobile>div {
  height: 50px !important;
  background-color: #0078d4;
}

.logoMobile {
  height: 50px !important;
  /* border-bottom: 1px solid #ccc !important; */
}

.status-links {
  margin-top: 50px;
}

.dataTables_filter i.fa-search {
  /* border: 1px solid #b3b3b3 !important; */
  /* border-top-left-radius: 4px; */
  /* border-bottom-left-radius: 4px; */
  height: 23px;
  /* border-right: 0px; */
  position: absolute;
  margin-left: 172px;
  color: #0078d4;
  background: transparent;
  padding: 3px;
}

.dataTables_wrapper input[type="search"] {
  /* border-top-left-radius: 0;
  border-bottom-left-radius: 0; */
  margin-left: 0;
  font-family: sans-serif;
  padding-left: 10px;
}

#peopleTitle {
  padding: 0px;
  /* border: 1px solid #dddddd; */
  position: relative;
  /* border-top-left-radius: 4px;
  border-top-right-radius: 4px; */
  background: #f7f7f7;
  color: #002e56 !important;
  font-size: 16px !important;
  height: 50px;
  width: 100%;
}

.addButtonData {
  padding: 10px 20px !important;
  line-height: 10px !important;
}

.dataTables_info {
  display: none;
}

.iamUsersExport {
  font-size: 15px !important;
  font-weight: 400 !important;
  margin: 0px -4px 9px 15px;
  padding-left: 85px;
}

.delegationButtons {
  float: right;
  font-size: 15px !important;
  font-weight: 400 !important;
  margin-right: -12px !important;
  margin-right: -18px !important;
  margin-top: -3px;
}

button.prod-popup,
button.prod-popup:hover {
  padding: 0;
  margin-top: 0px;
  box-shadow: none;
  background: transparent;
  /* color: #fff; */
}

.InjectIntl-Sidebar--blue-39,
.InjectIntl-Sidebar--blue-39:hover,
.InjectIntl-Sidebar--blue-39:focus,
.jss39,
.jss39:hover,
.jss39:focus,
.InjectIntl-Sidebar--blue-569,
.InjectIntl-Sidebar--blue-569:hover,
.InjectIntl-Sidebar--blue-569:focus,
.jss55,
.jss55:hover,
.jss55:focus {
  /* background-color: #c7e0f4 !important; */
  background-color: #c7e0f4 !important;
}

/* .InjectIntl-Sidebar--blue-39 div,
.InjectIntl-Sidebar--blue-39:hover div,
.InjectIntl-Sidebar--blue-39:focus div,
.jss39 div,
.jss39:hover div,
.jss39:focus div,
.InjectIntl-Sidebar--blue-569 div,
.InjectIntl-Sidebar--blue-569:hover div,
.InjectIntl-Sidebar--blue-569:focus div,
.jss55 div,
.jss55:hover div,
.jss55:focus div {
  color: #1967d2 !important;
} */
#isDeleData {
  float: left;
  margin: 0px 0px 0px -18px !important;
  font-size: 12px !important;
  padding: 0px !important;
}

#isHoverShow {
  background: #f2f2f2;
}

#isHoverShowData {
  background: white;
}

.delegateAdd {
  margin-top: -5px;
}

/* #isDeleDataInfo {
  float: left;
  margin: 0px 0px 0px -18px !important;
  font-size: 12px !important;
  padding: 0px !important;
} */
.delegatesDataInfo {
  padding-left: 0px !important;
  width: 19%;
}

.tableDelegationInfo {
  width: 100% !important;
}

/* #tableCampaignInfo {
  border: 1px solid #ccc !important;
} */

#customRadioData {
  margin: 2px 0px 0px -299px !important;
}

.delegateTableInfo {
  margin: 10px !important;
}

.userEmailLabel {
  margin: 4px 0px 0px -13px;
}

.userEmailData {
  width: 80% !important;
  margin: 0px 0px 0px 47px;
}

.userEmailDataWithTerminate {
  width: 65% !important;
}

.userEntitlementData {
  width: 84% !important;
  /* margin: 0px 0px 0px -15px; */
}

.col-md-1.datatableType {
  width: 100px;
  margin-left: -16px;
}

.search-dropdown search-active {
  width: 53%;
}

.assignCredentials {
  margin: 0px 0px 0px 7px;
}

.assignCredentials h2 {
  margin-left: -14px !important;
}

.typeInfoData {
  margin: 0px 0px 0px 11px;
}

.delegateinfoData {
  border-bottom: 1px solid #dddddd;
}

.identityInfo {
  font-family: Open Sans, sans-serif !important;
  font-size: 14px;
  /* font-weight: 400; */
  /* background-color: rgba(0,0,0,.03); */
  padding: 0px;
}

.entitle-search {
  margin-top: 0px !important;
}

.statusHeader {
  margin-top: 0 !important;
  width: 5% !important;
  display: flex !important;
  align-items: center !important;
  height: 40px !important;
  line-height: 40px !important;
  vertical-align: middle !important;
}

/* Ensure open-campaign container aligns all children */
.open-campaign {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

#managerBox {
  margin-top: 6px;
  font-size: 14px;
  /* width: 80%; */
  font-family: Open Sans, sans-serif !important;
}

.userEmailInfo {
  width: 80%;
  margin: -29px 0px 0px 87px;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  display: none;
}

.ReactTable .rt-tbody .rt-td,
.ReactTable .rt-tbody .rt-td div {
  font-family: Open Sans, sans-serif !important;
}

.type-toolbar {
  width: 200px;
  float: left;
  margin-left: 20px;
  margin-top: 7px;
}

.type-toolbar-campaign {
  width: 130px;
  float: left;
  margin-left: 20px;
}

#ticketAction {
  float: none !important;
}

#selectTS {
  width: 44% !important;
  font-family: "Open Sans", sans-serif !important;
  border: 1px solid #ccc !important;
  font-size: 14px;
}

#selectActiveData {
  width: 16% !important;
  font-family: "Open Sans", sans-serif !important;
  border: 1px solid #ccc !important;
  font-size: 14px;
}

#selectUsertype {
  font-family: "Open Sans", sans-serif !important;
  font-size: 14px;
  margin-top: 0 !important;
}

/* Align Status dropdown container with label - only for Status filter area */
.open-campaign .col-md-2 {
  display: flex !important;
  align-items: center !important;
  height: 40px !important;
}

/* Specifically target the Status dropdown container */
.open-campaign .col-md-2:has(#selectUsertype),
.open-campaign .col-md-2>#selectUsertype {
  display: flex !important;
  align-items: center !important;
  height: 40px !important;
}

/* Ensure react-select Status dropdown aligns properly */
.selectUsertype {
  width: 100% !important;
  min-width: 220px !important;
}

/* Fix react-select control alignment - ensure it's vertically centered */
.selectUsertype>div {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
}

/* Fix react-select control height to match label and width */
.selectUsertype .react-select__control {
  min-height: 38px !important;
  height: 38px !important;
  width: 100% !important;
  min-width: 220px !important;
}

/* Fix react-select value container alignment */
.selectUsertype .react-select__value-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
}

/* Fix react-select single value alignment */
.selectUsertype .react-select__single-value {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 38px !important;
}

/* Fix react-select menu positioning for Status dropdown */
.selectUsertype .react-select__menu {
  margin-top: 4px !important;
}

#selectCampaign {
  font-family: "Open Sans", sans-serif !important;
  font-size: 13px;
  margin-top: 6px;
  white-space: nowrap;
}

.submitApplication {
  border: 1px solid #44bc98;
  background: #44bc98 !important;
  border-radius: 20px !important;
}

.testConnectionbtn {
  float: right;
  width: 22%;
  border-radius: 13px;
  border: 1px solid #ccc;
}

.headerInfo {
  /* font-family: Roboto, sans-serif; */
  font-size: 14px !important;
}

.table_row {
  border-bottom: #66afe9 !important;
}

.temp_th {
  background-color: #66afe9 !important;
  border-right: 1px solid grey;
}

/* .peoples-list .modal-header{
  background-color: #398ecf!important;
  border-radius: 0px;
  color:white!important;
} */

.uar-search .icon {
  font-size: 17px;
  z-index: 1;
  /* margin-left: -28px; */
  position: absolute;
  margin-left: 135px;
  margin-top: 4px;
  color: #0078d4 !important;
}

.roles_table {
  margin-top: 11px !important;
}

.search_context {
  font-size: 13px;
  margin-top: 21px;
  font-weight: normal;
}

#successMsg {
  color: #10c991;
  font-size: 15px !important;
}

#errmsggg {
  color: red;
  font-size: 15px !important;
}

.rt-td.actionColContainer {
  overflow: visible !important;
}

#submitt_save,
#exportCred {
  background-color: #fff !important;
  border-color: #0078d4 !important;
  color: #0078d4 !important;
  line-height: 16px;
  padding: 11px 24px;
  font-weight: 500;
  /* font-family: Avenir Next W02,Helvetica,Arial,sans-serif; */
  border-radius: 3px !important;
  border-style: solid;
  border-width: 1px;
}

.delegateClear,
.treeExportBtn,
.iam_add_Export,
.iam_add_Import,
.tempaddselect,
.request_access_buttons {
  background-color: #337ab7 !important;
  border: #337ab7 !important;
  color: #fff !important;
  line-height: 16px !important;
  padding: 6px 15px !important;
  font-weight: 500 !important;
  /* font-family: Avenir Next W02,Helvetica,Arial,sans-serif !important; */
  border-radius: 3px !important;
  border-style: solid !important;
  border-width: 1px !important;
}

.delegateClear:hover,
.iam_add_Export:hover,
.iam_add_Import:hover,
.tempaddselect:hover,
.request_access_buttons:hover {
  background-color: #e8f0fe !important;
  color: #337ab7 !important;
}

.accessRequestViewButton {
  background: #337ab7 !important;
  border-color: #337ab7 !important;
  color: #fff !important;
}

.accessRequestViewButton:hover {
  background: #e8f0fe !important;
  color: #337ab7 !important;
}

#exportCred {
  /* margin: -28px 25px 0px 0px !important; */
  padding: 7px 17px;
}

#submitt_save:hover,
#exportCred:hover {
  background-color: #e8f0fe !important;
}

.btn_clear {
  background-color: #c7c7c7;
  border: #d4d4d4;
  font-weight: 500;
  color: #091432;
}

.react-table .Sort_By_Status {
  position: absolute;
  /* left: 20%; */
  /* top: 20px; */
  z-index: 99;
}

#iamUsertbl .ReactTable .rt-resizable-header,
.ReactTable .rt-resizable-header {
  /* background: rgb(232, 240, 254) !important; */
  /* border-right: 1px solid #66afe96b !important;
  border-bottom: 0px solid #66afe9 !important; */
  font-size: 14px !important;
  font-family: "Open Sans", sans-serif;
  color: #091432 !important;
  font-weight: 600 !important;
}

#iamUsertbl .ReactTable .rt-resizable-header {
  padding-bottom: 13px !important;
  padding-top: 15px !important;
}

.ReactTable .rt-resizable-header,
.ReactTable .rt-resizable-header {
  background: #fbfbfb !important;
  /* border-right: 1px solid #ccc !important;
  border-bottom: 0px solid #ccc !important; */
  font-size: 14px !important;
  font-family: "Open Sans", sans-serif;
  color: #091432 !important;
  font-weight: 600 !important;
}

/* #iamUsertbl:hover .ReactTable:hover .rt-resizable-header:hover, #tempADDdata:hover {
  background-color:  #66afe9 !important
} */
label {
  font-size: 14px !important;
  line-height: 1.42857;
  color: #091432;
  font-weight: 400;
}

.csvRadiobtn {
  width: 500px !important;
}

.Sort_By_Status {
  position: absolute;
  left: 240px;
  top: 20px;
  z-index: 99;
}

.terminateModal .modal-content {
  height: 200px !important;
}

.modal-body .card .card-header,
.sor-header .card-header {
  text-align: left !important;
  font-size: 16px !important;
  padding: 10px 1.5rem;
  font-weight: 900;
}

.configDetails {
  width: 60% !important;
}

.inputRoles {
  width: 40% !important;
}

.rolesInfo {
  margin: 21px 0px 0px 13px;
  font-size: 16px;
  font-weight: 600;
}

.rolesHeader {
  background: #0078d4 !important;
  color: white;
  border-radius: 0px !important;
  font-family: "Open Sans", sans-serif;
}

.o-form-label {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}

#tempADDdata {
  background: #337ab7 !important;
}

#ep-cred-table .ActionDropdown-content {
  top: 0px;
}

.product-menu ul {
  list-style: none;
}

.product-menu ul li {
  font-size: 13px;
  padding-bottom: 5px;
}

.product-menu ul li a {
  display: flex;
}

.product-menu ul li a:hover {
  border-color: #f4f4f4 !important;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
  transition: border-color 0.167s linear, box-shadow 0.167s linear;
}

.product-menu .prod-img img {
  width: 25px;
}

.product-menu .prod-img {
  margin-right: 10px;
}

.product-menu .prod-title {
  /* margin-top: 9px; */
  color: #091432;
}

/*New Home Page styles*/
.home-page-content {
  margin: 0 auto;
  padding: 5px 5px;
}

.home_header {
  margin: 0;
  padding: 10px 5px;
  border: 1px solid #dddddd;
  border-bottom-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #f2f2f2;
  color: rgb(100, 97, 97) !important;
  font-size: 16px !important;
  font-weight: normal;
  /* width:96% */
  /* line-height: 44px; */
}

.endpoint_card {
  background: #f2f2f2;
  color: rgb(100, 97, 97) !important;
  border: 1px solid #dddddd;
  line-height: 44px;
}

.link-style {
  text-align: center;
}

.msg-format-content {
  background-color: #fff !important;
  color: rgba(0, 0, 0, 0.842);
  /* width: 96%; */
  line-height: 25px;
  padding: 10px;
  border: 1px solid lightgray;
  font-size: 13px !important;
}

.cards-style {
  background: #f2f2f2;
  /* padding:30px */
}

.text-o-para-style {
  /* padding-left: 30px; */
  font-size: 13px !important;
}

.sidebar-btn-container {
  border-top: 0px !important;
}

.card_title {
  font-size: 14px;
  font-weight: normal;
  margin-top: 45px;
  text-align: center;
}

.o-text {
  /* margin-left: 47px!important; */
  margin-bottom: 10px;
}

.unmatche-user {
  background-color: rgb(131, 150, 187) !important;
}

.unmatched1-users {
  background-color: darkturquoise !important;
}

.open-card {
  background-color: lightblue !important;
}

.pending-card {
  background-color: rgb(170, 216, 180) !important;
}

.card-button {
  font-size: 14px !important;
  font-weight: normal;
  /* margin-left: 50px; */
  margin-top: 40px;
  text-align: center;
}

.iamUsersExport-header {
  float: right;
  font-size: 15px !important;
  font-weight: 400 !important;
  margin-right: -12px !important;
  margin-top: -3px !important;
}

#export-o-but {
  margin-left: 14px !important;
}

.dashboard-file-icon {
  border: 1px solid white;
  height: 50px;
  width: 50px;
  border-radius: 26px;
  background-color: white;
}

.dashboard-file-icon:before {
  display: flex;
  justify-content: center;
  margin-top: 8px;
  color: cornflowerblue;
}

.card-title-icon {
  margin-bottom: 0px !important;
  margin-left: 15px;
}

.cards-style {
  background-color: #fff !important;
}

.section2-icon {
  font-size: 70px !important;
  display: flex;
  justify-content: center;
  color: deepskyblue;
}

.section2-icon:before {
  font-size: 70px !important;
}

.section2-text {
  margin-left: 0px !important;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 25px !important;
}

.schedule-import {
  margin-top: -35px;
}

.jss55 {
  background-color: transparent !important;
}

p {
  margin-bottom: 5px !important;
}

.alert-success {
  color: #000 !important;
}

/* Email Audit success alert: close button – only black ×, no background or border */
.email-audit-success-alert .close {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  opacity: 1;
}

.email-audit-success-alert .close span {
  color: #000 !important;
  font-size: 1.5rem;
  line-height: 1;
}

label.campiagnRadiobtn span {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}

.react-datepicker-wrapper,
.react-datepicker__input-container {
  width: 100% !important;
  margin-left: 0px;
}

.mr-2 {
  margin-right: 20px;
}

.mr-3 {
  margin-right: 45px;
}

.email-titles {
  font-weight: 900 !important;
  font-size: 1.3em;
  padding: 15px 0px 5px 0px !important;
}

.error-email-configuration {
  color: red;
  font-size: 12px;
  display: block;
  font-weight: 400;
  position: absolute;
  top: 59px;
}

.error-mailto {
  color: red;
  font-size: 12px;
  display: block;
  font-weight: 400;
  position: absolute;
  top: 103px;
}

.connection-details {
  font-weight: 900 !important;
  font-size: 1.3em;
  padding: 5px 0px 5px 0px;
}

#selectIconsData {
  pointer-events: none !important;
  opacity: 0.4;
}

.disableIconinfo {
  cursor: not-allowed;
}

.applicationEntitlementTable.table>tbody>tr>td:not(:nth-child(1)) {
  text-align: left;
}

.o-form-label .popover-content {
  background: #000;
  color: #fff;
}

.popover-content ul {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  padding-left: 10px;
}

.settingsTitleName.radioTitle {
  margin-top: 14px;
}

.ActionDropdown i.fa {
  min-width: 23px;
  text-align: center;
}

.text-bold {
  font-weight: bold !important;
}

.managerTableViewLeft {
  text-align: left !important;
}

.managerAuditModal {
  background: #0078d4;
  color: #fff;
  position: fixed;
  width: 100%;
  z-index: 999;
  border-radius: 0px !important;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* .dropdown.badge:hover .dropdown-menu{
    display: block;
} */

.campaigns-report-table.table>tbody>tr>td {
  text-align: left;
}

.marginTop-20 {
  margin-top: 20px;
}

.dataTables_wrapper .dataTables_paginate {
  margin-top: 0.5em;
  /* height: 320px; */
}

.credentialEntitlementbtns {
  position: relative;
  float: right;
  top: 0px;
  right: -20px;
}

.saveSpinner {
  right: -40px !important;
  top: -8px !important;
}

.saveAutoSpinner {
  right: 150px !important;
  top: 45px !important;
  float: left;
}

/* #campaignEndDate {
  margin: -6px 0px 0px -24px;
} */

/* .react-datepicker-popper, .terminationDate {
    transform: translate3d(-8px, 28px, 0px) !important;
} */

#campaignTermination .react-datepicker-popper,
.terminationDate {
  /*transform: unset !important;
  top: unset !important;*/
  left: -40px !important;
}

.updateUserHeader {
  border: 1px solid #dddddd;
  padding: 0 20px;
  color: rgb(100, 97, 97) !important;
  background: #f2f2f2;
  font-size: 18px;
  font-weight: 500 !important;
  position: relative;
  line-height: 44px;
  font-family: "Open Sans", sans-serif !important;
}

.updateUserDetailsData {
  font-family: "Open Sans", sans-serif !important;
  font-size: 14px;
  /* margin: 0px 0px 0px 18px; */
  line-height: 35px;
  font-weight: 500 !important;
}

#update_manager {
  /*margin: -32px 0px 0px 112px;*/
  margin: 0px 0px 0px 5px;
}

.updatedAutoData {
  margin: 0px 0px 0px -16px;
}

.campHeadersection {
  margin-left: -25px !important;
  margin-right: -10px !important;
}

div#camp-preview_wrapper {
  /* margin-right: -26px; */
  min-height: 250px !important;
}

.ReactTable .rt-thead .rt-th,
.ReactTable .rt-thead .rt-td {
  /* font-family: ; */
  padding: 13px 8px !important;
}

.ReactTable .rt-tbody .rt-td {
  /* border-top: 1px solid rgb(226 226 226 / 42%); */
}

.ReactTable {
  font-family: "Open Sans", sans-serif;
  display: block !important;
  font-size: 14px !important;
  /* border: 1px solid rgba(102, 175, 233, 0.42) !important; */
}

.ReactTable.-striped.-highlight.campaignAssinment.mt-3 {
  overflow: visible !important;
}

.submit-button {
  min-width: 100px;
  height: 30px;
}

.applicationsEditLoader {
  margin: 0px 0px 0px 255px !important;
}

.campaignList .react-datepicker-popper {
  z-index: 99999 !important;
}

.autocompleteInputbox>div {
  display: inherit !important;
}

.spinner-position {
  left: 50px;
  top: -10px;
}

.allelectionbackbtn {
  position: relative;
  float: right;
  top: -39px;
  right: 5px;
}

/* .viewAllDirectElectionsTbl {
  border: 1px solid #ccc;
} */
.react-table.pageContent {
  padding: 10px 0px !important;
}

.viewAllElections.react-table.pageContent {
  padding: 10px 0px !important;
  width: auto;
}

.view-column-title {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}

.stickyCont {
  position: sticky;
}

.v-left {
  margin: 0 8px 0 0;
  left: 0;
}

.v-right {
  margin: 0 0 0 8px;
  right: 0;
}

.campainBackBtn {
  margin: 0;
}

/* Open Campaigns page: header with title, radio buttons, Back button — grey background 100% width */
#epTable .open-campaigns-header-row {
  width: 100% !important;
  max-width: 100% !important;
}

.open-campaigns-header {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100% !important;
  gap: 1rem;
  background: #f7f7f7 !important;
  padding: 12px 16px;
  box-sizing: border-box;
}

.open-campaigns-header-left {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  background: #f7f7f7;
  margin-bottom: 9px;
}

.open-campaigns-header-left .o-form-title-bar {
  margin: 0 !important;
}

.open-campaigns-header-right {
  display: flex !important;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

.open-campaigns-header-right .campainBackBtn {
  position: static !important;
  margin: 0 !important;
}

/* Open Campaigns: radio buttons in header - horizontal and vertical alignment */
.open-campaigns-header .open-campaign-radio {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
  position: static !important;
  float: none !important;
  margin: 0 !important;
  z-index: 1;
}

.open-campaigns-radio-item {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  float: none !important;
  margin: 5px !important;
  margin-bottom: 5px !important;
  padding-left: 25px !important;
  min-height: 22px;
  font-size: 14px;
  line-height: 1.4;
}

/* Vertical alignment: center radio-checkmark with label text */
.open-campaigns-radio-item .radio-checkmark {
  top: 50% !important;
  transform: translateY(-50%);
  margin-top: 0 !important;
  height: 16px !important;
  width: 16px !important;
}

.open-campaigns-radio-item .radio-checkmark:after {
  top: 6px !important;
  left: 6px !important;
  width: 4px !important;
  height: 4px !important;
}

/* Add Visibility Policy: header - title left, Back button right */
.add-visibility-policy-header-row {
  width: 100%;
}

.add-visibility-policy-header {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 1rem;
  background: #f7f7f7;
  /* padding: 12px 16px; */
}

.add-visibility-policy-header-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.add-visibility-policy-header-left .o-form-title-bar {
  margin: 0;
}

.add-visibility-policy-header-right {
  display: flex !important;
  align-items: center;
  margin-left: auto;
}

.add-visibility-policy-header-right .campaign_progress.add-visibility-policy-back {
  position: static !important;
  right: auto !important;
}

.add-visibility-policy-header-right .campaign_progress input {
  margin: 0;
}

/* Add Visibility Policy form - layout and alignment */
.add-visibility-policy-form .add-visibility-policy-name-desc-row,
.add-visibility-policy-form .add-visibility-policy-conditions-wrap,
.add-visibility-policy-form .add-visibility-policy-choose-access-wrap {
  width: 100%;
}

.add-visibility-policy-form .add-visibility-policy-conditions-wrap,
.add-visibility-policy-form .add-visibility-policy-choose-access-wrap {
  margin-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.add-visibility-policy-condition-row {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-end;
}

.add-visibility-policy-condition-row .col-md-3,
.add-visibility-policy-condition-row .col-md-1 {
  flex: 0 0 auto;
}

.add-visibility-policy-condition-row .ApproverAddButton {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  color: #337ab7;
  cursor: pointer;
  font-weight: 600;
}

.open-campaign-dropdown {
  margin: 5px 0px 0px;
  float: left;
  left: 640px;
  top: 7px;
  position: absolute;
  z-index: 999;
}

h2,
h2 span {
  font-size: 14px;
}

.saveUpManager {
  margin-left: -12px;
}

.topAlignment {
  top: 12px !important;
}

.identity_events {
  margin-top: 22px;
  margin-left: -12px;
}

table.dataTable tbody tr:hover td,
table.dataTable tbody tr:hover td.sorting_1 {
  background-color: #f6f6f6 !important;
}

.ReactTable .rt-tbody .rt-tr-group:hover .rt-td {
  background-color: #f6f6f6 !important;
}

.marginT-2 {
  margin-top: 2px;
}

.addCampaignCancelBtn {
  margin-left: 20px !important;
}

i.fa.fa-spinner.fa-spin.epLoader1 {
  top: 0px !important;
  right: -20px !important;
  font-size: 22px !important;
  position: absolute;
  color: #0078d4 !important;
}

i.fa.fa-spinner.fa-spin.epLoader2 {
  top: 130px !important;
  right: 47px !important;
  font-size: 22px !important;
  position: absolute;
  color: #0078d4 !important;
}

i.fa.fa-spinner.fa-spin.epLoader3 {
  top: 180px !important;
  position: absolute;
  right: 190px !important;
  font-size: 22px !important;
  color: #0078d4 !important;
}

i.fa.fa-spinner.fa-spin.epLoader4 {
  top: 180px !important;
  position: absolute;
  font-size: 22px !important;
  color: #0078d4 !important;
}

i.fa.fa-spinner.fa-spin.upManagerLoader {
  position: absolute;
  right: 47px !important;
  font-size: 22px !important;
  color: #0078d4 !important;
}

i.fa.fa-spinner.fa-spin.epOwner {
  right: -18px !important;
}

i.fa.fa-spinner.fa-spin.epVoice {
  position: absolute;
  top: -9px;
  right: 130px;
  font-size: 26px !important;
}

/* i.fa.fa-spinner.fa-spin.epLoader3 {
  top: 150px !important;
  right: 67px !important;
  font-size: 22px !important;
  position: absolute;
} */
.epLoader {
  top: -14px !important;
  right: -20px !important;
  font-size: 22px !important;
  position: absolute;
  color: #0078d4 !important;
}

.epLoader_loader {
  top: -5px !important;
  font-size: 19px !important;
  margin-left: 90px !important;
  position: absolute;
  color: #0078d4 !important;
}

.appconfig_btn {
  position: relative;
  float: right;
  top: -33px;
}

input.form-control.custodian_input {
  width: 573px !important;
}

.global-loader {
  position: absolute;
  /* z-index: 1;  */
  z-index: 1000;
  background: url(/build/assets/images/loader.fd14b687.gif) no-repeat 50% 50% rgb(232, 234, 236, 0.5);
  margin: 0 auto;
  background-color: #000000;
  background-size: 80px 80px;
  opacity: 0.7;
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
}

.campaignTemCancelBtn {
  margin: 0px 15px 0px 0px !important;
}

.managerLoginLoader {
  text-align: center;
  margin-top: 175px;
}

.managerWrapperData {
  margin-top: 36px;
}

.saveDataSpinner {
  margin-top: -7px !important;
}

.logsSpinnerIcon {
  margin-left: 270px !important;
}

.entitlementLoading {
  margin: -10px 10px 0px 0px;
}

.emailTemplateLabel {
  padding-left: 28px;
}

.fieldHeading {
  width: 50px;
  vertical-align: middle;
}

.fieldSpan {
  overflow: hidden;
  vertical-align: middle;
}

#pageLabel {
  width: 150px;
}

.spinnerData {
  position: absolute;
  top: 12px;
}

.spinnerSaveData {
  top: 3px;
  left: 50px;
}

.btn-default {
  color: #0078d4 !important;
  background-color: #fff;
  border-color: #0078d4 !important;
}

.ReactTable .rt-thead.-filters .rt-th {
  background: #fff;
}

.latest-campaign {
  border-radius: 0 !important;
}

.ReactTable .rt-resizer:before {
  display: none !important;
}

.cpreportbtn {
  position: relative;
  float: right !important;
  right: -23px !important;
}

.assignLoaderData {
  margin: -8px 0px 0px 0px;
}

.btnDesignMatch {
  padding-top: 3.5px !important;
  padding-bottom: 3.5px !important;
}

.popover {
  color: #fff;
  background-color: #000;
}

.mobileView .popover {
  color: #000;
  background-color: #fff;
}

.iamUser-table .rt-tr-group:last-child .configActionDropdown .dropdown-menu {
  top: -72px;
}

.processingBtn {
  width: 80px;
  float: right;
  /* background: #ccc !important;
  color: #222; */
}

.elecProcessingContent {
  margin-top: 50px;
  margin-bottom: 50px;
}

.processingPopup {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

.saveModalHeader {
  background: #0078d4;
  border-radius: 0px;
}

.campaignReviwerData {
  margin-bottom: 5px;
}

.finalAppDataInfo {
  margin: 0px 0px 0px 100px;
}

.finalAppEmailInfo {
  margin: 12px 0px 0px 0px;
}

.spinnerColor {
  color: #0078d4;
}

.userAccessText {
  resize: both !important;
  min-width: 445px !important;
  min-height: 185px !important;
}

.textAreaError {
  margin-top: 0px !important;
  font-size: 15px !important;
}

.saveTextData {
  width: 75px !important;
  height: 32px !important;
}

.campaignErrorMsg {
  font-size: 14px !important;
  margin-top: 0px !important;
  font-weight: 500 !important;
}

.campaignTemplateMsg {
  margin: 7px;
  font-size: 14px;
}

.campaignDaysError {
  margin: 0px 0px 0px -60px;
}

/* .ReactTable.DirectElectionsTable .rt-td {
  white-space: normal !important;
} */

.roleNameBox {
  padding: 7px;
  text-align: center;
  border: 1px solid #ebecf1;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0px 1px 0px 0px #cccc;
}

#selectedConInfo {
  background: #ddd !important;
}

.roleNameBox:hover {
  box-shadow: 2px 2px 2px 2px rgb(165, 164, 164) !important;
}

.roleNameBox:hover .requestbtn {
  display: block;
}

.requestbtn {
  display: none;
  position: absolute;
  background: #ccc;
  min-width: 100px;
  border: 1px solid #999;
  box-shadow: 3px 2px 8px 0px #ccc;
  padding: 2px 2px;
  z-index: 1;
  margin: -29px 45px 47px 69px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 5px;
}

.requestbtn.CnoDrop {
  cursor: no-drop !important;
}

.roleNameBox:hover .requestbtn {
  display: block;
}

.allowClick {
  pointer-events: all;
  display: block !important;
  cursor: pointer;
}

#selectConenctorsData {
  pointer-events: none !important;
  opacity: 0.4;
}

.connectorSpinner {
  margin-left: 450px;
}

.emailTextInfo {
  text-decoration: underline;
}

.edit-role-button {
  border: 1px solid gray;
  background: gray !important;
  color: #000 !important;
  border-color: gray !important;
}

.attributeSpinner {
  margin-top: 20px;
}

/* table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td{
  text-align: left;
} */

.reqAccCont .modal-header h4 {
  color: #fff;
}

.appHeadName {
  font-size: 20px;
  font-weight: 600;
}

.ssoAppIMGboxWrapper {
  /* background-color: #f5f5f5;
  padding: 18px 10px 1px 43px; */
  margin-bottom: 20px;
  padding: 0px;
}

/* Flex RPA Recipes: cards side by side (horizontal), no Bootstrap columns, items max-fit in container */
.flex-rpa-recipes-cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  gap: 16px;
}

.flex-rpa-recipes-cards .uar-dashboard-items.flex-rpa-recipe-item {
  width: auto;
  max-width: 220px;
  margin-top: 0;
  margin-bottom: 0;
  flex: 0 0 auto;
}

.flex-rpa-recipes-cards .flex-rpa-recipe-item-inner {
  width: 100%;
  max-width: 220px;
  position: relative;
  display: flex;
  flex-direction: column;
}

.flex-rpa-recipes-cards .flex-rpa-recipe-actions {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 2;
  margin-left: 0;
}

.flex-rpa-recipes-cards .flex-rpa-recipe-actions .toggleMenuDots {
  margin: 0;
}

.flex-rpa-recipes-cards .uar-item-img.card.flex-rpa-recipe-card,
.flex-rpa-recipes-cards .uar-dashboard-items .card {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

/* .ssoAppIMGboxWrapper.innerCont{ */
/*max-height: 338px;*/
/* padding: 0 15px; */
/*overflow: auto;*/
/* border-radius: 6px;
  border: 1px solid #ddd;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); */
/* } */

.imgCardContainer {
  float: left;
  height: auto;
  padding: 15px 5px 6px 5px;
}

#revokeAppItem {
  height: 125px !important;
}

.appItems {
  /* width: 115px;
  height: 105px; */
  width: 125px;
  height: 142px;
  text-align: center;
  /* margin-right: 5px;
  margin-bottom: 10px; */
  background: #fff;
  border: 0.5px solid #003a6391;
  /* padding: 5px 5px; */
  cursor: pointer;
  box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

.appItems:hover,
.appItems[data-checked="true"] {
  border: 0.5px solid #4caf50;
}

/* .uar-item-img.card:hover, .uar-item-img.card[data-checked="true"] {
  border: 1.25px solid #0056B3;
} */

p.toggleMenuDots {
  position: absolute;
  /* top: 36px; */
  right: 0px;
  left: 5px;
  max-width: 90px;
  z-index: 99;
}

.dropdown .imgToggleIcon {
  padding: 0px;
  border: none;
}

.cardMenu {
  border: 1px solid #bcbaba;
  top: 60%;
  left: -38%;
  padding: 0;
  margin: 2px;
  min-width: 115px !important;
}

.dropdown-menu.cardMenu>li>a {
  padding: 0.5rem 2rem !important;
  font-size: 11px;
}

.okta-image {
  width: 90%;
  object-fit: contain;
  margin-top: 21px;
}

.ssoApps .okta-image {
  margin-top: 35px;
  width: 80px;
  -o-object-fit: contain;
  object-fit: contain;
}

.appName {
  margin-top: 20px;
  background: #003a63;
}

.okta.appName {
  margin-top: 30px;
}

.appCheckBox {
  width: 100%;
  float: right;
  /* margin-top: -5px;
  margin-right: -5px; */
  text-align: right;
}

.revokeAppCheckBox {
  width: 20px;
  float: left;
  margin-right: -30px;
}

.requestOktaAppName {
  margin: 3px 0px 0px 0px;
  display: inline-block;
  font-size: 12px;
  line-height: 1.5;
  font-weight: bold;
  pointer-events: fill;
  text-overflow: ellipsis;
  color: #fff;
}

h4.OrgUnitTitle {
  font-size: 14px;
  font-weight: 600;
}

.serv {
  border: 1px solid #ccc;
  margin-top: 10px;
}

/*  */
.dt-scroll .btnRow {
  text-align: right;
}

.dt-scroll .btnRow span {
  margin-left: 5px;
}

.multiAppsRolesContainer {
  border: 1px solid #c7c7c7;
  border-radius: 3px;
}

.multiAppsRolesContainer .appTitle {
  padding: 10px;
}

.multiAppRolesRow {
  border: 1px solid #ccc;
  margin-bottom: 10px;
}

.multiAppRolesRow .serv {
  border: none !important;
}

button.ReqBtn {
  width: 100px;
  text-align: center;
}

.modal-body button.ReqBtn {
  width: auto;
}

.multiAppRolesRow p {
  padding: 10px;
}

.requestAccessTabsHeader,
.requestAccessTabs {
  -background-color: #fffafa !important;
  color: #002e56 !important;
  font-weight: 400 !important;
  padding-bottom: 2px !important;
  box-shadow: none !important;
}

.reqAccCont.react-table header {
  background-color: #fffafa !important;
}

.requestAccessTabsHeader span {
  text-transform: capitalize;
  background-color: transparent;
  padding-left: 0;
  font-size: 14px;
}

.policyEventsAdd {
  margin-top: 26px;
}

#addAttributesBtn {
  margin-top: 20px;
  height: 36px;
  margin-left: 10px !important;
}

#saveAttrBtn {
  height: 30px;
}

.showAttrBtnData {
  margin-right: 10px;
  margin-top: 18px;
  margin-bottom: 18px !important;
}

.Sort_By_Status>div {
  margin-top: -18px;
}

.daysLeftInfo {
  text-align: center;
  font-size: 12px !important;
}

.trailPeriodText {
  color: red;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}

.main-content {
  margin-top: 50px;
}

.trialMessage {
  font-size: 12px !important;
  position: relative;
  top: 15px;
}

.endPointRolesWrapper .custom-checkbox .custom-control-input~.custom-control-label {
  word-break: break-all;
}

.fntNormal {
  font-weight: 400;
}

.trailSaveBtn {
  margin-left: 186px;
  margin-top: 20px;
}

.nextBtnPage {
  margin-left: 14px;
  width: 82px;
}

.pageBtns {
  /* margin: 15px 0px 4px 60px;
  text-align: center; */
  margin: 0px 12px 11px -12px;
  text-align: center;
  background: #e4e4e4;
  height: 50px;
  padding: 8px 0;
}

.pageBtns .nextBtnPage {
  font-weight: bold !important;
  font-size: 1em !important;
  color: #444 !important;
  background: #fff !important;
  border: 0px solid #ededed !important;
  opacity: 9 !important;
  width: 115px;
  margin-left: 0;
}

.reviewerspan>span:first-child {
  font-weight: 600;
}

.seModalImg {
  height: 25px;
}

.saveSORSpinner {
  margin-right: 36px !important;
}

.searchLoader {
  margin-left: 75px;
}

.rolesEntData {
  font-size: 15px;
  color: green;
}

.endPointRoles {
  border-radius: 4px;
  padding: 10px;
  margin: 10px 0px !important;
}

.createTemplateLoader {
  margin-right: 70px;
}

.notification-container {
  right: 34% !important;
  width: 500px !important;
}

.notification-enter {
  transform: translate3d(50%, 50%, 0) !important;
}

.notification-enter.notification-enter-active {
  transform: translate3d(50%, 50%, 0) !important;
}

.disableUpdateTemplate {
  cursor: not-allowed;
}

/*  */
.sodQueryCreateWrapper .mt-3 {
  margin-top: 0px !important;
  margin-bottom: 10px !important;
}

.fa-spinner-icon.sodTempSave .fa-spinner {
  top: -7px !important;
  right: 6px !important;
}

.endPointRolesTemplate {
  border: 1px solid lightgray;
}

.loaderTitle.loadspin {
  text-align: center;
  color: #716d6d;
  top: 225px;
  position: relative;
  right: 550px;
}

span.camp-hd {
  font-size: 16px !important;
}

button#updateUserData,
button#create_button {
  margin: 0 !important;
}

span.campaign_progress.de {
  right: 22px !important;
}

/* Reports page (/endpoint/sod): align header — Reports + Add left, Refresh right */
.reports-page-header {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex: 0 0 100%;
  margin-bottom: 0;
  background: #f7f7f7;
}

.reports-page-header .reports-page-header-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.reports-page-header .campaign_progress.reports-page-refresh {
  position: static !important;
  right: auto !important;
  margin-left: auto;
  margin-top: 0px;
}

.reports-page-header .campaign_progress.reports-page-refresh button {
  margin: 0;
}

/* Campaign Audit Trail page: header alignment — title left, Export|Back right */
.campaign-audit-trail-header-row {
  width: 100%;
}

.campaign-audit-trail-header {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex: 0 0 100%;
  gap: 1rem;
  background: #f7f7f7;
  padding: 12px 16px;
}

.campaign-audit-trail-header-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.campaign-audit-trail-header-left .o-form-title-bar {
  margin: 0;
}

.campaign-audit-trail-header-right {
  display: flex !important;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

.campaign-audit-trail-header-right .campaign_progress.campaign-audit-trail-export,
.campaign-audit-trail-header-right .campaign_progress.campaign-audit-trail-back {
  position: static !important;
  right: auto !important;
  margin: 0 !important;
}

.campaign-audit-trail-header-right .campaign_progress input,
.campaign-audit-trail-header-right .campaign_progress button {
  margin: 0;
}

/* Campaign Audit Trail: Export dropdown - ensure menu works and matches AddAppBtn style */
.campaign-audit-trail-header-right .dropdown .dropdown-toggle.AddAppBtn {
  padding: 3px 20px !important;
}

.campaign-audit-trail-header-row,
.campaign-audit-trail-header {
  overflow: visible !important;
}

/* Assigned Campaigns page: header alignment — title left, Manager|Status center, Export|Back right */
.assigned-campaigns-header-row {
  width: 100%;
}

.assigned-campaigns-header {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex: 0 0 100%;
  gap: 1rem;
  row-gap: 0.5rem;
  background: #f7f7f7;
}

.assigned-campaigns-header-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.assigned-campaigns-header-left .o-form-title-bar {
  margin: 0;
}

.assigned-campaigns-filters {
  display: flex !important;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.assigned-campaigns-manager-wrap {
  min-width: 180px;
}

.assigned-campaigns-manager-wrap .Manager {
  width: 100%;
  max-width: 420px;
}

.assigned-campaigns-status-wrap label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  font-weight: 400;
}

.assigned-campaigns-status-wrap select {
  padding: 4px 8px;
  font-size: 14px;
}

.assigned-campaigns-header-right {
  display: flex !important;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

.assigned-campaigns-header-right .campaign_progress.assigned-campaigns-export,
.assigned-campaigns-header-right .campaign_progress.assigned-campaigns-back {
  position: static !important;
  right: auto !important;
  margin: 0 !important;
}

.assigned-campaigns-header-right .campaign_progress input,
.assigned-campaigns-header-right .campaign_progress button {
  margin: 0;
}

/* Assigned Campaigns table: align filter row with headers */
#epTable .campaignTemp .ReactTable .rt-thead.-header .rt-th,
#epTable .campaignTemp .ReactTable .rt-thead.-filters .rt-th {
  /* display: flex; */
  align-items: center;
  vertical-align: middle;
}

#epTable .campaignTemp .ReactTable .rt-thead.-filters .rt-th .campaignList .form-control,
#epTable .campaignTemp .ReactTable .rt-thead.-filters .rt-th input.form-control {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

/* User Campaigns page: header alignment — title left, Export|Back right */
.user-campaigns-header-row {
  width: 100%;
}

.user-campaigns-header {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex: 0 0 100%;
  gap: 1rem;
  background: #f7f7f7;
}

.user-campaigns-header-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.user-campaigns-header-left .o-form-title-bar {
  margin: 0;
}

.user-campaigns-header-right {
  display: flex !important;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

.user-campaigns-header-right .campaign_progress.user-campaigns-export,
.user-campaigns-header-right .campaign_progress.user-campaigns-back {
  position: static !important;
  right: auto !important;
  margin: 0 !important;
}

.user-campaigns-header-right .campaign_progress input,
.user-campaigns-header-right .campaign_progress button {
  margin: 0;
}

/* User Campaigns table: full width, even column distribution */
.user-campaigns-content {
  width: 100%;
}

.user-campaigns-table.table-container {
  width: 100% !important;
}

.user-campaigns-table .ReactTable {
  width: 100% !important;
}

.user-campaigns-table .ReactTable .rt-table {
  width: 100% !important;
}

/* Campaign Info Template page: header alignment — title left, Back right */
.campaign-info-template-header-row {
  width: 100%;
}

.campaign-info-template-header {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex: 0 0 100%;
  gap: 1rem;
  background: #f7f7f7;
}

.campaign-info-template-header-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.campaign-info-template-header-left .o-form-title-bar {
  margin: 0;
}

.campaign-info-template-header-right {
  display: flex !important;
  align-items: center;
  margin-left: auto;
}

.campaign-info-template-header-right .campaign_progress.campaign-info-template-back {
  position: static !important;
  right: auto !important;
  margin: 0 !important;
}

.campaign-info-template-header-right .campaign_progress button {
  margin: 0;
}

.selectAttr {
  margin-right: 9px;
}

/* Application Filter modal: form fields and plus icon alignment */
.application-filter-modal .templatedata_box {
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: stretch;
}

.application-filter-modal .application-filter-condition-row {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-end;
  width: 100%;
  padding: 5px 0;
  gap: 0 8px;
}

.application-filter-modal .application-filter-condition-row .form-group {
  margin-bottom: 0;
}

.application-filter-modal .application-filter-condition-row .form-group label,
.application-filter-modal .application-filter-condition-row .form-group .form-control {
  margin-left: 0;
}

.application-filter-modal .templatedata_box .form-group {
  margin-bottom: 5px;
}

/* Plus button: vertically align with Attribute Value dropdown input */
.application-filter-condition-row .col-md-1.application-filter-add-condition-wrap {
  display: inline-flex !important;
  align-items: center !important;
  padding-bottom: 0 !important;
  align-self: flex-end;
  padding-left: 0;
  padding-right: 0;
}

.application-filter-add-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  color: #fff !important;
  background-color: #337ab7 !important;
  border-radius: 50%;
  font-size: 12px;
  cursor: pointer;
  margin-left: 0;
}

.application-filter-add-group-link {
  display: inline-flex !important;
  align-items: center;
  vertical-align: middle;
}

.application-filter-remove-btn {
  position: relative;
  top: -8px;
}

/* SFTP flex connector: Role/Group/Permission dynamic rows */
.role-group-permission-row {
  padding-left: 0;
  padding-right: 0;
}

.role-group-permission-row>.row {
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.attributes-flex-conn-wrapper .role-group-permission-row .form-group {
  margin-bottom: 5px;
}

.role-group-permission-desc-col {
  position: relative;
}

.role-group-permission-field-row {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}

.role-group-permission-field-input {
  flex: 1;
  min-width: 0;
}

.role-group-permission-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-shrink: 0;
  padding-bottom: 8px;
}

.role-group-permission-row .role-group-permission-add-btn.application-filter-add-btn {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  font-size: 10px !important;
  line-height: 22px !important;
}

.role-group-permission-add-btn.is-disabled {
  background-color: #9e9e9e !important;
  cursor: not-allowed !important;
}

.role-group-permission-remove-btn {
  margin-top: 0 !important;
  top: 0 !important;
  font-size: 15px !important;
}

.role-group-concatenate-section {
  margin-bottom: 10px;
  margin-top: 20px;
  padding-left: 15px;
  padding-right: 0;
  font-size: 13px !important;
  color: #091432 !important;
  font-weight: 400;
}

.role-group-concatenate-question-row {
  align-items: center;
  margin-bottom: 10px;
}

.role-group-concatenate-radio-col {
  margin-top: -5px;
}

.role-group-concatenate-section .newform_lab,
.role-group-concatenate-section .settingsTitleNameImport,
.role-group-concatenate-section .role-group-delimiter-label {
  font-size: 13px !important;
  color: #091432 !important;
  font-weight: 400;
}

.role-group-concatenate-section .MuiFormControlLabel-label {
  font-size: 13px !important;
  color: #091432 !important;
  font-weight: 400 !important;
}

.role-group-delimiter-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-left: 13px;
}

.role-group-delimiter-label {
  font-size: 13px !important;
  color: #091432 !important;
  font-weight: 400;
  white-space: nowrap;
}

.role-group-delimiter-select.form-control {
  width: 64px;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #091432 !important;
  display: inline-block;
}

/* Update Template / UpdateTemplateCreationModal: alert close button top-right */
.update-template-warning-alert-wrap .alert.alert-dismissible {
  position: relative;
  padding-right: 3rem;
}

.update-template-warning-alert-wrap .alert .btn-close,
.update-template-warning-alert-wrap .alert button.close {
  position: absolute !important;
  top: 0.75rem !important;
  right: 1rem !important;
  left: auto !important;
  margin: 0 !important;
  float: none !important;
  padding: 0.25rem !important;
  line-height: 1 !important;
}

/* Campaign Info / Copy Campaign: alert box close (×) on right side — global for altTOp alerts */
.alert.altTOp.alert-dismissible,
.alert.alert-dismissible.altTOp {
  /* position: relative !important; */
  padding-right: 3rem !important;
}

.alert.altTOp.alert-dismissible .close,
.alert.alert-dismissible.altTOp .close,
.alert.altTOp.alert-dismissible a.close,
.alert.alert-dismissible.altTOp a.close {
  position: absolute !important;
  top: 0.75rem !important;
  right: 1rem !important;
  left: auto !important;
  margin: 0 !important;
  float: none !important;
}

/* Delegation page: header alignment — title + Add left, Export|Audit Trail right */
.delegation-header-row {
  width: 100%;
}

.delegation-header {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex: 0 0 100%;
  gap: 1rem;
}

.delegation-header-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.delegation-header-left .o-form-title-bar {
  margin: 0;
}

.delegation-header-right {
  display: flex !important;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

.delegation-header-right .AddAppBtn {
  margin: 0;
}

/* Delegation Applications multiselect: show arrow, centered text, search bar like template */
.selectedDelegate button.multiselect.dropdown-toggle .caret {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.selectedDelegate button.multiselect.dropdown-toggle {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

.selectedDelegate button.multiselect .multiselect-selected-text {
  text-align: center;
}

/* Delegation Applications: search bar UI (search icon, input, cross mark) */
.selectedDelegate .multiselect-container .multiselect-filter {
  padding: 8px !important;
  border-bottom: 1px solid #eee !important;
}

.selectedDelegate .multiselect-container .multiselect-filter .input-group {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  width: 100% !important;
}

.selectedDelegate .multiselect-container .multiselect-filter .input-group-addon,
.selectedDelegate .multiselect-container .multiselect-filter .input-group-text {
  padding: 6px 10px !important;
  background: #f5f5f5 !important;
  border: 1px solid #ced4da !important;
  border-right: none !important;
  border-radius: 4px 0 0 4px !important;
}

.selectedDelegate .multiselect-container .multiselect-filter .glyphicon-search::before {
  content: "\f002" !important;
  font-family: "FontAwesome" !important;
}

.selectedDelegate .multiselect-container .multiselect-filter .glyphicon-remove-circle::before {
  content: "\f057" !important;
  font-family: "FontAwesome" !important;
}

.selectedDelegate .multiselect-container .multiselect-filter input.multiselect-search {
  flex: 1 !important;
  min-width: 0 !important;
  height: 36px !important;
  padding: 6px 12px !important;
  border: 1px solid #ced4da !important;
  pointer-events: auto !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.selectedDelegate .multiselect-container .multiselect-filter .input-group-btn,
.selectedDelegate .multiselect-container .multiselect-filter .multiselect-clear-filter {
  pointer-events: auto !important;
}

.selectedDelegate .multiselect-container .multiselect-filter,
.selectedDelegate .multiselect-container .multiselect-filter * {
  pointer-events: auto !important;
}

/* Delegation credential form: label above input, side-by-side fields */
.delegation-credential-form {
  overflow: visible !important;
}

.delegation-credential-form .delegation-form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}

.delegation-form-field {
  display: flex;
  flex-direction: column;
}

.delegation-form-field label {
  margin-bottom: 0.25rem;
}

.delegation-type-row .delegation-form-field .form-control {
  width: 100%;
  max-width: 280px;
}

/* Global: ensure all native select dropdowns show arrow (override appearance:none) */
select.form-control,
select.form-select {
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
  appearance: menulist !important;
}

select.form-control::-ms-expand,
select.form-select::-ms-expand {
  display: block !important;
}

/* Preserve csv-fields custom arrow styling */
.csv-fields select.form-control,
.csv-fields select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

/* Delegation Type select: show dropdown arrow (override any appearance:none) */
.delegation-type-row select.form-control {
  -webkit-appearance: menulist !important;
  -moz-appearance: menulist !important;
  appearance: menulist !important;
}

.delegation-type-row select.form-control::-ms-expand {
  display: block !important;
}

/* Credential Delegation: layout - Delegation Type, Applications, aligned without large gap */
.delegation-type-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1.5rem 2rem;
}

.delegation-applications-right {
  display: flex;
  flex-direction: column;
  max-width: 320px;
  flex: 1 1 280px;
  min-width: 250px;
}

/* Search SOR Email: ensure field is visible and properly laid out */
/* Override .reviewerLabel (position:absolute; top:-191px) which hides the search box */
.delegation-sor-search-wrap.reviewerLabel {
  position: relative !important;
  top: auto !important;
  right: auto !important;
}

/* Assign Reviewer search: override reviewerLabel so it's visible when SOR email is added */
.tableDelegationInfo .custRadioRow .rolesAutocomplete.reviewerLabel {
  position: relative !important;
  top: auto !important;
  right: auto !important;
}

.tableDelegationInfo .custRadioRow .rolesAutocomplete.reviewerLabel>div {
  display: block !important;
  width: 100% !important;
}

/* Credential delegation: fix custRadioRow positioning so Assign Reviewer section displays properly */
.tableDelegationInfo form .custRadioRow {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  margin-top: 1rem;
}

.delegation-credential-form .delegation-form-row .delegation-sor-search-wrap {
  flex: 1 1 280px;
  min-width: 250px;
  max-width: 400px;
}

.delegation-sor-search-wrap {
  position: relative;
  display: flex !important;
  flex-direction: column;
}

.delegation-sor-search-wrap>div {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
}

.delegation-sor-search-wrap input[type="text"],
.delegation-sor-search-wrap input.form-control {
  width: 90% !important;
  max-width: 100% !important;
  min-height: 32px !important;
  display: block !important;
  visibility: visible !important;
}

/* Template form: HR Status checkboxes side by side */
.hr-status-checkboxes {
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  gap: 1.5rem;
}

.hr-status-checkbox-item {
  display: flex !important;
  align-items: center;
  margin: 0 !important;
}

/* Ensure template form multiselect dropdown is not clipped */
.endpointConfigCard:has(.selectDropDownTemplate) {
  overflow: visible !important;
}

.endpointConfigCard .serviceAcountBorder {
  overflow: visible !important;
}

/* Delegation page: allow dropdowns (Applications, Search SOR Email) to display */
.endpointConfigCard:has(.tableDelegationInfo),
.tableDelegationInfo {
  overflow: visible !important;
}

/* Create SoD Report form: label-above-input, 2-col layout, full-width controls */
.create-sod-report-form {
  overflow: hidden;
}

.create-sod-report-form .row.create-sod-report-row {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-left: -15px;
  margin-right: -15px;
}

.create-sod-report-form .row.create-sod-report-row>.form-group.col-md-6 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 1rem;
}

.create-sod-report-form .create-sod-report-field {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.create-sod-report-form .create-sod-report-field label.control-label.temp-lbl {
  display: block !important;
  margin-bottom: 0.35rem !important;
  width: 100%;
}

.create-sod-report-form .create-sod-report-input.o-form-input {
  float: none !important;
  width: 100% !important;
  box-sizing: border-box;
}

.create-sod-report-form .create-sod-report-input input.form-control,
.create-sod-report-form .create-sod-report-input select.form-control {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}

.create-sod-report-form .create-sod-report-input .multiselect.dropdown-toggle,
.create-sod-report-form .create-sod-report-input button.multiselect.dropdown-toggle {
  width: 100% !important;
  max-width: 100%;
  text-align: left;
  box-sizing: border-box;
}

.create-sod-report-form .create-sod-report-row .o-form-button-bar {
  margin-top: 0.25rem;
}

.create-sod-report-form .create-sod-report-row .o-form-button-bar .submit-button {
  margin-left: 0;
}

@media (max-width: 767px) {
  .create-sod-report-form .row.create-sod-report-row>.form-group.col-md-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* Create SoD Report page: header alignment — title left, Back button right */
.create-sod-report-header-row {
  width: 100%;
}

.create-sod-report-header {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex: 0 0 100%;
  background: #f7f7f7;
  gap: 1rem;
}

.create-sod-report-header-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.create-sod-report-header-left .o-form-title-bar {
  margin: 0;
}

.create-sod-report-header-right {
  display: flex !important;
  align-items: center;
  margin-left: auto;
}

.create-sod-report-header-right .campaign_progress {
  position: static !important;
  right: auto !important;
  margin: 0 !important;
}

.create-sod-report-header-right .campaign_progress button {
  margin: 0;
}

/* Update SoD Policy page: header alignment — title left, Back right */
.update-sod-policy-header-row {
  width: 100%;
}

.update-sod-policy-header {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex: 0 0 100%;
  gap: 1rem;
  background: #f7f7f7;
}

.update-sod-policy-header-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.update-sod-policy-header-left .o-form-title-bar {
  margin: 0;
}

.update-sod-policy-header-right {
  display: flex !important;
  align-items: center;
  margin-left: auto;
}

.update-sod-policy-header-right .campaign_progress {
  position: static !important;
  right: auto !important;
  margin: 0 !important;
}

.update-sod-policy-header-right .campaign_progress button {
  margin: 0;
}

/* View SoD Report page: header alignment — title left, Export + Back right, buttons aligned */
.view-sod-report-header-row {
  width: 100%;
}

.view-sod-report-header {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex: 0 0 100%;
  gap: 1rem;
  background: #f7f7f7;
}

.view-sod-report-header-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.view-sod-report-header-left .o-form-title-bar {
  margin: 0;
}

.view-sod-report-header-right {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0.5rem;
  margin-left: auto;
}

.view-sod-report-header-right .campaign_progress {
  position: static !important;
  right: auto !important;
  margin: 0 !important;
}

.view-sod-report-header-right .campaign_progress button,
.view-sod-report-header-right .view-sod-report-export .AddAppBtn.view-sod-report-export-btn {
  margin: 0;
  padding: 3px 20px !important;
  height: 30px !important;
  line-height: 1.4 !important;
  font-size: 14px !important;
}

/* Export dropdown: single caret only (no Bootstrap duplicate) */
.view-sod-report-header-right .view-sod-report-export .view-sod-report-export-caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 6px;
  vertical-align: middle;
  border-top: 4px solid currentColor;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.view-sod-report-header-right .view-sod-report-export .btn-group {
  position: relative;
}

.view-sod-report-page .view-sod-report-export .view-sod-report-export-menu.show {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  left: auto;
  margin-top: 2px;
  z-index: 1050;
}

/* Export dropdown menu: white box, light grey border (match screenshot) */
.view-sod-report-page .view-sod-report-export .dropdown-menu {
  min-width: 100px;
  padding: 0.25rem 0;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.view-sod-report-page .view-sod-report-export .dropdown-menu .dropdown-item {
  padding: 6px 12px;
  font-size: 14px;
  color: #333;
  background: transparent;
  border: none;
  cursor: pointer;
}

.view-sod-report-page .view-sod-report-export .dropdown-menu .dropdown-item:hover {
  background-color: #f5f5f5;
}

.view-sod-report-header-right .view-sod-report-export .btn-group {
  margin: 0;
}

/* Create SoD Report page: remove unnecessary scrollbar when form content fits */
.main-content:has(.create-sod-report-page) .container,
.main-content:has(.create-sod-report-page),
.container:has(.create-sod-report-page) {
  overflow-y: hidden !important;
  overflow-x: visible !important;
}

.export_report {
  position: absolute;
  margin-top: -37px;
  right: 110px;
}

.sidebar-modal .card-body {
  padding: 5px 10px 10px;
}

.sidebar-modal .modal-body .card .card-header {
  padding: 10px 10px;
}

.sidebar-modal .card-body h5 {
  font-size: 14px;
  font-weight: bold !important;
  margin-bottom: 0;
  padding-top: 6px;
}

/* Right-side sidebar modals: ensure close button is visible (z-index, visibility) */
.sidebar-modal .modelheader,
.sidebar-modal .modal-header {
  z-index: 1060 !important;
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box;
}

.sidebar-modal .modelheader .close,
.sidebar-modal .modelheader button.close,
.sidebar-modal .modal-header .close,
.sidebar-modal .modal-header button.close {
  z-index: 1070 !important;
  visibility: visible !important;
  opacity: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 32px;
  min-height: 32px;
}

.sidebar-modal .modelheader .close span,
.sidebar-modal .modelheader .close span[aria-hidden="true"],
.sidebar-modal .modelheader button.close span,
.sidebar-modal .modelheader button.close span[aria-hidden="true"],
.sidebar-modal .modal-header .close span,
.sidebar-modal .modal-header .close span[aria-hidden="true"],
.sidebar-modal .modal-header button.close span,
.sidebar-modal .modal-header button.close span[aria-hidden="true"] {
  visibility: visible !important;
  opacity: 1 !important;
  display: inline !important;
}

.sidebar-modal .modal-body {
  position: relative;
  top: 0 !important;
  z-index: 1;
}

/* Message Configuration modal + Ticketing System modal: form fields in 2 columns per row */
.sidebar-modal .endpointConfigCard .row {
  display: flex !important;
  flex-wrap: wrap !important;
}

.sidebar-modal .endpointConfigCard .row>.col-md-6,
.sidebar-modal .endpointConfigCard .row .col-md-12>.col-md-6,
.sidebar-modal .endpointConfigCard .row .col-md-12>div>.col-md-6 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
  box-sizing: border-box;
}

/* Ticketing System (Jira etc.): ensure col-md-12 content flows in two columns when it contains col-md-6 */
.sidebar-modal .endpointConfigCard .row .col-md-12 {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  max-width: 100% !important;
}

.sidebar-modal .endpointConfigCard .row .col-md-12 .col-md-6 {
  flex: 0 0 50% !important;
  max-width: 50% !important;
  box-sizing: border-box;
}

/* Consistent label/input alignment in Ticketing System form groups */
.sidebar-modal .endpointConfigCard .form-group {
  display: flex !important;
  flex-direction: column !important;
}

.sidebar-modal .endpointConfigCard .form-group label {
  margin-bottom: 0.25rem !important;
}

/* Ensure Ticketing System dropdown and Jira form controls are visible and interactive */
.sidebar-modal .endpointConfigCard .form-group select.form-control,
.sidebar-modal .endpointConfigCard .form-group input.form-control {
  flex: 0 0 auto !important;
  min-height: 2.25rem !important;
  width: 100% !important;
}

.sidebar-modal .endpointConfigCard #selectTS {
  width: 100% !important;
}

/* Prevent truncation: allow flex items to shrink and show full input value */
.sidebar-modal .endpointConfigCard .row>.col-md-6 {
  min-width: 0 !important;
}

.sidebar-modal .endpointConfigCard .form-group input.form-control,
.sidebar-modal .endpointConfigCard .form-group select.form-control {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

div[disabled] {
  cursor: not-allowed;
}

.CreateCampaign button.custom__pg.AddAppBtn {
  margin-left: 18px;
}

.requestBtn {
  margin: 0px !important;
}

.multirequest-popup.sidebar-modal .modal-body {
  top: 0px;
}

/* Prevent page scroll when sidebar modals (Person Details, etc.) or products menu are open */
body:has(.modal.show .custom-dialog.peoples-list.sidebar-modal),
body:has(.modal.in .custom-dialog.peoples-list.sidebar-modal) {
  overflow: hidden !important;
}

/* Global: all right-to-left sidebar modals (sidebar-modal, custom-dialog peoples-list, etc.) — 55% width */
.modal.right .modal-dialog.sidebar-modal,
.modal:has(.modal-dialog.sidebar-modal:not(.products-menu-modal)) .modal-dialog.sidebar-modal:not(.products-menu-modal) {
  width: 55% !important;
  max-width: none !important;
  position: fixed !important;
  left: auto !important;
  right: 0 !important;
  top: 0;
  bottom: 0;
  margin: 0 !important;
  height: 100% !important;
  transform: none !important;
  -webkit-transition: right 0.3s ease-out;
  -moz-transition: right 0.3s ease-out;
  -o-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
}

.modal.right:not(.show):not(.in) .modal-dialog.sidebar-modal,
.modal:has(.modal-dialog.sidebar-modal:not(.products-menu-modal)):not(.show):not(.in) .modal-dialog.sidebar-modal:not(.products-menu-modal) {
  right: -55% !important;
}

.modal.right.show .modal-dialog.sidebar-modal,
.modal.right.in .modal-dialog.sidebar-modal,
.modal:has(.modal-dialog.sidebar-modal:not(.products-menu-modal)).show .modal-dialog.sidebar-modal:not(.products-menu-modal),
.modal:has(.modal-dialog.sidebar-modal:not(.products-menu-modal)).in .modal-dialog.sidebar-modal:not(.products-menu-modal) {
  right: 0 !important;
  box-shadow: rgba(0, 0, 0, 0.22) 0 25.6px 57.6px 0, rgba(0, 0, 0, 0.18) 0 4.8px 14.4px 0;
}

/* modal-dialog custom-dialog peoples-list sidebar-modal — 55% width, slide right-to-left (exclude products-menu-modal) */
.modal:has(.modal-dialog.custom-dialog.peoples-list.sidebar-modal:not(.products-menu-modal)) .modal-dialog.custom-dialog.peoples-list.sidebar-modal:not(.products-menu-modal) {
  width: 55% !important;
  max-width: none !important;
  position: fixed !important;
  left: auto !important;
  right: 0 !important;
  top: 0;
  bottom: 0;
  margin: 0 !important;
  height: 100% !important;
  transform: none !important;
  -webkit-transition: right 0.3s ease-out;
  -moz-transition: right 0.3s ease-out;
  -o-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
}

.modal:has(.modal-dialog.custom-dialog.peoples-list.sidebar-modal:not(.products-menu-modal)):not(.show):not(.in) .modal-dialog.custom-dialog.peoples-list.sidebar-modal:not(.products-menu-modal) {
  right: -55% !important;
}

.modal:has(.modal-dialog.custom-dialog.peoples-list.sidebar-modal:not(.products-menu-modal)).show .modal-dialog.custom-dialog.peoples-list.sidebar-modal:not(.products-menu-modal),
.modal:has(.modal-dialog.custom-dialog.peoples-list.sidebar-modal:not(.products-menu-modal)).in .modal-dialog.custom-dialog.peoples-list.sidebar-modal:not(.products-menu-modal) {
  right: 0 !important;
  box-shadow: rgba(0, 0, 0, 0.22) 0 25.6px 57.6px 0, rgba(0, 0, 0, 0.18) 0 4.8px 14.4px 0;
}

.modal:has(.modal-dialog.custom-dialog.peoples-list.sidebar-modal) .modal-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}

.modal:has(.modal-dialog.custom-dialog.peoples-list.sidebar-modal) .modelheader,
.modal:has(.modal-dialog.custom-dialog.peoples-list.sidebar-modal) .modal-header {
  flex: 0 0 auto;
}

.modal:has(.modal-dialog.custom-dialog.peoples-list.sidebar-modal) .modal-body {
  flex: 1 1 auto;
  padding: 15px 15px 0;
  overflow-y: auto;
}

/* Campaign Templates: Delete Template modal — centered (not sidebar) */
.modal-dialog.campaign-delete-template-modal {
  position: relative !important;
  width: 100%;
  max-width: 560px !important;
  margin: 1.75rem auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;
}

.modal-dialog.campaign-delete-template-modal .modelheader,
.modal-dialog.campaign-delete-template-modal .modal-header {
  background: #0078d4 !important;
  color: #fff !important;
}

.modal-dialog.campaign-delete-template-modal .modal-header .close span,
.modal-dialog.campaign-delete-template-modal .modelheader .close span {
  color: #fff !important;
  opacity: 1 !important;
}

/* 9-dots Products menu: left side, 310px width */
.modal:has(.modal-dialog.products-menu-modal) .modal-dialog.products-menu-modal {
  width: 310px !important;
  max-width: 310px !important;
  position: fixed !important;
  left: 0 !important;
  right: auto !important;
  top: 0;
  bottom: 0;
  margin: 0 !important;
  height: 100% !important;
  transform: none !important;
  -webkit-transition: left 0.3s ease-out;
  -moz-transition: left 0.3s ease-out;
  -o-transition: left 0.3s ease-out;
  transition: left 0.3s ease-out;
}

.modal:has(.modal-dialog.products-menu-modal):not(.show):not(.in) .modal-dialog.products-menu-modal {
  left: -310px !important;
}

.modal:has(.modal-dialog.products-menu-modal).show .modal-dialog.products-menu-modal,
.modal:has(.modal-dialog.products-menu-modal).in .modal-dialog.products-menu-modal {
  left: 0 !important;
  box-shadow: rgba(0, 0, 0, 0.22) 0 25.6px 57.6px 0, rgba(0, 0, 0, 0.18) 0 4.8px 14.4px 0;
}

/* Products menu: header matches modal width/height, no page scroll */
body:has(.modal.show .products-menu-modal),
body:has(.modal.in .products-menu-modal) {
  overflow: hidden !important;
}

.modal:has(.modal-dialog.products-menu-modal) .modal-dialog.products-menu-modal .modal-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.modal:has(.modal-dialog.products-menu-modal) .modal-dialog.products-menu-modal .modelheader.products-menu-header,
.modal:has(.modal-dialog.products-menu-modal) .modal-dialog.products-menu-modal .modal-header.products-menu-header {
  position: relative !important;
  width: 100% !important;
  min-height: 56px;
  height: 56px;
  padding: 12px 16px !important;
  flex-shrink: 0;
  box-sizing: border-box;
}

.modal:has(.modal-dialog.products-menu-modal) .modal-dialog.products-menu-modal .modal-body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  top: 0 !important;
  padding: 15px !important;
}

.request-access .col-md-6.agentName {
  padding: 3px 5px;
}

.applicationTreeBtn {
  margin-left: 20px !important;
}

.appsLoaderData {
  float: right;
}

.userEmailAppLabel {
  margin: 12px 0px 0px -13px;
}

.capitalize {
  text-transform: capitalize !important;
}

.sodTable {
  /* overflow-y: auto; */
  /* max-height: 335px; */
}

.inActiveusersILM {
  margin-left: 5px !important;
  top: 15px;
  padding: 5px;
}

.nextSpinIcon {
  margin: 0px 0px 0px 25px !important;
}

.credTypeRow .Sort_By_Status {
  left: 25px !important;
}

.Delegation .uploadTitle {
  margin-top: 12px;
}

.mng-label {
  margin-top: 7px;
  margin-bottom: 7px;
}

/* Campaign Preview page: header alignment — title left, progress|Back right */
.campaign-preview-header-row {
  width: 100%;
}

.campaign-preview-header {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex: 0 0 100%;
  gap: 1rem;
  background: #f7f7f7;
}

.campaign-preview-header-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.campaign-preview-header-left .o-form-title-bar {
  margin: 0;
}

.campaign-preview-header-right {
  display: flex !important;
  align-items: center;
  gap: 0.75rem;
  margin-left: auto;
}

.campaign-preview-header-right .campaign_progress,
.campaign-preview-header-right .campaign-preview-progress {
  position: static !important;
  right: auto !important;
  margin: 0 !important;
}

.campaign-preview-header-right .campaign_progress button {
  margin: 0;
}

.campaign-preview-header-right .campaign-preview-progress {
  min-width: 80px;
}

/* Campaign Preview: full width display */
.campaign-preview-page {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Campaign Scheduler: full width display */
.campaign-scheduler-page {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 1rem;
  padding-right: 1rem;
}

.campaign-scheduler-page .campaign-scheduler-header {
  width: 102% !important;
}

.campaign-scheduler-page .campaignList.Table,
.campaign-scheduler-page .CampaignTable,
.campaign-scheduler-page .ReactTable,
.campaign-scheduler-page .ReactTable .rt-table {
  width: 100% !important;
}

/* .campaign-scheduler-page .ReactTable {
  overflow-x: auto;
} */
.campaign-scheduler-page .ReactTable .rt-table {
  min-width: 100%;
}

.campaign-preview-page .campaign-preview-header,
.campaign-preview-page .campaign-preview-header-row {
  width: 100%;
}

.campaign-preview-page .campaign-preview-table-wrap,
.campaign-preview-page .ReactTable.reactTeableContent,
.campaign-preview-page .ReactTable.reactTeableContent .rt-table {
  width: 100% !important;
}

/* Reserve min height to prevent layout shift (shaking) when loading or when data appears */
.campaign-preview-page .campaign-preview-table-wrap {
  -min-height: 320px;
}

.campaign-preview-page .campaign-preview-table-wrap .campaign-preview-nodata.noDataComponent {
  display: flex;
  align-items: center;
  justify-content: center;
}

.campaign-preview-page .ReactTable {
  overflow-x: auto;
}

.campaign-preview-page .ReactTable .rt-table {
  min-width: 100%;
}

.campaign-details-popup .templatePopup {
  margin-left: 0;
  margin-right: 0;
}

/* Campaign Template details: applications section - match first section table layout */
.campaign-template-details-apps .campaign-details-app-block {
  border: 1px solid #cccccc47;
  margin-bottom: 10px;
  padding: 0;
}

.campaign-template-details-apps .campaign-details-app-block .tblGrid {
  margin-bottom: 0;
}

.campaign-template-details-apps .campaign-details-roles-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.campaign-template-details-apps .campaign-details-roles-list li {
  padding: 2px 0;
}

.campaign-details-popup .modal-footer {
  padding: 5px;
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #00cdf7;
  border-top: 1px solid #e5e5e5;
  text-align: left;
}

.noDataComponent {
  text-align: center;
  height: 40px;
  line-height: 40px;
}

.noDataComponent .saveSpinner {
  right: -34px !important;
  top: -4px !important;
}

.noDataComponent .fa-spinner-icon .fa-spinner {
  font-size: 19px !important;
}

.saveSpinner.bulkExclude {
  right: 5px !important;
}

.updatedAutoData input#update_manager {
  margin: -32px 0px 0px 112px;
}

.react-table .ReactTable .-loading {
  background: rgb(69 69 69 / 80%) !important;
}

.react-table .-loading-inner {
  font-weight: bold !important;
  font-size: 16px !important;
  color: #b0b4d5 !important;
}

.react-table .ReactTable .-loading.-active {
  opacity: 0.5 !important;
}

.campaignRestriction {
  margin-top: 32px;
  /* margin-left: 34px */
}

/* Allow filter dropdowns to extend outside; main panel scrolls (prevents dropdown overlapping sidebar) */
.ReactTable.-striped.-highlight.CampaignReport {
  overflow: visible !important;
}

#CampaignReport .ReactTable,
.campaigns_report_table .ReactTable {
  overflow: visible !important;
}

#CampaignReport .rt-thead.-filters,
.CampaignReport .rt-thead.-filters {
  overflow: visible !important;
  position: relative;
  z-index: 10;
}

.spinnerCampaign {
  margin-top: 8px;
}

.terminateLoader {
  margin-right: 35px;
}

.reportLoader {
  margin: 8px 0px 0px -125px;
}

.selectedReportsContent {
  clear: both;
  padding-top: 25px !important;
}

.reportCol {
  font-size: 13px;
  font-weight: 600;
  line-height: 15px !important;
  text-align: left;
}

.oktaAppsCheckbox {
  margin-left: 8px;
}

.MuiListItemIcon-root {
  min-width: auto !important;
  margin-right: 16px !important;
}

.sorReactTable,
.iamUsersTbl {
  margin-top: 15px !important;
}

.applicationsReactTable {
  margin-top: 60px !important;
}

.Sort_By_Data {
  position: absolute;
  /* left: 5px; */
  top: 8px;
  z-index: 99;
  margin-left: 20px;
}

.camp-data-table {
  margin-top: 20px;
}

.ReactTable .rt-tr .rt-td:first-child {
  overflow: inherit !important;
}

.viewAuditTrail .rt-tr .rt-td:first-child {
  overflow: hidden !important;
}

.viewTicketingSystemLogs .rt-tr .rt-td:first-child {
  overflow: hidden !important;
}

.viewTicketingSystemLogs .rt-tr .rt-td:nth-child(2) {
  overflow: hidden !important;
}

/* .eventsTable .rt-tr .rt-td:first-child {
  overflow: hidden !important;
} */
.campaignRevokeTable .rt-tr .rt-td:first-child {
  overflow: hidden !important;
}

.ReactTable .rt-tr-group:nth-last-child(1) .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-last-child(4) .ActionDropdown-content {
  top: -229px !important;
}

.ReactTable .rt-tr-group:nth-last-child(2) .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-last-child(3) .ActionDropdown-content {
  top: -198px !important;
}

.ReactTable .rt-tr-group:nth-last-child(1) .ActionDropdown-content1.last-childs {
  top: -292px !important;
}

.ReactTable .rt-tr-group:nth-last-child(2) .ActionDropdown-content1.last-childs {
  top: -235px !important;
}

.viewAllDirectElectionsTbl .ReactTable {
  border: none !important;
  margin-top: 0px;
  -overflow-x: auto;
}

/* .viewAllDirectElectionsTbl .ReactTable .rt-table {
  min-width: 100%;
} */
.ReactTable .rt-tr-group:nth-last-child(1) .ActionDropdown-content1.application-connector.lastChild,
.ReactTable .rt-tr-group:nth-last-child(2) .ActionDropdown-content1.application-connector.lastChild {
  top: -290px !important;
}

.ReactTable .rt-tr-group:nth-last-child(1) .ActionLeft .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-last-child(2) .ActionLeft .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-last-child(3) .ActionLeft .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-last-child(4) .ActionLeft .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-last-child(5) .ActionLeft .ActionDropdown-content {
  top: -200px !important;
}

/* .ReactTable .rt-tr-group:nth-last-child(1) .ActionLeft .ActionDropdown-content.FlexRPA,
.ReactTable .rt-tr-group:nth-last-child(2) .ActionLeft .ActionDropdown-content.FlexRPA{
top:-120px !important
} */
.ReactTable .rt-tr-group:nth-last-child(1) .ActionLeft1 .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-last-child(2) .ActionLeft1 .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-last-child(3) .ActionLeft1 .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-last-child(4) .ActionLeft1 .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-last-child(5) .ActionLeft1 .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-last-child(6) .ActionLeft1 .ActionDropdown-content {
  top: -240px !important;
}

.ReactTable .rt-tr-group:nth-last-child(2) .ActionDropdown-content1,
.ReactTable .rt-tr-group:nth-last-child(3) .ActionDropdown-content1 {
  top: -195px !important;
}

.ReactTable .rt-tr-group:nth-child(1) .ActionDropdown-content1.application-connector.lastChild,
.ReactTable .rt-tr-group:nth-child(2) .ActionDropdown-content1.application-connector.lastChild {
  top: -200px !important;
}

.ReactTable .rt-tr-group:nth-child(1) .ActionDropdown-content1.application-connector.flexRPA.lastChild,
.ReactTable .rt-tr-group:nth-child(2) .ActionDropdown-content1.application-connector.flexRPA.lastChild {
  top: -120px !important;
}

.ReactTable .rt-tr-group:nth-child(1) .ActionDropdown-content1.last-childs {
  top: -200px !important;
}

.ReactTable .rt-tr-group:nth-last-child(5) .ActionLeft1 .ActionDropdown-content1 {
  top: -260px !important;
}

.ReactTable .rt-tr-group:nth-last-child(1) .EndpointEntitlementDropdown .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-last-child(2) .EndpointEntitlementDropdown .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-last-child(3) .EndpointEntitlementDropdown .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-last-child(4) .EndpointEntitlementDropdown .ActionDropdown-content {
  top: auto !important;
  bottom: 0 !important;
}

.ReactTable .rt-tr-group:nth-last-child(1) .EPCredentialPopup .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-last-child(2) .EPCredentialPopup .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-last-child(3) .EPCredentialPopup .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-last-child(4) .EPCredentialPopup .ActionDropdown-content {
  top: auto !important;
  bottom: 0 !important;
}

.ReactTable .rt-tr-group:first-child .EPCredentialPopup .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-child(2) .EPCredentialPopup .ActionDropdown-content {
  top: 0 !important;
  bottom: auto !important;
}

.ReactTable .rt-tr-group:nth-last-child(1) .ActionPopup .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-last-child(2) .ActionPopup .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-last-child(3) .ActionPopup .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-last-child(4) .ActionPopup .ActionDropdown-content {
  top: auto !important;
  bottom: 0 !important;
}

/* .ReactTable .rt-tr-group:nth-last-child(1) .ActionDropdown-content1 {
  top:-273px !important;
} */

/* .ReactTable .rt-tr-group:nth-child(1) .ActionDropdown-content1, .ReactTable .rt-tr-group:nth-child(2) .ActionDropdown-content1, .ReactTable .rt-tr-group:nth-child(3) .ActionDropdown-content1, .ReactTable .rt-tr-group:nth-child(4) .ActionDropdown-content1, .ReactTable .rt-tr-group:nth-child(5) .ActionDropdown-content1 {
  top:-240px !important;
} */

.sorTable .ReactTable .rt-tr-group:nth-last-child(1) .ActionDropdown-content,
.sorTable .ReactTable .rt-tr-group:nth-last-child(2) .ActionDropdown-content,
.sorTable .ReactTable .rt-tr-group:nth-last-child(3) .ActionDropdown-content {
  top: -160px !important;
}

.sorTable .ReactTable .rt-tr-group:nth-last-child(1) .ActionDropdown-content1,
.sorTable .ReactTable .rt-tr-group:nth-last-child(2) .ActionDropdown-content1,
.sorTable .ReactTable .rt-tr-group:nth-last-child(3) .ActionDropdown-content1 {
  top: -155px !important;
}

.sorTable .ReactTable .rt-tr-group:nth-child(1) .ActionDropdown-content,
.sorTable .ReactTable .rt-tr-group:nth-child(2) .ActionDropdown-content,
.sorTable .ReactTable .rt-tr-group:nth-child(3) .ActionDropdown-content,
.sorTable .ReactTable .rt-tr-group:nth-last-child(4) .ActionDropdown-content {
  top: 0px !important;
}

.sorTable .ActionDropdown-content1 {
  top: -155px !important;
}

.sorTable .ReactTable .rt-tr-group:nth-child(1) .ActionDropdown-content1.sor-more.sor-lastChilds {
  top: -200px !important;
  bottom: auto !important;
}

/* Campaign Templates: gear dropdown opens upward for last rows so all items (e.g. View Audit Trail) are visible */
/* .campaignTemp
  .ReactTable
  .rt-tr-group:nth-last-child(1)
  .dropdown-menu.leftAlign,
.campaignTemp
  .ReactTable
  .rt-tr-group:nth-last-child(2)
  .dropdown-menu.leftAlign,
.campaignTemp
  .ReactTable
  .rt-tr-group:nth-last-child(3)
  .dropdown-menu.leftAlign {
  top: auto !important;
  bottom: 100% !important;
  margin-bottom: 2px;
} */
/* Campaign Templates: keep dropdown above table/pagination, allow overflow */
#epTable .campaignTemp .ReactTable,
#epTable .campaignTemp .ReactTable .rt-table,
#epTable .campaignTemp .ReactTable .rt-tbody {
  overflow: visible !important;
}

#epTable .campaignTemp .configActionDropdown .dropdown-menu.leftAlign {
  -z-index: 1060 !important;
  z-index: 1 !important;

}

/* Previously: for the last 4 rows in any ReactTable we forced the gear dropdown
   to open upward so the menu was not cut off. This caused the menu to overlap
   headers/filters when there were only a few rows. To keep behavior consistent
   across all screens (Data Transformation, Campaigns, Endpoints, etc.) and
   always open gear menus downward, we no longer override placement here and let
   Bootstrap/Popper handle bottom positioning. */
/* .ReactTable .rt-tr-group:nth-last-child(1) .dropdown.badge .dropdown-menu,
   .ReactTable .rt-tr-group:nth-last-child(2) .dropdown.badge .dropdown-menu,
   .ReactTable .rt-tr-group:nth-last-child(3) .dropdown.badge .dropdown-menu,
   .ReactTable .rt-tr-group:nth-last-child(4) .dropdown.badge .dropdown-menu {
  top: auto !important;
  bottom: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 0.25rem !important;
} */

/* Identities (/manage): match endpoints – opaque menu, correct stacking so menu is not transparent or behind content */
.iamUsersTbl .ActionDropdown {
  position: relative;
}

/* Allow action dropdown to extend outside table so it is not clipped at top/bottom of page */
.iamUsersTbl .rt-tbody,
.iamUsersTbl .rt-tr-group {
  overflow: visible !important;
}

/* Identities (/manage): keep horizontal scrollbar consistently visible */
.iamUsersTbl .rt-table {
  overflow-x: scroll !important;
  overflow-y: visible !important;
}

/* Override .actionsDropDown { z-index: 0 } so dropdown menu stacks above table/sidebar (same as endpoints) */
/* .iamUsersTbl .ActionDropdown.actionsDropDown {
  z-index: 1;
}
.iamUsersTbl .ActionDropdown.dropdown.show {
  z-index: 1060 !important;
} */
.iamUsersTbl .ActionDropdown .dropdown-menu {
  z-index: 1060 !important;
  background: #fff !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/* Last 4 rows (/manage): open menu below so it stays near the gear icon */
.iamUsersTbl .rt-tr-group:nth-last-child(1) .ActionDropdown .dropdown-menu,
.iamUsersTbl .rt-tr-group:nth-last-child(2) .ActionDropdown .dropdown-menu,
.iamUsersTbl .rt-tr-group:nth-last-child(3) .ActionDropdown .dropdown-menu,
.iamUsersTbl .rt-tr-group:nth-last-child(4) .ActionDropdown .dropdown-menu {
  top: 100% !important;
  bottom: auto !important;
  margin-top: 0.125rem !important;
  margin-bottom: 0 !important;
}

/* Identities (/manage): row-index–based placement so dropdown is not hidden at top or bottom */
.iamUsersTbl .drop-move .ActionDropdown .dropdown-menu {
  top: 100% !important;
  bottom: auto !important;
  margin-top: 0.125rem !important;
  margin-bottom: 0 !important;
}

.iamUsersTbl .drop-extra .ActionDropdown .dropdown-menu {
  top: 100% !important;
  bottom: auto !important;
  margin-top: 0.125rem !important;
  margin-bottom: 0 !important;
}

/* Identities (/manage): align action dropdown close to gear icon (override global .leftAlign offset) */
.iamUsersTbl .ActionDropdown .dropdown-menu.leftAlign {
  right: auto !important;
  transform: translate3d(2.4px, -37.6px, 0px) !important;
  max-height: none;
  overflow-y: visible;
  overflow-x: visible;
}

/* Ensure IAM Users action dropdown items have opaque background (no see-through rows) */
.iamUsersTbl .ActionDropdown .dropdown-menu.leftAlign li,
.iamUsersTbl .ActionDropdown .dropdown-menu.leftAlign li a {
  background-color: #fff !important;
}

.iamUsersTbl .ActionDropdown .dropdown-menu.leftAlign li a {
  display: block;
}

/* Manage (/manage): menu item hover like other screens (listOfCampaign, dataTransformation) */
.iamUsersTbl .ActionDropdown .dropdown-menu li>a:hover,
.iamUsersTbl .ActionDropdown .dropdown-menu li>a:focus {
  background-color: #ddd !important;
}

/* Identities (/manage): first 4 rows – always open dropdown below header to avoid overlapping table header when few rows are visible */
.iamUsersTbl .rt-tbody .rt-tr-group:nth-child(1) .ActionDropdown .dropdown-menu,
.iamUsersTbl .rt-tbody .rt-tr-group:nth-child(2) .ActionDropdown .dropdown-menu,
.iamUsersTbl .rt-tbody .rt-tr-group:nth-child(3) .ActionDropdown .dropdown-menu,
.iamUsersTbl .rt-tbody .rt-tr-group:nth-child(4) .ActionDropdown .dropdown-menu {
  top: 100% !important;
  bottom: auto !important;
  margin-top: 0.125rem !important;
  margin-bottom: 0 !important;
}

.credEnt .ReactTable .rt-tr-group:nth-last-child(1) .dropdown-menu.leftAlign,
.credEnt .ReactTable .rt-tr-group:nth-last-child(2) .dropdown-menu.leftAlign,
.credEnt .ReactTable .rt-tr-group:nth-last-child(3) .dropdown-menu.leftAlign {
  top: -90px !important;
}

.ReactTable .rt-tr-group:nth-child(1) .ActionLeft .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-child(2) .ActionLeft .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-child(3) .ActionLeft .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-child(4) .ActionLeft .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-child(5) .ActionLeft .ActionDropdown-content {
  top: 0px !important;
}

.ReactTable .rt-tr-group:nth-child(1) .ActionLeft1 .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-child(2) .ActionLeft1 .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-child(3) .ActionLeft1 .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-child(4) .ActionLeft1 .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-child(5) .ActionLeft1 .ActionDropdown-content {
  top: 0px !important;
}

.ReactTable .rt-tr-group:nth-child(1) .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-child(2) .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-child(3) .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-child(4) .ActionDropdown-content,
.ReactTable .rt-tr-group:nth-child(5) .ActionDropdown-content {
  top: 0px !important;
}

.sorTable .ReactTable .rt-tr-group:nth-child(1) .ActionDropdown-content,
.sorTable .ReactTable .rt-tr-group:nth-child(2) .ActionDropdown-content,
.sorTable .ReactTable .rt-tr-group:nth-child(3) .ActionDropdown-content {
  top: 0px !important;
}

.sorTable .ReactTable .rt-tr-group:nth-last-child(1) .ActionDropdown-content1.sor-lastChilds,
.sorTable .ReactTable .rt-tr-group:nth-last-child(2) .ActionDropdown-content1.sor-lastChilds,
.sorTable .ReactTable .rt-tr-group:nth-last-child(3) .ActionDropdown-content1.sor-lastChilds,
.sorTable .ReactTable .rt-tr-group:nth-last-child(4) .ActionDropdown-content1.sor-lastChilds,
.sorTable .ReactTable .rt-tr-group:nth-last-child(5) .ActionDropdown-content1.sor-lastChilds,
.sorTable .ReactTable .rt-tr-group:nth-last-child(6) .ActionDropdown-content1.sor-lastChilds {
  top: auto !important;
  bottom: 0 !important;
}

.ReactTable .rt-thead .rt-resizable-header-content div,
.ReactTable .rt-thead .rt-resizable-header-content {
  line-height: 25px !important;
}

.exportLoader {
  top: -10px !important;
  right: 0px !important;
}

.back_cls {
  margin-top: 15px;
}

#templatesave .fa-spinner-icon .fa-spinner {
  top: -7px;
  right: -72px;
  color: #2e6da4;
}

.appAction {
  position: relative;
  left: 50px;
  top: 25px;
}

#entitlementsTbl .ReactTable .rt-tr-group:nth-last-child(1) .ActionDropdown-content {
  top: -85px !important;
}

#entitlementsTbl .ReactTable .rt-tr-group:nth-last-child(2) .ActionDropdown-content,
#entitlementsTbl .ReactTable .rt-tr-group:nth-last-child(3) .ActionDropdown-content,
#entitlementsTbl .ReactTable .rt-tr-group:nth-last-child(4) .ActionDropdown-content,
#entitlementsTbl .ReactTable .rt-tr-group:nth-child(1) .ActionDropdown-content,
#entitlementsTbl .ReactTable .rt-tr-group:nth-child(2) .ActionDropdown-content {
  top: 0px !important;
}

.reviewerList,
.msgReviewerList {
  width: 50%;
  float: left;
  padding: 4px 0px 8px 0px;
}

/* Launch Campaign modal — beat float list; use wrapped grid */
.campaignModal .se-launch-reviewer-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 12px !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
  margin: 6px 0 10px !important;
}

.campaignModal .se-launch-reviewer-grid .reviewerList,
.campaignModal .se-launch-reviewer-grid .msgReviewerList {
  float: none !important;
  width: auto !important;
  min-width: 200px;
  max-width: 100%;
  flex: 1 1 220px;
  margin: 0 !important;
  padding: 8px 10px 8px 1.75rem !important;
  position: relative !important;
  box-sizing: border-box !important;
}

.campaignModal .se-launch-reviewer-grid .custom-control-label {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  line-height: 1.35 !important;
}

.campaignModal .modal-dialog {
  /* width: 950px !important; */
  margin: 30px auto;
}

/* Launch Campaign modal: fix UI alignment and radio button layout */
.campaignModal .modal-body p {
  margin-bottom: 0.5rem;
}

.campaignModal .modal-body>div>p+div {
  margin-bottom: 1rem;
}

.campaignModal .uar-radio {
  margin-left: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 1rem 1.5rem !important;
}

.campaignModal .uar-radio .MuiFormControl-root {
  margin: 0 !important;
}

.campaignModal .uar-radio .MuiFormControlLabel-root {
  margin-right: 1.5rem !important;
  margin-left: 0 !important;
}

.campaignModal .modal-body .col-md-6 label,
.campaignModal .modal-body .col-md-6 .form-control {
  display: block;
  width: 100%;
  max-width: 300px;
}

/* Bulk Launch Campaign modal: radio buttons on same line, vertically aligned with label */
.bulk-launch-modal .bulk-launch-radio-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}

.bulk-launch-modal .bulk-launch-radio-label {
  flex: 0 0 auto;
  margin: 0 !important;
  margin-right: 0.5rem !important;
  line-height: 1.5;
}

.bulk-launch-modal .bulk-launch-radio-wrap {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.bulk-launch-modal .bulk-launch-radio-wrap .MuiFormControl-root {
  margin: 0 !important;
  padding: 0 !important;
  align-items: center;
  display: inline-flex !important;
}

/* Minimize FormLabel gap when labelText is not passed - reduces vertical offset */
.bulk-launch-modal .bulk-launch-radio-wrap .MuiFormControl-root .MuiFormLabel-root {
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

.bulk-launch-modal .bulk-launch-radio-wrap .MuiFormControl-root .MuiRadioGroup-root {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center;
}

.bulk-launch-modal .bulk-launch-radio-wrap .MuiFormControlLabel-root {
  margin-right: 1.5rem !important;
  margin-left: 0 !important;
  align-items: center !important;
}

.bulk-launch-modal .bulk-launch-radio-wrap .MuiFormControlLabel-root .MuiRadio-root {
  padding: 4px !important;
}

.bulk-launch-modal .bulk-launch-radio-wrap .MuiFormControlLabel-label {
  margin-left: 6px;
}

.bulk-launch-modal .bulk-launch-radio-row p,
.bulk-launch-modal .bulk-launch-radio-wrap,
.bulk-launch-modal .bulk-launch-radio-row.col-md-12 {
  float: none !important;
}

.bulk-launch-modal .bulk-launch-modal-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.bulk-launch-modal .bulk-launch-modal-footer .custom__lg,
.bulk-launch-modal .bulk-launch-modal-footer .AddAppBtn,
.bulk-launch-modal .bulk-launch-modal-footer button {
  margin: 0 !important;
  vertical-align: middle;
}

.bulk-launch-modal .bulk-launch-modal-footer .fa-spinner-icon {
  margin: 0;
  display: inline-flex;
  align-items: center;
}

/* Bulk Launch Campaign modal: no table scroll - table expands to show all rows */
.bulk-launch-modal .bulk-launch-table-scroll {
  max-height: none;
  overflow: visible !important;
}

.bulk-launch-modal .bulk-launch-modal-body {
  overflow-y: auto !important;
  max-height: calc(100vh - 180px) !important;
}

.campaignModal .modal-body {
  font-weight: 400 !important;
  /* max-height: 450px;
  overflow: scroll; */
}

.orTitle {
  margin: 0 auto;
  width: 40%;
}

.campaignModal .control-label {
  width: 100%;
}

.globalConfigurationText {
  margin: 25px;
}

.ticketSD {
  margin-left: -6px !important;
}

.assignGroup {
  margin: 10px;
}

.assigneeGroupCB {
  margin: 10px;
  margin-left: 26px !important;
}

.assignEmail {
  margin-left: 12px;
  margin: 10px;
}

.selectTSData {
  width: 578px;
}

.form-horizontal.createSubDates .control-label {
  text-align: left !important;
}

.createSubDates .react-datepicker__input-container {
  width: 168% !important;
}

.col-sm-offset-2.createSubScriptionSave {
  margin-left: 15.666667%;
}

.createSubScriptionSave .custom__pg {
  padding: 5px 28px !important;
}

.table-container.createSub {
  padding: 20px 20px;
}

.openCmpMenu {
  overflow: hidden;
}

.sod-details {
  font-size: 15px !important;
}

.reportModalContent {
  margin-top: 45px;
}

.reportSubmit {
  float: right;
  margin: auto 3%;
}

.outputData {
  margin-left: 20px;
}

.reportBackBtn {
  float: right;
  margin-top: 7px;
  margin-right: 5px;
}

.outputInfo {
  margin-left: -15px;
}

.reportDataInfo {
  margin-left: 17px;
}

.dataImportMod {
  margin-left: 17px;
}

.reportDesc {
  margin-left: 24px;
}

.selectReportsView {
  margin-top: 15px;
}

.reportExportBtn {
  margin-right: 65px !important;
}

.credentialsAttributes {
  margin-left: 10px;
}

.refreshReport {
  margin-right: 20px !important;
}

.refreshReport {
  margin-right: 20px !important;
}

.exportReport {
  margin-right: 22px !important;
}

.reportDelivery {
  margin-top: 26px !important;
}

.dailyReport {
  margin-left: -18px !important;
}

.reportSchedule {
  margin-top: -13px !important;
}

.reportRequiredDel {
  margin-left: -8px;
}

.selectEntBtn {
  margin-top: 3px;
}

.appEntilementLoader {
  margin-right: 108px !important;
}

.manageAssignBtn {
  float: right;
  margin-top: 6px !important;
}

.detailsModal .modal-dialog {
  width: 760px !important;
  margin: 30px auto;
}

.detailsModal .control-label {
  width: 100%;
}

.user-access-lable {
  word-break: break-word;
  width: 17%;
  padding: 0%;
  text-align: right;
}

.user-access-data {
  word-break: break-word;
  width: 81%;
  padding: 0px 0px 0px 10px;
}

.additionalData-lable {
  word-break: break-word;
  text-align: right;
  padding: 0;
}

.additionalData-data {
  word-break: break-word;
  padding: 0px 0px 0px 10px;
}

.additionalData-data-bottom {
  word-break: break-word;
  padding: 0px 0px 0px 10px;
  margin-top: 25px;
}

.additionalData-row {
  margin-left: -5px !important;
}

.addional-list {
  display: flex;
  flex-flow: row wrap;
}

.item-grid-list {
  width: 16.66666667%;
}

label.recommendedApps {
  margin-top: -15px;
  margin-left: 10px;
}

.refreshViewBtn {
  margin-right: 73px;
}

.exportViewBtn {
  margin-right: 168px;
}

.viewHistoryExportBtn {
  margin-right: -22px;
}

.selectedDetails {
  cursor: pointer;
}

.preview-button {
  margin-top: 23px;
}

.user-campaign-label {
  text-align: right;
  padding-right: 0px;
}

.user-label-row {
  margin-left: -7px !important;
}

/* JSD Widget IFRAME */

iframe#jsd-widget {
  position: fixed;
  border: 0px;
  right: 160px !important;
  top: 5px !important;
  z-index: 1050 !important;
  transition: height 0s ease 0s;
}

.credentialFilterTitle {
  font-size: 15px;
  margin: 5px;
  padding: 5px;
  font-weight: 600;
}

.credentialFilterBtn {
  float: left;
  margin-right: 10px;
}

.identityAttrBtn {
  background: #fff;
  border: 1px solid #0078d4;
  padding: 1px 10px 0px 10px;
  font-weight: 600;
  margin-top: 5px;
  color: #0078d4;
}

.attrModalBtn {
  float: right;
}

.attributeConfig .ReactTable .-pagination .-center {
  flex: 0.4 !important;
}

.campaignReport-label {
  text-align: left;
}

.selectSSOAzure {
  margin-left: 20px;
}

.selectedRole {
  margin-left: -418px;
  margin-top: 20px;
}

.selectedinfoData {
  margin-top: 20px;
}

.ssoSpinnerInfo {
  margin-top: -6px;
  margin-right: 0px;
}

.ssoAppsSpinner {
  margin-right: 18px;
  margin-top: -5px;
}

.ssoProSettings {
  border-bottom: 0px !important;
  font-size: 16px !important;
  font-weight: 900;
  margin-left: 18px;
}

.ssoPanelSettings {
  right: 60px;
  position: absolute;
}

.selectSSOPApps {
  margin-left: -92px !important;
  margin-top: -9px;
}

.ReactTable.-striped.-highlight.mt-3 {
  overflow: auto !important;
}

.ReactTable .rt-table,
.ReactTable .rt-tbody {
  overflow: visible !important;
}

.viewTemplateApps {
  margin-left: -13px;
}

.identityTemplateSpinner {
  margin-top: -5px !important;
}

.popover.bottom>.arrow:after {
  border-bottom-color: black !important;
}

.popover.left>.arrow:after {
  border-left-color: black !important;
}

.emptyContent:empty::before {
  content: "\00a0";
}

.FinalMenu {
  min-width: 487px;
  min-height: 30px;
  padding-top: 6px !important;
}

.cancelFinalMenu {
  padding: 10px !important;
  color: #091432 !important;
}

.EPCredentialDetails {
  color: rgb(2, 159, 228);
}

.RightAlignedText {
  text-align: right;
}

.rolesTitle {
  font-size: 16px;
  font-weight: bold;
  color: #121313;
  text-align: center;
  width: 40%;
}

.customConfigTip {
  font-size: 15px;
}

.userNotFound {
  border: 10px solid #bebebe;
}

.oktaLoginMsg h3 {
  font-weight: bold;
}

.detailsModal .modal-dialog {
  width: 760px !important;
  margin: 30px auto;
}

.detailsModal .control-label {
  width: 100%;
}

.user-access-lable {
  word-break: break-all;
  width: 17%;
  padding: 0%;
  text-align: right;
}

.user-access-data {
  word-break: break-all;
  width: 81%;
  padding: 0px 0px 0px 10px;
}

.preview-button {
  margin-top: 23px;
}

.user-campaign-label {
  text-align: right;
  padding-right: 0px;
}

.user-label-row {
  margin-left: -7px !important;
}

.campaignReport-label {
  text-align: left;
}

/* JSD Widget IFRAME */

iframe#jsd-widget {
  position: fixed;
  border: 0px;
  right: 205px !important;
  top: 2px !important;
  z-index: 1050 !important;
  transition: height 0s ease 0s;
}

.details_rowinfo {
  border: 1px solid lightgray;
  height: 30px;
  padding: 2px 0px 0px 14px;
}

.identity {
  color: #2cabe3;
  font-weight: bold;
  cursor: pointer;
  font-size: 12px;
}

.userNotFound {
  border: 10px solid #bebebe;
}

.oktaLoginMsg h3 {
  font-weight: bold;
}

.oktaMessageModal.redirectModal.modal-dialog {
  width: 650px !important;
}

.emptyContent:empty::before {
  content: "\00a0";
}

.top {
  margin-top: 2px !important;
}

.genericAgentRadio {
  margin-right: 103px;
}

.customConfigTip {
  font-size: 15px;
}

.oktaMessageModal.redirectModal.modal-dialog {
  width: 650px !important;
}

.userAccessTable .rt-tbody .rt-tr-group:hover .rt-td {
  background: transparent !important;
}

.ReactTable.userAccessTable {
  overflow: hidden !important;
}

.ReactTable.userAccessTable .rt-table {
  overflow-x: scroll !important;
}

#selected_connector_multi {
  width: 382px !important;
}

.selectDropDown ul.multiselect-container.dropdown-menu {
  max-height: 200px;
  overflow: auto;
  width: 382px !important;
}

/* Template Applications multiselect: match existing multiselect UI, closed by default */
.selectDropDownTemplate,
.selectDropDownTemplate .Create_Mulitselect,
.selectDropDownTemplate .btn-group {
  position: relative !important;
  overflow: visible !important;
}

/* Show caret/arrow on button to match existing dropdown UI */
.selectDropDownTemplate button.multiselect.dropdown-toggle .caret {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.selectDropDownTemplate button.multiselect.dropdown-toggle {
  width: 382px !important;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

.selectDropDownTemplate button.multiselect .multiselect-selected-text {
  text-align: center;
}

/* Dropdown menu: HIDDEN by default, only visible when open */
/* z-index 99999 to appear above modals in prod (was 1050 - too low inside modal overlay) */
.selectDropDownTemplate ul.multiselect-container.dropdown-menu {
  max-height: 300px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  width: 382px !important;
  z-index: 99999 !important;
  display: none !important;
  position: absolute !important;
  background-color: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
}

/* Hide empty dropdown ul (prod: duplicate ul causes options to be invisible) */
.selectDropDownTemplate .btn-group.open ul.multiselect-container.dropdown-menu:empty {
  display: none !important;
}

.selectDropDownTemplate .btn-group.open ul.multiselect-container.dropdown-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Template multiselect: fix search bar UI and ensure search works (match expected UI) */
.selectDropDownTemplate .multiselect-container .multiselect-filter {
  padding: 8px !important;
  border-bottom: 1px solid #eee !important;
}

.selectDropDownTemplate .multiselect-container .multiselect-filter .input-group {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  width: 100% !important;
}

.selectDropDownTemplate .multiselect-container .multiselect-filter .input-group-addon,
.selectDropDownTemplate .multiselect-container .multiselect-filter .input-group-text {
  padding: 6px 10px !important;
  background: #f5f5f5 !important;
  border: 1px solid #ced4da !important;
  border-right: none !important;
  border-radius: 4px 0 0 4px !important;
}

/* Replace glyphicon with Font Awesome (Bootstrap 5 removed glyphicons) */
.selectDropDownTemplate .multiselect-container .multiselect-filter .glyphicon-search::before {
  content: "\f002" !important;
  /* fa-search */
  font-family: "FontAwesome" !important;
}

.selectDropDownTemplate .multiselect-container .multiselect-filter .glyphicon-remove-circle::before {
  content: "\f057" !important;
  /* fa-times-circle */
  font-family: "FontAwesome" !important;
}

.selectDropDownTemplate .multiselect-container .multiselect-filter input.multiselect-search {
  flex: 1 !important;
  min-width: 0 !important;
  height: 36px !important;
  padding: 6px 12px !important;
  border: 1px solid #ced4da !important;
  pointer-events: auto !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.selectDropDownTemplate .multiselect-container .multiselect-filter .input-group-btn,
.selectDropDownTemplate .multiselect-container .multiselect-filter .multiselect-clear-filter {
  pointer-events: auto !important;
}

/* Ensure filter area receives pointer events for search to work */
.selectDropDownTemplate .multiselect-container .multiselect-filter,
.selectDropDownTemplate .multiselect-container .multiselect-filter * {
  pointer-events: auto !important;
}

#selected_Dele_multi {
  width: 293px !important;
}

#selected_sod_multi {
  width: 100% !important;
  text-align: left;
  display: flex;
  align-items: center;
}

#selected_sod_multi .multiselect-selected-text {
  display: block;
  width: 95%;
}

.selectDropDownSOD ul.multiselect-container.dropdown-menu {
  max-height: 200px;
  overflow: auto;
  width: 285px !important;
  z-index: 99;
}

.selectDropDownSOD button.multiselect.dropdown-toggle.btn.btn-default {
  overflow: hidden;
  text-overflow: ellipsis;
}

.selectedDelegate,
.selectedDelegate .Create_Mulitselect,
.selectedDelegate .btn-group {
  position: relative !important;
  overflow: visible !important;
}

.selectedDelegate ul.multiselect-container.dropdown-menu {
  max-height: 300px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  width: 293px !important;
  z-index: 1050 !important;
  display: none !important;
  position: absolute !important;
  background-color: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
}

.selectedDelegate .btn-group.open ul.multiselect-container.dropdown-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.reactDirectTable {
  display: none;
}

#upload-image {
  font-size: small;
  display: inline-block;
}

.imagePreviewBox {
  display: inline-block;
  margin-top: 10px;
  padding: 5px;
}

.imagePreview {
  padding: 5px;
  border: 1px solid rgb(122, 122, 122);
  box-shadow: inset 0 0 0.1em #fff, 0.2em 0.2em 0.2em rgba(0, 0, 0, 0.3);
  min-width: 100px;
  min-height: 100px;
  max-height: 400px;
  max-width: 400px;
}

.refresh_report {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  float: right;
  margin-right: 5px;
  padding: 0px 1px !important;
  vertical-align: middle !important;
  background: #003a63 !important;
  border: #003a63 !important;
  border-radius: 5px;
}

/* Campaign Report: Refresh button – white text only (keep blue background) */
.refresh_report .refresh_report_btn {
  color: #fff !important;
  background: #003a63 !important;
  border: 1px solid #003a63 !important;
  font-size: 14px;
  padding: 5px 15px;
  border-radius: 5px;
  cursor: pointer;
}

.refresh_report .refresh_report_btn:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

/* Campaign Report: Risk Report beside chart (not below) */
#epTable .campaign-report .risk-report.row,
.campaign-report .risk-report.row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

#epTable .campaign-report .risk-report .riskChart,
.campaign-report .risk-report .riskChart {
  clear: none !important;
  flex: 0 0 33.333333% !important;
  max-width: 33.333333% !important;
}

#epTable .campaign-report .risk-report .risk-report-content,
.campaign-report .risk-report .risk-report-content {
  flex: 0 0 33.333333% !important;
  max-width: 33.333333% !important;
  text-align: left;
  padding-left: 8rem;
  padding-top: 10px;
  margin-top: 0;
  box-sizing: border-box;
}

@media (max-width: 767px) {

  #epTable .campaign-report .risk-report .riskChart,
  .campaign-report .risk-report .riskChart,
  #epTable .campaign-report .risk-report .risk-report-content,
  .campaign-report .risk-report .risk-report-content {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  #epTable .campaign-report .risk-report .risk-report-content,
  .campaign-report .risk-report .risk-report-content {
    padding-left: 0;
    padding-top: 1rem;
  }
}

.emailTemplatesList {
  position: absolute;
  margin-top: -41px;
  left: 235px;
}

.dropdown.badge {
  text-align: left;
}

.justficationReviewerNotes {
  resize: both !important;
  width: 550px !important;
  height: 100px !important;
}

.justficationFinalNotes {
  resize: both !important;
  width: 320px !important;
  height: 62px !important;
}

.jrnotes .justficationReviewerNotes {
  width: 300px !important;
  height: 45px !important;
}

.ftpFilesBtn {
  float: left;
  margin: auto 90%;
}

.jrnotes {
  margin-bottom: 30px;
  margin-top: 8px;
}

.icon-rtl {

  padding-right: 25px;
  background: url(/build/assets/media/398a240532c4d7141d09.398a2405.svg) no-repeat right;
  background-size: 18px;
  cursor: pointer;
}

.tab-cnt {
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-radius: 4px;
  border-bottom: 1px solid #eee;
}

.viewRolesTable {
  margin-top: 15px !important;
}

/* 1280 */
/* .defaultApprover {
  margin-left: 15px;
  width: 49%;
} */
.selectDropDown button.multiselect.dropdown-toggle.btn.btn-default {
  overflow: hidden;
  text-overflow: ellipsis;
}

.selectDropDownTemplate button.multiselect.dropdown-toggle.btn.btn-default {
  overflow: hidden;
  text-overflow: ellipsis;
}

.addCircleIcon {
  display: inline;
  margin-top: 28px;
  font-size: 28px;
  cursor: pointer;
}

.loaderRight {
  top: -8px;
  right: 70px;
}

#requestAccessModalData {
  min-width: 364px !important;
}

.requestAccessError {
  position: relative;
  top: 35px;
  left: 20px;
}

.selectedDelegate button.multiselect.dropdown-toggle.btn.btn-default {
  overflow: hidden;
  text-overflow: ellipsis;
}

.previewWarningMsg {
  margin-top: 10px;
  font-size: 14px;
}

.launchBtn {
  margin: 0px 11px 0px 0px !important;
  padding: 8px !important;
}

.campaignTempEntitlement .rt-thead.-header {
  top: 50px !important;
  z-index: 3;
}

.EndpointsTable .rt-thead.-header,
.listofCampTable .rt-thead.-header,
.sorReactTable .rt-thead.-header,
.campaignTemp .rt-thead.-header,
.campaignReportsTbl .rt-thead.-header {
  position: sticky !important;
  top: 100px !important;
  z-index: 3;
}

.credEnt .rt-thead.-header {
  top: 50px !important;
  z-index: 3;
}

/* 
.viewAllElectionsTable .rt-thead.-header {
  top: 0 !important;
  z-index: 1;
  position: sticky;
} */

.reviewAllElectionsScr .viewAllElectionsTable .rt-thead.-header {
  --review-all-sticky-top: 155px;
  --review-all-header-height: 48px;
  position: sticky !important;
  top: var(--review-all-sticky-top) !important;
  z-index: 2;
  background: #fff;
}

.reviewAllElectionsScr.dynamic-entitlement-columns-enabled .viewAllElectionsTable .rt-thead.-header {
  top: 0 !important;
}

.EndpointsTable .rt-thead.-filters,
.listofCampTable .rt-thead.-filters {
  top: 150px !important;
}

.sorReactTable .rt-thead.-filters,
.campaignTemp .rt-thead.-filters,
.campaignReportsTbl .rt-thead.-filters {
  position: sticky !important;
  top: 150px !important;
  z-index: 1;
}

.credEnt .rt-thead.-filters {
  top: 100px !important;
  z-index: 1;
}

.iamUsersTbl .rt-thead.-filters {
  top: 150px !important;
  z-index: 3;
}

.iamUsersTbl .rt-thead.-header {
  top: 99px !important;
  z-index: 3;
}

.EndpointsTable .rt-tbody,
.listofCampTable .rt-tbody .iamUsersTbl .rt-tbody {
  z-index: 0 !important;
}

.campaignAssinment .rt-thead.-header {
  top: 99px !important;
  z-index: 3;
}

.campaignAssinment .rt-thead.-filters {
  top: 145px !important;
  z-index: 1;
}

.directTreetableData .rt-thead.-filters {
  top: 50px !important;
  z-index: 1;
}

.directTreetableData .rt-thead.-header {
  top: 0 !important;
  z-index: 3;
}

.hideDirectTable .rt-thead.-header {
  /* top: 240px !important; */
  z-index: 3;
}


.CustodianElectionsTable .rt-thead.-header {
  top: 161px !important;
  z-index: 3;
}

.CustodianElectionsTable .rt-thead.-filters {
  top: 212px !important;
  margin-top: 1px !important;
  z-index: 3;
}

.EntCustodianElectionsTable .rt-thead.-filters {
  top: 284px !important;
  z-index: 3;
}

.EntCustodianElectionsTable .rt-thead.-header {
  top: 234px !important;
  z-index: 3;
}

.CustodianElectionsTable .rt-thead,
.directTreetableData .rt-thead,
.campaignAssinment .rt-thead,
.EndpointsTable .rt-thead,
.listofCampTable .rt-thead,
.peoplesReactTable .rt-thead,
.sorReactTable .rt-thead,
.iamUsersTbl .rt-thead,
.campaignTemp .rt-thead,
.campaignTempEntitlement .rt-thead,
.credEnt .rt-thead,
.campaignReportsTbl .rt-thead .viewAllDirectElectionsTbl .rt-thead,
.EntCustodianElectionsTable .rt-thead {
  position: sticky;
}

.EndpointsTable .rt-thead.-filters,
.listofCampTable .rt-thead.-filters,
.peoplesReactTable .rt-thead.-filters {
  position: sticky;
  z-index: 2;
}

.user-access-add-title {
  padding: 10px;
  border: 1px solid #eee;
  margin-top: 20px;
}

.actionsDropDown {
  z-index: 0;
}

/* .slectedDropDwn {
  position: inherit;
} */

.addCircleIcon {
  display: inline;
  margin-top: 28px;
  font-size: 28px;
  cursor: pointer;
}

.campaignTempEntitlement .rt-thead.-filters {
  top: 100px !important;
  z-index: 3;
}

.sorReactTable .rt-thead.-filters,
.campaignTemp .rt-thead.-filters,
.campaignReportsTbl .rt-thead.-filters {
  top: 150px !important;
  z-index: 3;
}

.requestAccessTextTitle {
  word-break: break-word;
  font-size: 11px;
}

.nestedGroupTable .rt-thead.-header {
  display: none;
}

.entTreetableData .rt-thead .rt-th:first-child,
.entTreetableData .rt-thead .rt-td:first-child {
  display: none;
}

.hideDirectTable .rt-thead .rt-th:nth-child(2),
.hideDirectTable .rt-thead .rt-td:nth-child(2) {
  display: none;
}

.campaignTypeCont {
  background: #f6f5f5;
  padding: 0px;
  margin: 0px;
  border: 1px solid #f6f5f5;
}

.groupListCols {
  display: none !important;
}

/* .directTreetableData .rt-tr .rt-td:first-child {
    width: 2% !important;
  } */

.notes-messageNested {
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  background: rgb(255, 128, 25);
  line-height: 15px;
  border-radius: 50%;
  text-align: center;
  right: 72px;
  top: 0px;
}

.topLevelRecords {
  display: flex;
  width: 100%;
  align-items: center;
  background-color: #f7f7f7;
  justify-content: space-between;
}

.barLeftWidget .sortBlock {
  margin-left: 30px;
}

.barLeftWidget .typeControls {
  display: flex;
  align-items: center;
  margin-top: 0 !important;
  margin-left: 0px;
  top: 0;
  height: 50px;
}

.topLevelRecords .Sort_By_Status>div {
  margin-top: 0 !important;
}

.typeStringBlock {
  margin-right: 5px;
}

.mt0 {
  margin-top: 0 !important;
}

.ml0 {
  margin-left: 0 !important;
}

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

.expBtn input {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
}

.lh14 {
  line-height: 14px !important;
}

.gitHub-import {
  margin-top: -30px;
}

.ReactTable .-sort-desc .rt-resizable-header-content div::after,
.ReactTable .-sort-asc .rt-resizable-header-content div::after {
  border-style: solid;
  border-width: 0.2em 0.2em 0 0;
  content: "";
  display: inline-block;
  height: 0.75em;
  left: 0.5em;
  position: relative;
  top: 0.35em;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  vertical-align: top;
  width: 0.75em;
}

.ReactTable .-sort-desc .rt-resizable-header-content div::after {
  top: 0.65em !important;
}

.ReactTable .-sort-desc .rt-resizable-header-content div::after {
  top: 4px;
  transform: rotate(-45deg);
}

.CampaignReport .rt-tr .rt-td:first-child {
  overflow: hidden !important;
}

.approverConfig {
  margin: 10px 0px 10px 0px !important;
}

.MuiTypography-body1 {
  font-size: 14px !important;
}

.addLevelBtn {
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
  color: #029fe4 !important;
}

.approvalsReq {
  width: 18%;
  margin-bottom: 18px;
  margin-top: 7px !important;
}

.approvalsType {
  /* margin-left: 16px; */
  font-size: 14px !important;
}

.approversLabel {
  color: #091432 !important;
  font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
  letter-spacing: 0.00938em;
}

.levelHieracrchyTxt {
  width: 98% !important;
  margin-top: 20px
    /* margin-left: 12px !important; */
}

.level-body .form-group {
  margin-top: 5px;
  margin-bottom: 20px;

}

.level-body .col-md-4 {
  margin-top: 20px;
  margin-bottom: 20px;

}

.hierachyDeleteBtn {
  color: red !important;
  font-size: 18px;
  font-weight: 400;
  /* margin-top: 5px; */
  /* margin-left: 924px; */
  left: 55px !important;
  cursor: pointer;
}

.levelHierarchyTxtData {
  font-size: 16px !important;
  font-weight: 700 !important;
}

.FinalMenuImpending {
  min-width: 328px;
  min-height: 30px;
  padding-top: 6px !important;
}

.provRadioBtn {
  font-size: 16px !important;
  font-weight: 700 !important;
}

.globalErrorContent {
  border: 5px solid #eee;
  border-radius: 10px;
  min-height: 675px;
  width: 75% !important;
  margin: 0 auto !important;
}

.manageAssigne .rt-thead.-header {
  top: 175px !important;
  z-index: 1;
}

.manageAssigne .rt-thead.-filters {
  top: 225px !important;
  z-index: 1;
}

.manageAssigneTop .rt-thead.-header {
  top: 255px !important;
  z-index: 1;
}

.manageAssigneTop .rt-thead.-filters {
  top: 300px !important;
  z-index: 1;
}

.customFormBockELements {
  position: relative;
}

.customFormBockELements .error {
  position: absolute;
  bottom: -20px;
}

.ivantiAdditionalAttributes {
  padding-bottom: 10px;
}

.passwordInput input[type="password"] {
  margin-bottom: 0px !important;
}

.img-preview {
  margin-top: 5px !important;
}

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

.exclamation img {
  margin-right: 10px;
  width: 30px;
}

.ack-review {
  padding-top: 17px;
}

.alert.alert-danger {
  margin-top: 10px;
  opacity: 1;
}

.Sort_By_Bulk_Assign>div {
  margin-top: -14px;
}

.Sort_By_Bulk_Exclude>div {
  margin-top: -14px;
}

.deleteReportBtn {
  right: 10px;
  position: relative;
}

#ViewReportBtn {
  pointer-events: none !important;
  opacity: 0.4;
}

.sodQueryColumn {
  white-space: break-spaces;
  word-wrap: break-word;
}

.sodQueryColumn ul {
  list-style: disc;
  padding-left: 15px;
  /* margin-top: -24px; */
  white-space: normal;
}

.popover {
  max-width: 600px;
}

.configureInputs {
  position: relative;
  margin-bottom: 20px;
}

.configureInputs span.error {
  position: absolute;
  left: 0px;
  bottom: -20px;
}

#check_Ack.ack-invalid label.acknowledgement::before {
  box-shadow: 0px 0px 0px 2px red;
}

.acknowledgementErroMsg {
  font-size: 14px !important;
  margin-left: 3px !important;
}

#check_Ack label.acknowledgement {
  display: inline;
}

#check_Ack.invalid {
  padding-bottom: 15px;
  position: relative;
  left: -5px;
  padding-left: 45px;
  width: 99.5%;
}

.labelText {
  text-transform: capitalize;
}

.servPending {
  padding: 10px 0px;
}

.modalScrol {
  height: 400px;
  overflow-y: auto;
}

.multiAppsRolesContainer .applicationTitle {
  padding-left: 10px;
  padding-top: 10px;
}

.flexConnectorScrol {
  overflow-y: auto;
}

.groupsAD {
  width: 30%;
}

.templatedata_box {
  flex-direction: row;
  /* float: left; */
  list-style: none;
  /* width: 92%; */
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid;
  box-sizing: border-box;
  margin-top: 15px;
  padding-top: 10px;
}

.template {
  flex-direction: row;
}

.modal.right.fade.template .modal-dialog {
  width: 55%;
}

.newFields {
  border: 1px solid grey;
  border-radius: 5px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding: 8px 10px 25px 10px;
  margin-bottom: 20px;
  margin-right: 15px;
}

.newFields .col-md-5 {
  flex: 1 1 0;
  min-width: 0;
  max-width: none;
}

.newFields .col-md-5 .form-group label {
  white-space: nowrap;
}

.newFields .col-md-2 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.newFields .col-md-2 .AttrDeleteBtn,
.newFields .col-md-2 .AttrDeleteBtnDisabled {
  margin-top: 25px !important;
  margin-left: 8px !important;
  cursor: pointer;
}

.fieldAttributes {
  margin-right: -90px;
}

.fieldAttributesConfig {
  margin-right: -50px;
}

.campaignTooltip {
  word-break: break-all;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 12px 12px;
  margin-top: -11px;
  margin-bottom: -11px;
  margin-left: -16px;
  margin-right: -16px;
}

.popover {
  pointer-events: none;
}

.evenRow .rt-tr.-even {
  background: #fff !important;
}

.servicePopUp {
  width: 30%;
  margin-top: 15px;
}

.ilmStagingInfo input[type="password"] {
  height: 34px;
  font-size: 12px;
  font-weight: 400;
  width: 100%;
  margin-bottom: 20px;
  background: #fff;
  border-radius: 4px;
  padding: 6px 12px;
  border: 1px solid #b3b3b3;
}

.ilmStagingInfo input[type="password"] {
  margin-bottom: 0px !important;
}

.campaign_progress2 {
  position: absolute;
  margin-top: 2ppx;
  right: -47px;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: -1;
  right: -170px;
  top: -8px;
  height: 34px;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  background-color: rgb(66, 64, 64);
}

.dropdown-content .child:hover {
  background-color: #ddd;
}

.dropdown:last-child a:hover .dropdown-content {
  display: block;
}

.dropdown-content .child {
  color: #091432 !important;
  /* padding: 3px 20px; */
  text-decoration: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #cecece;
  padding: 0.5rem !important;
  font-size: 0.75rem;
  font-weight: normal;
}

html[data-se-mode="dark"] .dropdown-content,
html.dark .dropdown-content {
  background-color: #1a2436 !important;
  color: #e5e7eb !important;
}

html[data-se-mode="dark"] .dropdown-content .child,
html.dark .dropdown-content .child {
  color: #e5e7eb !important;
  border-bottom-color: #263348 !important;
}

.dropdown:last-child a .material-icons {
  font-size: 22px !important;
}

.arrowBtn {
  margin-top: -6px;
  margin-bottom: -10px;
}

.customPopover {
  --background-color: white;
  background-color: var(--background-color);
  color: black;
  pointer-events: all;
  max-width: 700px;
}

.customPopover>.popover-content {
  padding: 4px;
  overflow: auto;
}

.customPopover>.arrow::after {
  border-top-color: var(--background-color) !important;
}

.customPopoverRight {
  --background-color: white;
  background-color: var(--background-color);
  color: black;
  pointer-events: all;
}

.customPopoverRight>.arrow::after {
  border-right-color: var(--background-color) !important;
}

.customPopoverRight>.popover-content {
  max-height: 90vh;
  overflow: auto;
}

.__popper_list_title {
  font-weight: 600;
}

.__popper_list_value {
  padding-left: 4px;
}

.__popper_list_item {
  padding: 2px 0px;
}

.__popper_table {
  display: table;
  --table-cell-padding: 6px;
  border: 1px solid rgba(102, 175, 233, 0.42);
}

.__popper_table_row {
  display: table-row;
}

.__popper_table_th {
  display: table-cell;
  font-weight: 600;
  padding: var(--table-cell-padding);
  border: 1px solid rgba(102, 175, 233, 0.42);
  background-color: rgb(232, 240, 254);
}

.__popper_table_td {
  display: table-cell;
  padding: var(--table-cell-padding);
  border: 1px solid rgba(102, 175, 233, 0.42);
}

.viewAllElectionsTitleBar {
  display: flex;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.modal.right.ticketLog .modal-dialog {
  width: 55% !important;
}

.strapi-pagename {
  display: none;
}

.ReactTable.all-request .rt-table {
  overflow-x: scroll !important;
}

.ReactTable.user-report-table .rt-tbody .rt-tr-group {
  background: #fff;
}

.prod-popup-sidebar {
  z-index: 9999;
  top: 13px;
  left: 13px;
  position: fixed;
}

.hybrid-login .sso-button {
  margin-bottom: 12px;
  color: black;
  border: 0px;
  font-size: 20px !important;
  width: 100%;
  height: 50px;
  border-radius: 4px;
  padding: 0 25px;
}

.hybrid-login .sso-logo {
  /* max-width: 72px; */
  max-width: 80px;
  vertical-align: middle;
}

.hybrid-login .sso-button.text {
  color: #0078d4;
  font-weight: 700;
}

.hybrid-login .sso-text {
  margin-left: 8px;
  font-size: 18px;
  font-weight: bold;
  color: #0078d4;
  vertical-align: middle;
}

/* .ReactTable.endpoint-credential .rt-table{
  overflow-x: scroll !important;
} */
.modal.right.dir .modal-dialog {
  width: 55% !important;
}

.txareaWidth {
  width: 90%;
}

.login-instruction {
  text-align: center;
  font-weight: bold;
  width: 500px;
  margin: auto;
  margin-bottom: 15px;
}

.txareaWidth {
  width: 88%;
}

.election-note-saveSpinner {
  right: -5px !important;

  top: -5px !important;
}

.viewAllFilter {
  position: sticky;
  z-index: 3;
  top: 99px !important;
  background-color: rgb(255, 255, 255);
  padding: 15px;
  overflow: visible !important;
}

.viewAllFilter .viewAllFilterData,
.viewAllFilter .dynamicColumn {
  overflow: visible !important;
}

.needHelp-submit {
  color: #fff;
  border: 0px;
  font-size: 16px !important;
  background-color: #0078d4;
  border-color: #0078d4;
  -width: 9%;
  height: 35px;
  border-radius: 30px;
  padding: 0 25px;
}

.GenericAgent .ReactTable .rt-noData {
  display: none !important;
}

a.serviceDesk:hover {
  cursor: help;
  position: relative;
}

a.serviceDesk span {
  display: none;
}

a.serviceDesk:hover span {
  border: 1px solid #111111;
  padding: 1px 5px 1px 5px;
  display: block;
  z-index: 100;
  left: -280px;
  background-color: #fff;
  color: #000;
  margin: 10px;
  width: 600%;
  position: absolute;
  top: 20px;
  text-decoration: none;
  font-size: 70%;
}

.selectedCampaign ul.multiselect-container.dropdown-menu {
  max-height: 200px;
  overflow: auto;
  width: 380px !important;
}

.selectedCampaign .btn-group.open ul.multiselect-container.dropdown-menu {
  display: block !important;
}

.selectedCampaign .btn-group.open ul.multiselect-container.dropdown-menu:empty {
  display: none !important;
}

.selectedCampaign button.multiselect.dropdown-toggle.btn.btn-default {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 380px !important;
}

.campaignList {
  position: relative;
}

.campaignList .react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 5px !important;
}

.campaignList .react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 5px !important;
}

#campaignList.custom-control-label,
.form-control {
  height: 32px;
}

/* .react-datepicker-popper, */
.campaignListReport {
  position: relative;
}

.campaignListReport .react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 5px !important;
  left: -170px !important;
}

.campaignListReport .react-datepicker__triangle {
  left: 185px;
}

#campaignListReport.custom-control-label,
.form-control {
  height: 31px;
}

#CampaignReport .ReactTable .rt-tbody {
  min-height: 200px !important;
  overflow: unset !important;
}

/* .user-report-table .rt-tr .rt-td:first-child  {
      overflow: hidden !important;
    } */
.campaignListTable .rt-tr .rt-td:first-child {
  overflow: hidden !important;
}

.filter-campaigns-form .filterData ul.multiselect-container.dropdown-menu {
  width: 350px !important;
  min-width: 350px !important;
  max-width: 800px !important;
  min-height: 140px !important;
  max-height: 420px !important;
  resize: both !important;
  overflow: auto !important;
}

/* .react-datepicker-popper, */
.delegationDate {
  position: relative;
}

.delegationDate .react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 5px !important;
  left: -20px !important;
}

.viewAllDirectElectionsTbl .rt-table .rt-thead.-filters .rt-th:nth-child(2),
.viewAllDirectElectionsTbl .rt-table .rt-thead.-filters .rt-th:nth-child(3) {
  display: none;
}

/* .viewAllDirectElectionsTbl .rt-table .rt-thead.-filters .rt-th:nth-child(8) {
        right: 193px !important;
      }

      .viewAllDirectElectionsTbl .rt-table .rt-thead.-filters .rt-th:nth-child(9) {
        right: 180px !important;
      }

      .viewAllDirectElectionsTbl .rt-table .rt-thead.-filters .rt-th:nth-child(10) {
        right: 167px !important;
      } */

/* .viewAllElectionsTable .rt-thead.-filters {
  position: sticky;
  top: 50px;
  z-index: 2;
  background: #fff;
} */

.reviewAllElectionsScr .viewAllElectionsTable .rt-thead.-filters {
  position: sticky !important;
  --review-all-sticky-top: 145px;
  --review-all-header-height: 48px;
  top: calc(var(--review-all-sticky-top) + var(--review-all-header-height)) !important;
  z-index: 1;
  background: #fff;
}

.reviewAllElectionsScr.dynamic-entitlement-columns-enabled .viewAllElectionsTable .rt-thead.-filters {
  top: 0 !important;
}

.reviewAllElectionsScr .viewAllElectionsTable .rt-thead.-header .rt-th,
.reviewAllElectionsScr .viewAllElectionsTable .rt-thead.-filters .rt-th {
  background: #fff !important;
}

/* .reviewAllElectionsScr .o-form-title-bar.viewAllElectionsTitleBar {
  z-index: 4 !important;
  background: #fff !important;
} */

.reviewAllElectionsScr .viewAllDirectElectionsTbl {
  border: 1px solid #eee !important;
}

.reviewAllElectionsScr .viewAllDirectElectionsTbl .ReactTable {
  border: none !important;
}

/* Review All Elections: override react-table inline min-width (e.g. 1400px) */
.reviewAllElectionsScr .viewAllDirectElectionsTbl .ReactTable .rt-table,
.reviewAllElectionsScr .viewAllDirectElectionsTbl .ReactTable .rt-thead.-header,
.reviewAllElectionsScr .viewAllDirectElectionsTbl .ReactTable .rt-thead.-filters,
.reviewAllElectionsScr .viewAllDirectElectionsTbl .ReactTable .rt-tbody {
  min-width: 100% !important;
  width: 100% !important;
}

/* Dynamic entitlement view: keep table sections at content width to prevent
   stretched empty header area and preserve header/body column alignment. */
.reviewAllElectionsScr.dynamic-entitlement-columns-enabled .viewAllDirectElectionsTbl .ReactTable,
.reviewAllElectionsScr.dynamic-entitlement-columns-enabled .viewAllDirectElectionsTbl .ReactTable .rt-table,
.reviewAllElectionsScr.dynamic-entitlement-columns-enabled .viewAllDirectElectionsTbl .ReactTable .rt-thead.-header,
.reviewAllElectionsScr.dynamic-entitlement-columns-enabled .viewAllDirectElectionsTbl .ReactTable .rt-thead.-filters,
.reviewAllElectionsScr.dynamic-entitlement-columns-enabled .viewAllDirectElectionsTbl .ReactTable .rt-tbody {
  width: max-content !important;
  min-width: 100% !important;
}

/* Static entitlement view (DISPLAY_DYNAMIC_ENTITLEMENT_COLUMNS=false):
   keep title/header/filter sticky, and scroll only table rows. */
/* .reviewAllElectionsScr:not(.dynamic-entitlement-columns-enabled) .viewAll-scroll {
  overflow-x: auto;
} */
/* 
.reviewAllElectionsScr:not(.dynamic-entitlement-columns-enabled) .viewAllDirectElectionsTbl .ReactTable .rt-tbody {
  max-height: 430px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
} */
.txtareaWidth {
  width: 95%;
}

.enteredDaysVal {
  width: 24%;
  position: absolute;
  top: 30px;
  left: 25px;
}

.daysContractLbl {
  position: relative;
  left: 128px;
}

.fromDaysPicker {
  position: relative;
  width: 135px;
  right: 160px;
  bottom: 10px;
}

.fromDaysText {
  position: relative;
  bottom: 4px;
  right: 303px;
}

.rangeErrorTxt {
  position: relative;
  left: 280px;
  bottom: 18px;
}

.rangeDaysNumber {
  position: relative;
  bottom: 25px;
  left: 400px;
}

.fromDaysPickerLst {
  position: relative;
  width: 135px;
  right: 160px;
  top: 14px;
}

.rangeRadioLst {
  top: 35px;
}

.rangeRadio {
  top: 10px;
}

.fromDaysTextLst {
  position: relative;
  bottom: -18px;
  right: 303px;
}

.reviewerNotesErr {
  position: relative;
  top: 16px;
}

.serviceAcountBorder {
  border: 1px solid black;
  border-radius: 5px;
  margin: -20px;
  padding: 30px;
  padding-top: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.lastLoginLabel {
  opacity: 30%;
}

.ReactTable.-striped.-highlight.CampaignReport.Datadownloads {
  overflow: hidden !important;
}

.campEditor ol {
  padding-left: 40px;
}

.viewAllFilter button.multiselect.dropdown-toggle.btn.btn-default {
  width: 270px !important;
  color: rgb(68, 66, 66) !important;
  background-color: #fff;
  border-color: rgb(68, 66, 66) !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

.viewAllFilter ul.multiselect-container.dropdown-menu {
  width: 270px;
  /* overflow-x: hidden; */
}

.viewAllFilter input.form-control.multiselect-search {
  min-width: 150px !important;
}

.viewAllFilter .dynamicColumn button.multiselect.dropdown-toggle.btn.btn-default {
  width: 220px !important;
  min-width: 220px !important;
}

.viewAllFilter .dynamicColumn ul.multiselect-container.dropdown-menu {
  width: 300px !important;
  min-width: 300px !important;
  overflow-x: hidden;
}

.viewAllFilter .dynamicColumn .multiselect-filter .input-group {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  min-width: 100% !important;
}

.viewAllFilter .dynamicColumn .multiselect-filter .input-group-addon,
.viewAllFilter .dynamicColumn .multiselect-filter .input-group-btn {
  flex: 0 0 auto !important;
}

.viewAllFilter .dynamicColumn input.form-control.multiselect-search {
  min-width: 80px !important;
  flex: 1 1 auto !important;
}

.viewAllFilter .dynamicColumn ul.multiselect-container.dropdown-menu>li>a {
  margin-left: -15px;
}

.viewAllFilter .dynamicColumn .btn.btn-default.multiselect-clear-filter,
.viewAllFilter .dynamicColumn .input-group-addon {
  padding: 6px !important;
  flex-shrink: 0 !important;
}

/* Notification Popup */

.show-modal {
  position: fixed;
  padding: 5px;
  margin-bottom: 1rem;
  /* border: 1px solid #ccc; */
  border-radius: 0.25rem;
  /* background-color: #fff;
    color: #000; */
  bottom: 0;
  z-index: 9999;
  left: 15px;
  width: 30%;

  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffecb5;
}

.notification-content {
  padding: 15px;
}

.closebtn {
  margin-left: 15px;
  color: #6b6767;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

.hide-modal {
  display: none;
}

.EndpointEntitlements {
  top: 50px;
}

/* Application Entitlements page: gear dropdown beside gear icon (data-bs-display="static" keeps in DOM) */
#epTable .EndpointEntitlements .ReactTable .ActionDropdown.dropdown {
  position: relative;
}

#epTable .EndpointEntitlements .ActionDropdown .dropdown-menu.EndpointEntitlementDropdown {
  left: 65px !important;
  right: -3px !important;
  top: 100% !important;
  margin-top: -20px !important;
}

/* Gear icon, border, and arrow: dark gray/black to match design */
#epTable .EndpointEntitlements .ActionDropdown .dropdown-toggle,
#epTable .EndpointEntitlements .ActionDropdown .appGear,
#epTable .EndpointEntitlements .ActionDropdown .fa-cog {
  color: #333 !important;
  background-color: #fff !important;
  border-color: #ccc !important;
}

#epTable .EndpointEntitlements .ActionDropdown .dropdown-toggle::after {
  border-top-color: #333 !important;
  border-bottom-color: #333 !important;
}

.reviewAllApplicationFilterData .multiselect-native-select {
  margin-top: -16px;
}

.defaultRecipientData {
  float: right !important;
  min-width: 392px !important;
}

.defaultRecipientLbl {
  position: relative;
  top: 14px;
  font-size: 15px !important;
}

.defaultRecipienBtns1 {
  left: 14px;
  position: relative;
}

.view-title-l {
  float: left;
  /* min-width: 640px; */
  margin-top: 9px;
}

.view-title-r {
  float: left;
}

.defaultRecipienBtns {
  left: 14px;
  position: relative;
}

.campaignTemplate .ReactTable .rt-thead.-header {
  background-color: aliceblue !important;
}

.campaignInstVal {
  margin: 10px;
  right: 39px;
}

.delInstructionTxt {
  left: 225px;
  top: 7px;
}

#instructionNameLabel {
  position: relative;
  top: 18px;
  left: 2px;
}

#exitstingInstructionNameLabel {
  position: relative;
  top: 18px;
  left: 2px;
}

#instructionName {
  position: relative;
  left: 245px;
  bottom: 13px;
}

#exitstingInstructionName {
  position: relative;
  left: 245px;
  bottom: 13px;
}

.campaignInstructionError {
  position: relative;
  left: 250px;
  bottom: 15px;
}

.viewAllFilterData ul.multiselect-container.dropdown-menu {
  width: 200px;
}

.viewAllFilterData button.multiselect.dropdown-toggle.btn.btn-default {
  width: 200px !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

.viewAllFilterData .dropdown-menu>li>a {
  padding: 0rem !important;
}

.viewAllFilterApplication ul.multiselect-container.dropdown-menu {
  width: 315px;
}

.viewAllFilterApplication button.multiselect.dropdown-toggle.btn.btn-default {
  width: 315px;
  overflow: hidden;
  text-overflow: ellipsis;
}

a#reload_href {
  color: #0078d4;
  font-size: 13px;
  font-weight: 600;
}

.captchaContent {
  /* border: 1px dashed #0078d4; */
  padding: 5px 4px 6px 6px;
  margin: -15px 2px 8px 0px;
  overflow: hidden;
}

#user_captcha_input {
  height: 29px;
  border: 1px solid #ccc;
  width: 145px;
  padding-left: 10px;
}

#user_captcha_input2 {
  height: 29px;
  border: 1px solid #ccc;
  width: 135px;
  padding-left: 10px;
}

.marginTop-10 {
  margin-top: 10px;
}

.captchaInput {
  float: right;
  width: 141px;
  font-size: 12px;
}

.pwdCaptchaInput {
  float: right;
  width: 152px;
  font-size: 12px;
}

#canv {
  float: left;
  height: 29px;
  border: 1px solid #ccc;
}

#reload_href {
  color: #0078d4 !important;
  float: right;
  padding: 1.5px 6px 2px 5px;
  border: 1px solid #ccc;
}

.tox-notifications-container {
  opacity: 0 !important;
}

.tox-promotion {
  opacity: 0;
}

/* Email Template: keep TinyMCE toolbar below app header (header z-index 1100) */
#TemplateEditor .tox.tox-tinymce {
  position: relative !important;
  z-index: 100 !important;
}

.expansion-heading {
  min-height: 56px;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  margin-bottom: -1px;
  background-color: rgba(0, 0, 0, .03);
  display: flex;
  padding: 0 24px 0 24px;
  align-items: center;
}

.expnasion-container {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  margin-bottom: 20px;
}

.expansion-details {
  width: 100%;
  display: block;
  padding: 16px;
}

#employeeTypeBox {
  font-size: 0.75rem;
  font-family: Open Sans, sans-serif !important;
}

.electionFilter {
  position: sticky;
  z-index: 4;
  background-color: #ffffff;
  top: 206px !important;
  margin-top: 15px;
  padding: 10px;
  height: 50px;
  overflow: visible !important;
}

.electionFilter .viewAllFilterData,
.electionFilter .selectedColumn {
  overflow: visible !important;
}

.entitlement-Details {
  width: 20% !important;
}

.cloudStorageInfo {
  position: relative;
  left: 99px;
  z-index: 1;
}

.leftNavDrawer .MuiDrawer-paper {
  overflow-y: unset !important;
}

.peoplesTbl {
  width: auto !important
}

.tooltip-inner {
  white-space: break-spaces;
}

.roleList {
  word-break: break-all;
  margin-bottom: 5px;
}

.passwordInput input[type="password"] {
  height: 31px !important;
}

.react-table.managerElectionsContent {
  width: auto !important;
  min-width: 100% !important;

}

.react-table.managerElectionsContent.dynamic-entitlement-columns {
  width: 100% !important;
  max-width: 100%;
}

.react-table.endpointElectionsContent,
.react-table.entitlementElectionsContent {
  width: auto !important;
  min-width: 100% !important;
}

.bgLable {
  margin-left: 18px;
  width: 50%;
}

.bgDropdown {
  margin-left: 10px;
  width: 35%
}

img.grc-img {
  -webkit-box-shadow: 0px 0px 5px 2px rgba(204, 204, 204, 1);
  -moz-box-shadow: 0px 0px 5px 2px rgba(204, 204, 204, 1);
  box-shadow: 0px 0px 5px 2px rgba(204, 204, 204, 1);
  margin-bottom: 20px;
  border-radius: 10px;
}

.entitlementButton {
  margin-left: -7px !important;
  margin-top: 4px;
  font-size: 13px !important;
}

.entitlementButtonNew {
  -margin-left: 14px !important;
  margin-top: 4px;
  font-size: 13px !important;
}

.logText {
  overflow: auto;
}

.credHeading {
  margin-bottom: 15px;
}

.flexAppData {
  max-height: 400px;
  width: 100%;
  max-width: 650px;
  overflow: auto;
}

/* Add/Edit Flex RPA Recipe modal: icon cards side by side */
.flexAppData.flex-rpa-modal-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-start;
}

.flexAppData.flex-rpa-modal-icons .flex-rpa-modal-icon-item {
  flex: 0 0 auto;
  width: 140px;
}

.flexAppData.flex-rpa-modal-icons .uar-dashboard-items {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.flexAppData.flex-rpa-modal-icons .uar-dashboard-items .agentName {
  width: 100%;
  max-width: 100%;
}

.flexAppData.flex-rpa-modal-icons .uar-item-img.card {
  width: 100%;
  min-height: 105px;
  cursor: pointer;
}

p.file-button {
  display: inline-block;
  padding: 1px 12px;
  font-size: 14px;
  /* font-weight: bold; */
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 2px solid #a5a5a5;
  color: black !important;
  border-radius: 2px;
  background-color: #efefef !important;
  transition: background-color 0.3s ease;
  margin: 0;
}

p.file-button:hover {
  background-color: #a5a5a5 !important;
  color: black;
}


p.file-button::selection {
  background-color: transparent;
}

.electionFilter .selectedColumn button.multiselect.dropdown-toggle.btn.btn-default {
  width: 220px !important;
  min-width: 220px !important;
}

.electionFilter .selectedColumn ul.multiselect-container.dropdown-menu {
  width: 300px !important;
  min-width: 300px !important;
  overflow-x: hidden;
}

/* Search bar: search icon, input, close button on same line */
.electionFilter .selectedColumn .multiselect-filter .input-group {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  min-width: 100% !important;
}

.electionFilter .selectedColumn .multiselect-filter .input-group-addon,
.electionFilter .selectedColumn .multiselect-filter .input-group-btn {
  flex: 0 0 auto !important;
}

.electionFilter .selectedColumn input.form-control.multiselect-search {
  min-width: 80px !important;
  flex: 1 1 auto !important;
}

.electionFilter .selectedColumn ul.multiselect-container.dropdown-menu>li>a {
  margin-left: -15px;
}

.electionFilter .selectedColumn .btn.btn-default.multiselect-clear-filter,
.electionFilter .selectedColumn .input-group-addon {
  padding: 6px !important;
  flex-shrink: 0 !important;
}

.electionFilter .selectedColumn,
.electionFilter .selectedColumn .btn-group {
  overflow: visible !important;
}

.horizontal {
  width: 120px;
  padding: 5px 0;
  float: left;
  position: relative;
  right: 10px;
}

.horizontal .progress-track {
  /* width: 50%; */
  background: #c3c1c1;
  /* border-radius: 3px; */
}

.horizontal .progress-fill {
  background: #666;
  height: 20px;
  width: 50%;
  color: #fff;
  text-align: center;
  font-family: "Lato", "Verdana", sans-serif;
  font-size: 10px !important;
  line-height: 20px;
  /* margin: auto 49%; */
}

.rounded .progress-track,
.rounded .progress-fill {
  border-radius: 3px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
}

.issueType {
  margin-left: 4px;
}

.settingsTitleNameImport {
  font-size: 13px !important;
  color: black;
}

.chart-container {
  transition: border 0.3s ease;
  /* Smooth transition for the border */
}

.chart-container:focus {
  border-color: #66afe9 !important;
  outline: 0 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6) !important;
}

.ReactTable .rt-thead.-filters input:focus {
  border: 1px solid #444;
  background: transparent;
}

/* .ReactTable .rt-thead .rt-resizable-header-content div:hover, */
.ReactTable .rt-thead .rt-resizable-header-content div:focus {
  border: 1px solid #444;
  background: transparent;
}

.super .react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 40px !important;
  margin-left: 15px !important;
}

.leftNavCustomScroll .material-icons {
  padding-right: 0px !important;
  font-size: 22px;
}

.tabImg {
  width: 45px;
  float: left;
  margin: -8px 6px 2px 0px;
}

/* Style the overall container */
#tabscontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  margin: 0px 0 0px 0;
  padding: 0;
  -max-width: 655px;
}

/* Set the font-family for all text within the #tabscontainer */
/* Style the radio group that corresponds to the tabs */
#tabscontainer>[name="radiogroupfortabs"] {
  position: absolute;
  visibility: hidden;
}

/* Set Flexbox ordering of radio items within the #tabscontainer.  A unique rule has to be created for each tab. */
#tabscontainer>#radiofortab1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

#tabscontainer>#radiofortab2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

#tabscontainer>#radiofortab3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

#tabscontainer>#radiofortab4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
}

/* Style all radio group LABELS (by class) to look like tabs.  The currently selected tab is re-styled by another rule near the end.  Could use the background-image attribute here instead of colors in order to give the tabs any appearance desired.  If doing this, then would have to create a separate rule for each tab. */
#tabscontainer>[id^="tab-label"] {
  position: relative;
  top: 3px;
  max-height: 45px;
  margin: 4px 2px 0 0;
  display: inline-block;
  padding: 16px 46px;
  border-radius: 5px 5px 0 0;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  -text-transform: uppercase;
  background: #e4f3ff;
  cursor: pointer;
  color: #111111;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* Style unselected tabs (INPUT element's label) when the pointer hovers over them.  Could use the background-image attribute here instead of colors in order to give the tab any appearance. */
#tabscontainer>[id^="tab-label"]:hover {
  background: #969696;
}

/* Style all of the content DIVs including setting DISPLAY to None to start with.  The DIV corresponding to the currently selected tab is displayed by the rule near the end. */
#tabscontainer>[id^="tab-content"] {
  -ms-flex-order: 999;
  order: 999;
  display: none;
  z-index: 2;
  top: 48px;
  width: 100%;
  min-height: 5em;
  overflow: hidden;
  font-size: 14px;
  border-width: 1px;
  border-style: solid;
  background: #fff;
  margin-top: -1px;
  border-top: 1px solid #fff;
  border-radius: 0 5px 5px 5px;
}

/* Style the currently selected tab (checked INPUT element's label) by first selecting the lone checked item from the radiogroup for the tabs and then select the label (by class) that follows the checked INPUT element (INPUT element within the named group - radiogroupfortabs) in order to apply the following effects to just the selected tab/label.  Could use the background-image attribute here instead of colors in order to give the tab any appearance. */
#tabscontainer>[name="radiogroupfortabs"]:checked+[id^="tab-label"] {
  z-index: 4;
  margin-top: 0px;
  padding-top: 16px;
  background: #fff;
  color: #000;
  border-color: #000 #000 #c9c9c9 #000;
}

/* Display the content DIV that corresponds to the selected tab (because of the limitations of CSS selectors, this could not be done with a single rule.  A unique rule has to be created for each tab/tab content within the tab set.) */
#tabscontainer>#radiofortab1:checked~#tab-content1 {
  display: block;
}

#tabscontainer>#radiofortab2:checked~#tab-content2 {
  display: block;
}

#tabscontainer>#radiofortab3:checked~#tab-content3 {
  display: block;
}

#tabscontainer>#radiofortab4:checked~#tab-content4 {
  display: block;
}

/* Style a container within the 4th tab to hold media items.  Could have also just put this styling directly on the tab-content4 div instead of creating the #mediacontainer div.  And, while the following are fully name-spaced for explanatory purposes, only the #mediacontainer item is actually needed as long as it is unique on the page. */
#tabscontainer #tab-content4 #mediamatrix {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#tabscontainer #tab-content4 #mediamatrix .mediaitem {
  min-width: 21%;
  margin: 15px 0.9% 0;
  padding: 5px;
  border-radius: 10px;
  /* This and the following line placed here just to show where media items will be displayed */
  background-color: #ddeeff;
  text-align: center;
}

#tabscontainer #tab-content4 #mediamatrix .mediaitem .mediaitemthumb {
  margin-bottom: 5px;
  min-height: 50px;
}

#tabscontainer #tab-content4 #mediamatrix .mediaitem .mediaitemcaption {
  min-height: 20px;
}

/* ----- END OF TAB COMPONENT ----- */
.mr-icon {
  margin: 3px -1px -5px 1px;
}

.durationTime {
  float: left;
  width: 252px;
  margin: 10px -2px -1px 4px;
}

.accessForOthersCnt {
  -min-height: 500px;
}

.listOfPendingRequestMulti .-pagination .-center {
  flex-wrap: nowrap !important;
}

.otherRequest {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
}

.accessForCnt {
  margin: 10px;
  display: inline-block;
}

.accessForOptions {
  margin: 5px;
}

.accessForLeft {
  float: right;
}

.svg {
  padding: 0;
  margin: 0;
  float: left;
  margin: -5px 3px -3px -3px;
}

.accessWrapper {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
}


.catalog-container {
  width: 99%;
  margin: auto;
  padding: 5px;
}

.catalog-container .card img {
  /* width: 80px;
  margin: auto;
  margin-top: 5px; */
  max-width: 75%;
  height: auto;
  display: block;
  margin: 0 auto;

}

.catalog-container .card p {
  font-size: 12px !important;
  font-weight: 500;
  margin-top: 12px;
  text-align: center;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  /* Keeps text in a single line */
  text-overflow: ellipsis;
  /* Adds ... if text overflows */
  max-width: 95%;
  /* Ensures text doesn't exceed */
}

.MyRequestDetails-summaryCard-87 {
  height: auto !important;
  margin: 9px 0px -2px 0px !important;
}

/* --------Image------- */
.card-image-container {
  width: 64px;
  /* Adjust size as needed */
  height: 64px;
  border: 1px solid #eee;
  border-radius: 50%;
  /* background-color: #f5f5f5;  */
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
}

.card-image-container img {
  -width: 40px;
  /* Image inside the circle */
  height: 40px;
  object-fit: contain;
  /* Ensures image fits inside */
  transition: transform 0.3s ease-in-out;
}

/* Hover Effect */
/* Enlarge the circle */
/* Slightly enlarge the image */
/* .card-image-container:hover {
  transform: scale(1.2);
}

.card-image-container:hover img {
  transform: scale(1.1); 
} */

.card .info-icon,
.dash-card .info-icon {
  position: absolute;
  top: 8px;
  left: 8px;
  color: #0078D4;
  font-size: 20px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.card:hover .info-icon,
.dash-card:hover .info-icon {
  opacity: 1;
}

.catalog-container .ac-template.card img {
  width: 56px;
  margin-top: 5px;

}

.nav {
  display: flex;
  gap: 20px;
  /* padding: 10px;
  border-bottom: 2px solid #ddd; */
}

.nav-item {
  cursor: pointer;
  padding: 10px;
  color: #555;
}

.nav-item.active {
  font-weight: bold;
  color: #375576;
}

/* Header */
.header {
  margin-top: 5px;
}

.header h2 {
  margin-bottom: 5px;
}

.search-bar {
  width: 25%;
  float: left;
  padding: 10px;
  margin-top: 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
  height: 35px;
  font-size: 12px;
  color: #1b1b1b;
}

.MuiRadio-colorSecondary.Mui-checked {
  color: #0079d6 !important;
}

.roles-wrapper {
  width: 100%;
}

.inline {
  display: inline !important;
  margin-right: 15px;
  font-weight: 600;
}

.filters {
  margin-top: 10px;
  display: inline;
}

.filters button {
  padding: 8px 12px;
  margin: 5px;
  border: none;
  background: #e0e0e0;
  cursor: pointer;
  border-radius: 4px;
}

/* Section Titles */
.section-title {
  margin-top: 20px;
  color: #333;
}

/* Grid */
.grid {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 10px;
  position: relative;
  width: 100%;
  top: 15px;
}

/* Cards */
.card {
  background: white;
  padding: 9px;
  border-radius: 8px;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  /* text-align: center; */
  cursor: pointer;
}

.catalog-container .card {
  /* width: 140px;
  margin-bottom: 8px !important;
  text-align: center;
  height: 150px; */
  width: 135px;
  /* Adjust as needed */
  height: 150px;
  /* Prevents overlap */
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  margin-bottom: 5px !important;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.card:hover .hoverEffect {
  top: 0;
  opacity: 1;
  position: relative;
}

.hoverEffect {
  position: absolute;
  top: -100%;
  /* Initially hidden */
  left: 0;
  width: 100%;
  height: 30%;
  /* Covers top 30% */
  background-color: rgba(0, 0, 0, 0.6);
  /* Grey background */
  color: #fff;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
  opacity: 0;
}

/* .card:hover .request-item-img{
  opacity: 0;
} */
.card:hover .hoverEffect {
  transform: translateY(0%);
}

.cardImgContent {
  position: relative;
  top: -5px;
}

.catalog-container .card.active {
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  border: 3px solid #c4b4f9;
  position: relative;
  top: -5px;
}

.card:hover {
  box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.2);
}

.icon-cursor {
  cursor: pointer;
}

/* .catalog-container .card:hover p {
  white-space: normal; 
  word-wrap: break-word; 
  overflow: visible;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  bottom: 40px;
  left: 5%;
  width: 90%;
  padding: 5px;
  border-radius: 4px;
} */

.card .tag {
  display: inline-block;
  margin-top: 5px;
  padding: 3px 8px;
  background: #f0f0f0;
  font-size: 12px;
  border-radius: 4px;
  color: #555;
}

.icon {
  font-size: 40px;
  color: #007bff;
}

.catalog-container {
  /* padding: 20px; */
}

.catalog-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

.question-title {
  font-size: 16px;
  /* font-weight: bold; */
  margin-top: 15px;
}

.identity-container {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  /* float: right; */
}

.section-title {
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
}

.app-card {
  padding: 10px;
  text-align: center;
  transition: transform 0.2s;
}

.app-card:hover {
  transform: scale(1.05);
}


.step-container {
  width: 60%;
  margin: auto;
  background-color: #f5f5eb;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.custom-stepper {
  background: transparent;
}

.step-item {
  display: flex;
  align-items: center;
}

.completed-step {
  font-weight: bold;
  color: #4caf50 !important;
}

.MuiStepper-alternativeLabel {
  /* width: 125% !important; */
}

.check-icon {
  color: #4caf50;
}

.user-list-container {
  /* width: 60%; */
  margin: auto;
  /* padding: 20px; */
}

.header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.list-icon {
  margin-right: 10px;
}

.title {
  font-weight: bold;
}

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

.label {
  font-weight: bold;
  margin-right: 10px;
}

.email-dropdown {
  flex: 1;
}

.search-box {
  width: 100%;
}

.MuiStepper-alternativeLabel {
  align-items: flex-start;
  background: aliceblue !important;
}

.MuiButton-contained.Mui-disabled {
  margin: 5px;
  font-size: 12px;
}

.MuiStepper-root {
  display: flex;
  padding: 10px !important;
}

/* .catalog-container {
  font-family: Arial, sans-serif;
  width: 100%;
  padding: 20px;
  background-color: #f8f9fa;
}

.catalog-header {
  background-color: #ffffff;
  padding: 10px 20px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.catalog-header nav ul {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
}

.catalog-header nav ul li {
  margin-right: 20px;
  cursor: pointer;
  font-weight: bold;
  color: #555;
}

.catalog-header nav ul li.active {
  color: #007bff;
}

.catalog-content {
  margin-top: 20px;
}

.search-filters {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

.search-filters input {
  flex: 1;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.search-filters button {
  padding: 6px 14px;
  border: none;
  background-color: #dddddd;
  color: #282828;
  border-radius: 28px;
  margin: 5px;
  cursor: pointer;
  font-weight: bold;
}

.popular-section, .all-section {
  margin-bottom: 20px;
}

.popular-items, .all-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 15px;
}

.card {
  background-color: white;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  text-align: center;
  font-weight: bold;
}
.card div img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.card div {
  width: 40%;
} */

/* .MuiBox-root{
  height: auto;
  max-height: 480px;
  border: 1px solid #ccc;
  padding: 5px;
  overflow: scroll;
  border-radius: 5px;
} */
.catalog-container .MuiButton-containedSecondary,
.catalog-container .MuiButton-containedPrimary {
  color: #fff;
  background-color: #337ab7 !important;
  margin: 4px !important;
  font-size: 13px;
  height: 24px;
  width: 90px;
  text-transform: capitalize;
}

.catalog-container .MuiButton-containedPrimary:hover {
  background-color: #337ab7 !important;

}

.catalog-container .MuiStepper-horizontal {
  position: fixed;
  width: 84%;
  /* right:25px; */
  /* background: aliceblue; */
  /* margin-top: -19px; */
  z-index: 999;
  padding: 14px 0px 12px 0px !important;
  /* width: 75%;
  margin-left: 15px;
  background: transparent; */
}

.catalog-container .MuiOutlinedInput-root {
  position: relative;
  border-radius: 4px;
  font-size: 13px;
  /* height: 35px; */
}

.catalog-container .MuiCheckbox-colorSecondary.Mui-checked {
  color: #337ab7 !important;
}

.catalog-container .MuiCheckbox-colorSecondary.Mui-checked.Mui-disabled {
  color: rgba(0, 0, 0, 0.26) !important;
}

.MuiFormControlLabel-label.Mui-disabled {
  color: rgba(0, 0, 0) !important;
}

.catalog-container .MuiButton-contained.Mui-disabled {
  color: rgb(40 40 40);
  box-shadow: none;
  background-color: rgb(149 154 158) !important;
}

.catalog-container .MuiSvgIcon-fontSizeSmall {
  font-size: 11px;
  margin: 3px 3px 5px 5px;
}

.accessTemplateAppContent .card-body {
  padding: 2px;
}

.catalog-container .card-header {
  text-align: left !important;
  font-size: 14px !important;
  font-weight: 600;
}

.checkedCard {
  color: green;
  float: left;
  position: absolute;
  top: -19px;
}

/* .card-grid-container {
  padding: 20px;
}

.role-card {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.details-button {
  margin-top: 10px;
} */

.card-grid-container {
  padding: 10px;
}

.myLabelComponentInSvg {
  height: 70px;
  width: 180px;
  margin: 10px;
  display: inline-table;
  overflow: hidden;
}

.role-card {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 2px 3px 3px #ccc !important;
  border: 2px solid #b4ddfd;
}

.card-content {
  padding: 10px !important;
}

.card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.card-footer {
  padding: 0.25rem 0.1rem !important;
  display: flex;
  justify-content: space-between;
}

.details-button {
  margin-left: auto;
}

.MuiStepIcon-root.MuiStepIcon-active,
.MuiStepIcon-root.MuiStepIcon-completed {
  color: #337ab7 !important;
}

.cardGridContent {
  font-size: 13px !important;
}

.node-title {
  dx: -200;
  fill: green;
}

.node-label {}

.custom-link {
  stroke: "#0066FF" !important;
}

.link {
  fill: "red";
}

.entitlement-card.active {
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  border: 3px solid #c4b4f9;
  position: relative;
  top: -5px;
  overflow: visible;
}

#dropdownMenu {
  color: #333 !important;
  background-color: #fff !important;
  border-color: #ccc !important;
}

/* .mobileView a.endpoints{
color: #222 !important;
} */

.catalog-container .MuiTabs-scrollButtons .MuiSvgIcon-fontSizeSmall {
  font-size: 20px;
  margin: 7px;
}

.catalog-container .PrivateTabScrollButton-root-142 {
  width: 28px !important;
}

.next-prev-container {
  position: absolute;
  right: 20px;
  top: 20px;
  display: flex;
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
}

.next-prev-container button {
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}

.previous-btn {
  background-color: #ccc;
  color: #000;
}

.next-btn {
  background-color: #007bff;
  color: #fff;
}

/* When Fixed */
.fixed-buttons {
  position: fixed;
  top: 10px;
  right: 20px;
  z-index: 1000;
}

.hidden {
  opacity: 0;
}

.access-template-view.sidebar-modal {
  width: 85% !important;
}

.myRequestViewPopUp {
  width: 1000px !important;
}

.viewRequestId {
  top: 25px;
  position: relative;
}

.accessTempModal {
  padding-left: 540px !important;
}

.approveBtnRequest {
  background: #10c469 !important;
  color: #fff !important;
  border-color: #10c469 !important;
  font-weight: 500;
  font-size: 16px;
}

.revokeBtnRequest {
  background: #e84c3d !important;
  color: #fff !important;
  border-color: #e84c3d !important;
  font-weight: 500;
  font-size: 16px;
}

.myreqDet {
  top: 15px;
  position: relative;
}

.dropdown-menu.leftRequestAlign {
  width: 20px !important;
  left: 50px !important;
}

.approvedCls {
  background-color: #10c469 !important;
  color: #fff !important;
}

.dangerCls {
  background-color: #e84c3d !important;
  color: #fff !important;
}

.pendingCls {
  background-color: #3f51b5 !important;
  color: #fff !important;
}

.MyRequestListContent .MuiCardContent-root:last-child {
  padding-bottom: 0px !important
}

.MyRequestListContent .MuiCardContent-root {
  padding: 3px 2px 2px 12px !important;
  box-shadow: -1px 3px 3px #ccc;
  margin: 8px 5px 7px 6px;
  border: 1px solid #ccc;
  border-radius: 5px;
  min-height: 100px;
}

.MyRequestListContent .MuiTypography-body2,
.MyRequestListContent .MuiTypography-body1 {
  font-size: 13px !important;
}

.my-req-status-btn {
  font-size: 12px !important;
}

/* .my-req-status-mark{
    padding: 2px;
    margin: 0px -15px 1px 3px !important;
    color: green !important;
} */

.manage-access-confirmation .MuiTab-wrapper {
  align-items: baseline !important;
  font-size: 12px;
}

.manage-access-confirmation .MuiTab-textColorInherit {
  padding: 0 !important;
}

.manage-access-confirmation .OrgUnitTitle {
  font-weight: 600;
}

.approval-content .my-req-status-btn.MuiButton-contained {
  color: #fff;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  background-color: #10c469;
  padding: 2px;
  width: 101px !important;
  font-size: 12px !important;
  margin: 5px;
  text-transform: capitalize;
}

.approval-content .my-req-status-btn.MuiButton-outlined {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  padding: 2px;
  width: 101px !important;
  font-size: 12px !important;
  margin: 5px;
  text-transform: capitalize;
}

.approval-content .my-req-status-btn-red.MuiButton-contained {
  color: #fff;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  background-color: #e84c3d;
  padding: 2px;
  width: 101px !important;
  font-size: 12px !important;
  margin: 5px;
  text-transform: capitalize;
}


.approval-content .my-req-status-btn-red.MuiButton-contained {
  color: #fff;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  background-color: #e84c3d;
  padding: 4px;
  width: 100px !important;
}

.my-req-status-mark-red.MuiSvgIcon-root {
  color: red;
  font-size: 19px;
  margin-left: 6px;

}

.my-req-status-mark-green.MuiSvgIcon-root {
  color: #10c469;
  font-size: 19px;
  margin-left: 6px;

}

.tab-cnt .MuiTypography-body1 {
  font-size: 15px !important;
}

.modal-content {
  border-radius: 5px !important;
  min-width: 600px
}


/* 
.access-type-content .card-container {
  text-align: center;
  padding: 5px;
}

.access-type-content .card-group {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}

.access-type-content .card-item {
  padding: 5px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  border: 2px solid transparent;
}

.access-type-content .card-item.selected {
  border: 2px solid #007bff;
  box-shadow: 0 4px 8px rgba(0, 123, 255, 0.2);
}

.access-type-content .card-title {
  font-weight: bold;
  margin-top: 10px;
}

.access-type-content .card-desc {
  font-size: 13px;
  color: #555;
  margin-top: 5px;
}


.access-type-content .access-grid{
     margin: 0px 18px 5px 5px;
    border: 1px solid #e6e6e6;
    box-shadow: 2px 2px 2px #ccc;
    border-radius: 5px;
} */


.access-type-content .card-container {
  text-align: center;
  padding: 10px;
}

.access-type-content .card-group {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
}

.access-type-content .card-item {
  width: 325px;
  margin: 10px;
  height: 150px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  border: 2px solid transparent;
  /* display: flex; */
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.access-type-content .MuiCardContent-root {
  padding: 2px 8px;
}

.access-type-content .card-item.selected {
  border: 1px solid #337ab7;
  box-shadow: 0 4px 8px rgba(0, 123, 255, 0.2);
}

.access-type-content .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 5px;

}

.access-type-content .icon-container {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: aliceblue;
  /* #f0f4ff Light blue background */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}



/* .icon-container {
  text-align: left;
} */

.radio-btn {
  flex-shrink: 0;
}

.access-type-content .card-icon {
  width: 30px;
  height: 30px;
  color: #337ab7;
}

.access-type-content .card-title {
  font-weight: bold;
  font-size: 14px;
  margin-top: 5px;
}

.access-type-content .card-desc {
  font-size: 13px !important;
  color: #666;
  margin-top: 11px;
  text-align: left;
}


.MuiCard-root.MuiPaper-elevation1.MuiPaper-root.MuiPaper-rounded.card-item:hover {
  box-shadow: 4px 4px 4px #ccc;
  border: 1px solid #eee;
}

.o-form-title-bar .MuiButton-contained {
  color: #ffffff;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  background-color: rgb(51, 122, 183);
  padding: 2px;
  margin: 5px;
}

.MuiButton-startIcon {
  left: 5px;
  position: relative;
}

.justEntNotes {
  width: 530px;
  bottom: 10px;
}

.graph-container-grid {
  margin: 0px 5px 7px -4px !important;
}

#requestDetailsBtnTypes:hover {
  background-color: #ffffff;
}

.myRequestSearch::-webkit-input-placeholder {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}

.manage-access-selection-content .form-control:focus {
  border-color: #ccc !important;
  box-shadow: none !important;
  height: 35px !important;
}

.manage-access-info-cards {
  overflow-x: auto;
}

.manage-access-info-cards .MuiCard-root {
  box-shadow: none !important;
}

.ent-description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: normal;
  max-height: 4.1em;
  line-height: 1.4em;
  word-wrap: break-word;
  font-size: 13px;
  position: relative;
}


.filter-container {
  display: flex;
  align-items: center;
}

/* White Button with Padding */
.filter-button {
  background-color: white !important;
  color: black !important;
  font-size: 12px !important;
  padding: 5px !important;
  text-transform: none !important;
  border: 1px solid #ccc !important;
}

/* Dropdown Styling */
.filter-menu .MuiPaper-root {
  width: 200px !important;
  height: 300px;
  padding: 10px !important;
  display: flex;
  justify-content: center;
}

.filter-menu.approval-filter-menu {
  position: absolute !important;
}

.filter-menu.approval-filter-menu .MuiPaper-root {
  height: 350px;
  top: 245px !important;
}

/* Flex Layout for Filters */
.filter-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

/* Styling for Input Fields */
.filter-item {
  width: 150px !important;
  height: 40px !important;
  font-size: 12px !important;
}


/* Input Borders */
.custom-select,
.search-input .MuiOutlinedInput-root {
  width: 150px !important;
  height: 24px !important;
  border: 1px solid #ccc !important;
  font-size: 12px !important;
  background-color: white !important;
  padding: 5px;
}

/* Labels */
.input-label {
  font-size: 18px !important;
  color: #555 !important;
}

/* Apply Filter Button */
.apply-button {
  width: 130px !important;
  height: 30px !important;
  font-size: 12px !important;
  margin-top: 5px !important;
}

.filter-container .MuiMenuItem-root,
.filter-container .MuiButtonBase-root {
  font-size: 12px !important;
  box-sizing: border-box;
  padding: 3px !important;
  margin: -11px -6px -11px 17px;
  height: 30px;
}

.filter-container .MuiInputBase-root {
  border-radius: 5px;
}

.filter-content .search-bar {
  height: 25px !important;
  width: auto;
}

.MyRequestListContent .MuiTypography-body2,
.MyRequestListContent .MuiTypography-body1 {
  color: #333 !important;
}

.filter-content .MuiInput-underline:before {
  border-bottom: none !important;
}

.filter-item .MuiMenuItem-root {
  font-size: 12px !important;
}

.justfication-highlight {
  font-size: 12px !important;
  color: green;
  position: relative;
  left: 12px;
  border-radius: 8px;
  top: -10px;
}

.myRequestsSearchIcon {
  font-size: 13px !important;
}

.myRequestsSortBtn {
  margin-top: 20px
}

.myrequestsSearchErr {
  color: red;
  font-size: 12px;
  margin-bottom: -5px;
  margin-right: 49px;
}

.applyFilterMyrequests {
  bottom: 20px
}

.applyMyFilterError {
  bottom: 33px
}

.custom-menu-item {
  font-size: 13px !important
}

.manageAccess .react-datepicker {
  margin-top: 30px !important
    /* left: -210px !important; */
}

.sso-type-icon {
  position: relative;
  font-size: 20px !important;
  top: 16px;
  padding: 3px;
  left: 29px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background: aliceblue;
}

.requestsScreenFilter .MuiPaper-root {
  height: 365px !important;
}

.fa-pencil-square-o {
  color: #222;
  font-size: 15px;
}

h4#ModalHeader .fa.fa-pencil-square-o {
  color: #eee;
  font-size: 19px;
  padding: 1px;
}

.manageAccess #date {
  height: 35px;
  width: 245px;
  font-size: 13px;
  /* font-weight: 600; */
}

.requestsErrorScreenFilter .MuiPaper-root {
  height: 390px !important;
}

.sortColumnErrorMessage {
  margin-top: 11px !important;
}

.sortColumnNameErrorMessage {
  margin-top: 22px !important
}

.req-id {
  color: #007bff !important;

}

.req-id:hover {
  text-decoration: underline;
  color: #0056b3 !important
}

.confirmation-status-chips {
  margin: 1px 1px 7px 1px;
  font-size: 10px !important;
  border-radius: 40px;
  height: 18px !important;
  font-weight: 500;
  letter-spacing: 1px;
  text-shadow: 0 0 #ffffff;
}

.card-header .entitlement-card-title-wrap {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  margin-bottom: 4px !important;
}

.entitlement-card .card-header .ent-description {
  display: block;
  -webkit-line-clamp: unset;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: none;
  line-height: normal;
}

.entitlement-card-actions {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  white-space: nowrap;
  margin-bottom: 4px;
}

.entitlement-card-actions .confirmation-status-chips {
  margin: 0 !important;
  left: 8px;
  position: relative;
}

.entitlement-card-actions .justfication-highlight {
  top: -10px;
  left: 12px;
}

.confirmation-status-chips-remove {
  background-color: #f80000 !important;
  color: #ffffff !important;
}

.confirmation-status-chips-add {
  background-color: #10c469 !important;
  color: #ffffff !important;
}

.PrivateTabIndicator-colorPrimary-155 {
  background-color: #337ab7 !important;
}

.MuiTypography-body2,
.MyRequestListContent .MuiTypography-body1 {
  color: #333 !important;
  font-family: 'Open Sans' !important;
}

.scroll-footer {
  font-weight: 600 !important;
  padding: 6px;
  position: relative;
  display: block;
  float: right;
}

.scroll-header {
  text-align: center;
  position: sticky;
  top: 50px;
  left: 0;
  z-index: 1000;
  right: 0;
}

.scroll-filters {
  text-align: center;
  position: fixed !important;
  top: 69px;
  z-index: 9999;
}

.moreHorizIcon:hover {
  color: #0056b3 !important;
}

.filterButtons {
  width: 65px !important;
  height: 30px !important;
  font-size: 12px !important;
}

.dashborad-card-container .MuiGrid-spacing-xs-3 {
  margin: 12px !important;
}

.dashborad-card-container .DashboardCards-label-113 {
  font-size: 13px !important;
  font-family: 'Open Sans';
}


/* Fixed width only when dialog does not have .iga; with .iga use 85% (same as Request Approval Work Flow modal) */
.access-template-modal .modal-dialog:not(.iga) {
  width: 1000px !important;
}

.access-template-modal .modal-dialog.iga {
  width: 85% !important;
  max-width: none !important;
}

.filter-content .MuiMenuItem-root {
  line-height: 1.4;
  padding-top: 2px;
  white-space: nowrap;
  letter-spacing: 0.00938em;
  padding-bottom: 2px;

}

.autoApprovedBtn {
  width: 110% !important;
  right: 45px;
}

.autoApprovedAppBtn {
  width: 162% !important;
  right: 12px;
}

.refuseBtn {
  right: 78px;
  width: 200px !important;
}

.approval-content .myReqStatusBtn.MuiButton-contained {
  color: #fff;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  background-color: #10c469;
  padding: 2px;
  width: 101px;
  font-size: 12px !important;
  margin: 5px;
  text-transform: capitalize;
}

.approval-content .myReqStatusBtn.MuiButton-outlined {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  padding: 2px;
  width: 101px;
  font-size: 12px !important;
  margin: -4px 2px 1px 0px;
  text-transform: capitalize;
}

.approval-content .myReqStatusBtn-red.MuiButton-contained {
  color: #fff;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  background-color: #e84c3d;
  padding: 2px;
  width: 101px !important;
  font-size: 12px !important;
  margin: 5px;
  text-transform: capitalize;
}

.approval-content .myReqStatusBtn-red.MuiButton-contained {
  color: #fff;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  background-color: #e84c3d;
  padding: 4px;
  width: 100px;
}

.templateInfoAccessTemplate .modal-content {
  right: 125px;
}

.myRequestDetailsId {
  color: #007bff !important;
}


.dashborad-card-container .MuiGrid-grid-md-3 {
  flex-basis: 24%;
}

.dashboard-campaign-search input {
  width: 25%;
  float: right;
  height: 24px;
  font-size: 11px;
}

.tab-app-name {
  align-items: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 180px;
  vertical-align: middle;
  overflow: hidden;
  display: inline-block !important;
}

.rt-resizable-header-content div {
  font-family: Raleway, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.rt-td {
  border-top: 1px solid transparent !important;
}

.req-access-details-ent-1 {
  max-width: 40% !important;
}

.req-access-details-ent-2 {
  max-width: 50% !important;
}

.tree-container {
  -background-color: #1a237e;
  /* Dark blue background */
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tree-container {
  display: flex;
  align-items: center;
  justify-content: center;
  -background-color: #f4f6f9;
  height: 100vh;
}

.tab-app-name {
  align-items: center;
  vertical-align: middle;
  display: inline-flex !important;
}

.tab-app-name-content {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 180px;
  overflow: hidden;
  display: inline-block;
}

.tree-card {
  width: 90%;
  max-height: 90%;
  overflow: auto;
  padding: 10px;
  background: white;
}

.tree-wrapper {
  width: 100%;
  height: 600px;
}

.all-req-map svg {
  display: inline-flex;
  margin-left: 10px;
  height: 20px;
  cursor: pointer;
  margin-left: 21px;
}

.all-request-access-modal.modal-dialog {
  width: 100% !important
}

.myLabelComponentInSvg {
  height: 70px;
  width: 180px;
  margin: 10px;
}

.typo-bold {
  font-weight: bold;
}

.t-label {
  font-weight: bold;
  width: 60%;
}

.rd3t-label {
  white-space: normal !important;
  word-wrap: break-word !important;
  font-size: 14px;
}


.tree-card-container {
  position: relative;
  display: inline-block;
}

.tree-card-details {
  position: absolute;
  top: 100%;
  left: 0;
  width: 250px;
  background: white;
  border: 1px solid #ddd;
  padding: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

.tree-card-container:hover .tree-card-details {
  opacity: 1;
  transform: scaleY(1);
}




.node__root>circle {
  fill: red;
}

.node__branch>circle {
  fill: yellow;
}

.node__leaf>circle {
  fill: green;
  /* Let's also make the radius of leaf nodes larger */
  r: 40;
}

/* 
  body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #f4f4f4;
}

.card {
    display: flex;
    align-items: center;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    width: 250px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.left {
    display: flex;
    align-items: center;
    padding: 10px;
    flex-grow: 1;
}

.left i {
    color: green;
    margin-right: 10px;
}

.right {
    background: #2962ff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
}

.right button {
    background: none;
    border: none;
    color: white;
    font-size: 18px;
    cursor: pointer;
} */

/* Expanded content */
/* .expanded-content {
    display: none;
    background: white;
    width: 250px;
    text-align: center;
    padding: 10px;
    margin-top: 5px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
} */

.level-container {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  margin-bottom: 15px;
}

.level-container .control-label {
  width: 100%;
  background: #F7F7F7;
  padding: 10px;
}

.level-body {
  padding: 15px;
}

.approvalMetBtn {
  width: 145% !important;
}

.approverMetBtn {
  width: 90% !important;
}

.my-approval-app-container .my-req-status-btn.MuiButton-outlined.Mui-disabled {
  border: 1px solid #00000080;
}

.my-approval-app-container .my-req-status-btn.MuiButton-root.Mui-disabled {
  color: #00000080;
}

.node circle {
  cursor: pointer;
  fill: #fff;
  stroke: steelblue;
  stroke-width: 1.5px;
}

.node text {
  font-size: 11px;
}

path.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;
}

.tree-card-container .icon {
  font-size: 40px;
  color: #4e4e4e;
  padding: 2px 0px 1px 0px;
}

.tree-card-container .card-image-container {
  width: 64px;
  height: 27px;
  border: 1px solid #eee;
  border-radius: 50%;
  /* background-color: #f5f5f5; */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  position: relative;
  right: 4px;
  justify-content: center;
  float: left;
  width: 20%;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
}

.tree-card-container .card-image-container img {
  height: 39px;
  height: 25px;
  top: 5px;
  position: relative;
  object-fit: contain;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.non-employee-form-content .MuiInputLabel-outlined.MuiInputLabel-shrink {
  transform: translate(14px, -6px) scale(0.75) !important;
}

.non-employee-form-content .MuiOutlinedInput-input {
  padding: 8.5px 14px !important;
  height: 20px !important;
}

.react-form-builder-preview {
  float: none !important;
  width: 100% !important;
  height: 480px;
  overflow: auto;
}

.react-form-builder-preview.float-left {
  width: 70% !important;
  float: left !important;
  min-height: 550px !important;
}

.react-form-builder-toolbar.float-right {
  width: 29% !important;
  float: left !important;
  max-height: 550px !important;
  overflow-y: scroll;
  font-size: 13px;
}

.react-form-builder-preview.float-left .form-place-holder div {
  display: none;
}

.react-form-builder-preview.float-left .Sortable::before {
  content: "Drop form elements here";
  display: block;
  color: #888;
  text-align: center;
  font-size: 16px;
  position: relative;
  top: 47px;
}

.react-form-builder .react-form-builder-toolbar h4 {
  margin-top: 0;
  text-align: center;
  position: sticky;
  top: 0px;
  z-index: 1000;
  background: #fff;
}

.react-form-builder .react-form-builder-toolbar {
  margin-top: 0px !important;
}

.form-btn-cnt {
  -margin-bottom: 45px;
  float: right;
  -margin-right: 50px;
}

.form-btn-cnt .form-btn {
  color: #fff;
  background-color: #337ab7 !important;
  margin: 4px !important;
  font-size: 13px;
  height: 24px;
  width: 90px;
  text-transform: capitalize;
  margin-right: '10px'
}

.tree-card-label {
  display: flex;
  width: 200px;
  float: left;
}

.tree-card-label-icon {
  display: flex;
  float: left;
}

.status-wrapper {
  display: flex;
  gap: 10px;
  align-items: center;
}

.tree-status {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-weight: bold;
  font-size: 13px;
  color: white;
  font-family: sans-serif;
}

/* Status Specific Colors */
.status-pending {
  background-color: #f0ad4e;
  /* orange/yellow */
}

.status-approved {
  background-color: #5cb85c;
  /* green */
}

.status-auto-approved {
  background-color: #2196f3;
  /* blue */
}

.status-rejected {
  background-color: #d9534f;
  /* red */
}

.name-st {
  position: relative;
  left: 80%;
  top: -23px;

}

.name-val-st {
  position: relative;
  left: -55px;
  top: 8px;


}

.tree-card-container .mindmap-icon-content .card-image-container {
  float: none !important;
}

.legend-container {
  display: flex;
  gap: 16px;
  padding: 10px;
  background-color: #f9f9f9;
  border-radius: 8px;
  flex-wrap: wrap;
  font-family: Arial, sans-serif;
}

.legend-item {
  display: flex;
  align-items: center;
  font-size: 14px;
}

.legend-color {
  width: 20px;
  height: 20px;
  margin-right: 11px;
  border-radius: 50%;
  display: inline-block;
}

.legend-color.approve {
  background-color: #4caf50;
  /* green */
}

.legend-color.pending {
  background-color: #ff9800;
  /* orange */
}

.legend-color.auto-approve {
  background-color: #2196f3;
  /* blue */
}

.legend-color.reject {
  background-color: #f44336;
  /* red */
}

.status-card {
  display: flex;
  align-items: center;
  width: 280px;
  /* Set your preferred width */
  padding: 5px 7px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  font-family: Arial, sans-serif;
}

.cards-icon {
  width: 13%;
  display: flex;
  justify-content: center;
}

.cards-icon img {
  width: 32px;
  height: 32px;
}

.card-role {
  width: 78%;
  font-weight: 500;
  color: #333;
  padding-left: 8px;
}

.card-status {
  width: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  min-width: 28px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}

.status-card .request-item-img {
  margin-top: -3px;
}

.status-card .card-image-container {
  width: 40px;
  height: 40px;
}

.legend-color.cancelled {
  background-color: #9e9e9e;
  /* Grey for cancelled */
}

.status-cancelled {
  background-color: #9e9e9e;
  /* Grey for cancelled */
}


.existingData {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
  color: #999;
}

.react-form-builder-form .rfb-item .form-label {
  margin-bottom: 10px;
}

.SortableItem.rfb-item h3 {
  padding: 0px !important;
  font-size: 1.125em;
  margin: 0px;
}

.SortableItem.rfb-item .row .col-md-12 {
  width: 49%;
}

.SortableItem.rfb-item .form-group {
  margin-bottom: 1px;
}

.non-employee-form-view-content .SortableItem.rfb-item .row {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  transition: all 0.3s ease;
}

.non-employee-form-view-content .react-form-builder-form .rfb-item .row .SortableItem.rfb-item .row:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.non-employee-form-view-content .react-form-builder-form .rfb-item .row {
  padding: 15px 10px 0px 10px !important;
  border: 1px solid #e1dcdc !important;
  margin-top: -30px !important;
}

.access-template-form-view-content .react-form-builder-form .rfb-item .row {
  border: 1px solid transparent !important;
}

.react-form-builder-form .rfb-item .row {
  border: 1px solid #eee !important;

}

.react-form-builder-form .rfb-item .form-label {
  color: #222 !important;
}

.react-form-builder-form .rfb-item {
  /* padding: 10px 15px !important; */
  overflow: hidden;
}

.approval-workflow-card {
  background: white;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
}

.react-form-builder-form .rfb-item label span {
  background: unset !important;
}

.react-form-builder .react-form-builder-preview .Sortable .rfb-item.SortableItem {
  overflow: hidden;
}

.react-form-builder .react-form-builder-preview .Sortable .rfb-item {
  padding: 17px 20px !important;
}

.svg-round {
  border: 1px solid #ccc;
  border-radius: 50%;
  padding: 2px 0px 2px 0px;
  color: #222;
}

.svg-round-cnt {
  position: relative;
  top: 4px;
  margin: 5px
}

.approvalSelect {
  padding: 2px;
  min-width: 100px;
  text-align: center;
  height: 28px;
  font-size: 12px;
  margin-left: 10px;
}

.form-field-content {
  float: left;
  width: 46%;
  margin: 10px;
}

.iga-modal-summary {
  color: #333;
  /* max-width: 300px; */
}

.iga-modal-row {
  display: flex;
  /* justify-content: space-between; */
  margin-bottom: 10px;
}

.iga-modal-label {
  font-weight: 600;
  font-size: 14px;
  width: 175px;
}

.iga-modal-value {
  font-weight: 400;
  font-size: 14px;
}

/* Justification field: single Material-UI TextField with legend (floating label) behaviour, no duplicate label */
.iga-modal-row.iga-modal-justification-field {
  display: block;
  margin-top: 4px;
  margin-bottom: 4px;
}

.iga-modal-justification-field .MuiOutlinedInput-root {
  background-color: #fff;
}

/* Keep label inside the outline notch — legend on top edge (MUI v4 OutlinedInput) */
.iga-modal-justification-field .MuiInputLabel-outlined {
  background: #fff !important;
  padding: 0 4px;
  line-height: 1.2;
}

.iga-modal-justification-field .MuiInputLabel-outlined.MuiInputLabel-shrink {
  background: #fff !important;
  padding: 0 4px;
  /* Center label in outline notch: 14px left, -8px up for notch, scale 0.75 */
  transform: translate(14px, -8px) scale(0.75) !important;
  transform-origin: top left;
  max-width: calc(100% - 24px);
  line-height: 1.2;
}

/* Application modal: same legend position as Entitlements */
.iga-modal-justification-app .iga-modal-justification-field .MuiInputLabel-outlined.MuiInputLabel-shrink {
  transform: translate(14px, -8px) scale(0.75) !important;
  transform-origin: top left;
}

/* MUI v4: override global multiline padding so label and text align inside outline */
.iga-modal-justification-field .MuiOutlinedInput-root.MuiOutlinedInput-multiline {
  padding: 0 !important;
}

.iga-modal-justification-field .MuiOutlinedInput-input {
  padding: 16px 14px !important;
  box-sizing: border-box;
}

.justEndDateInput {
  right: 175px;
  margin-top: 30px;
  width: 350px;
  height: 35px;
}

.assignDelegateInfo {
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}

.ac-provision-card {
  border: 1px solid #eee;
  overflow: hidden;
  width: 98%;
  box-shadow: 1px 1px 1px #eee;
  border-radius: 2px;
}

.modal-body .list-group {
  font-size: 14px;
}

.ac-provision-sub {
  padding: '2px 6px 8px 8px'
}

.MuiGrid-grid-xs-1.ac-approver {
  flex-grow: 0;
  max-width: 10.333333% !important;
  flex-basis: 10.333333% !important;
}

.MuiGrid-grid-xs-1.ac-approver-expand {
  flex-grow: 0;
  max-width: 5.333333% !important;
  flex-basis: 5.333333% !important;
}

.non-employee-form-view-content .btn-toolbar,
.access-template-form-view-content .btn-toolbar {
  float: right;
  margin-bottom: 10px;
}

.btn-toolbar {
  margin-left: -5px;
  float: right;
}

.campaignScreenLabels {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  top: 10px;
}

.dataInfoTest {
  display: inline;
  align-items: center;
}

.campaignScreenLabelsStyle {
  top: 15px;
}

/* Campaign Info form: info icon inline with label, radio/control vertically aligned */
.campaign-info-label-with-icon .settingsTitle.dataInfoTest,
.campaign-info-label-with-icon p.settingsTitle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px;
  margin: 0 !important;
}

.campaign-info-label-with-icon .fa-info-circle {
  flex-shrink: 0;
  margin-left: 2px;
  vertical-align: middle;
}

.campaign-info-field-row {
  align-items: center !important;
}

.campaign-info-control {
  display: flex;
  align-items: center;
}

.campaign-info-control .uar-radio,
.campaign-info-radio-wrap {
  margin: 0 !important;
  display: flex;
  align-items: center;
}

.campaign-info-radio .MuiFormControlLabel-root,
.campaign-info-radio-wrap .MuiFormControlLabel-root,
.uar-radio.campaign-info-radio .MuiFormControlLabel-root {
  align-items: center !important;
  margin-right: 1.5rem !important;
}

.campaign-info-radio .MuiRadio-root,
.campaign-info-radio-wrap .MuiRadio-root,
.uar-radio.campaign-info-radio .MuiRadio-root {
  padding: 4px !important;
}

.campaign-info-reminders-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap;
  width: 100%;
}

.campaign-info-reminders-row .o-form-label {
  margin-right: 1rem;
}

.campaign-info-messaging-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap;
}

.campaign-info-messaging-row .campaign-info-label {
  margin-right: 1rem;
}

.campaignReviwerData.campaign-info-control {
  top: auto !important;
  right: auto !important;
}

/* Label and radio on same line - Campaign Hierarchical Review, Assign Campaign Owner */
.campaign-info-label-radio-inline {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  gap: 0.75rem 1.5rem;
}

.campaign-info-label-radio-inline .campaign-info-label,
.campaign-info-label-radio-inline .campaign-info-label-with-icon,
.campaign-info-label-radio-inline .o-form-label {
  flex: 0 0 auto;
  margin: 0 !important;
  float: none !important;
}

.campaign-info-radio-inline-wrap {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.campaign-info-radio-inline-wrap .uar-radio {
  margin-left: 0 !important;
}

.campaign-info-assign-owner-row {
  width: 100%;
  margin-bottom: 0.5rem;
}

/* Assign Campaign Owner: Search + Clear on same line, Clear to the right of Search */
.campaign-owner-search-clear-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
}

.campaign-owner-search-clear-wrap>div:first-child,
.campaign-owner-search-clear-wrap .react-autocomplete-input {
  flex: 1 1 auto;
  min-width: 200px;
  max-width: 400px;
}

.campaign-owner-search-clear-wrap .campaign-owner-clear-btn {
  flex: 0 0 auto;
  margin: 0;
  vertical-align: middle;
}

.campaign-owner-search-clear-wrap .campaign-owner-error-span {
  flex-basis: 100%;
  margin-top: 4px;
  order: 3;
}

select:focus-visible,
.btn_clear:focus-visible {
  border: 2px solid #666 !important;
}

.accessible-fixed:focus-visible {
  outline: 2px solid #337ab7 !important;
  /*blue color */
  background: transparent;
}

.AddAppBtn:focus-visible,
.campaignRestriction:focus-visible,
.rt-expandable:focus-visible,
.tempaddselect:focus-visible,
.notification_checkbox:focus-visible,
.userPolicyExportButton:focus-visible,
.iam_add_Export:focus-visible,
.iam_add_Import:focus-visible,
.ActionDropdown-content:focus-visible,
#create_button:focus-visible,
.glyphicon-trash:focus #globalConfiguration:focus-visible,
.logsContentDownload:focus-visible,
.btnFocus:focus-visible,
.tabFocus:focus-visible,
.childTable:focus-visible,
.custom-control-input:focus-visible,
.AttrDeleteBtn:focus-visible {
  outline: 2px solid #666 !important;
  background: transparent;
  /* box-shadow: 0 0 5px rgba(81, 203, 238, 1); 
  padding: 3px 0px 3px 3px; 
  margin: 5px 1px 3px 0px; */
}


.prod-popup-sidebar:focus-visible,
button.prod-popup:focus-visible,
#tabFocusData:focus-visible {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
}

.rt-expander:focus-visible {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
}

#UserNameIcon:focus {
  /* box-shadow: 0 0 5px rgba(81, 203, 238, 1);  */
  outline: 2px solid rgba(81, 203, 238, 1) !important;
  background: transparent;
}

.UserNameIconWrapper {
  outline: none;
  box-shadow: none;
}

.UserNameIconWrapper:focus-visible {
  outline: 2px solid rgba(81, 203, 238, 1) !important;
}

#menu-list-grow {
  position: relative;
  top: 13px;
}

.dropdown-toggle:focus-visible {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 6px 12px;
  /* margin: 5px 1px 3px 0px; */
}

.custom-control-input:focus-visible+.custom-control-label::before {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1) !important;
  border-color: #007bff !important;
  outline: none !important;
  /* box-shadow: 0 0 5px rgba(81, 203, 238, 1); 
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px; */
}

.tooltip .tooltip-inner {
  max-width: 250px !important;
  padding: 6px 10px !important;
  /* font-size: 14px !important;   */
  line-height: 1.4 !important;
  text-align: left !important;
  background-color: black !important;
  white-space: normal !important;
}

.tooltip-inner ul {
  margin: 0px !important;
  padding-left: 18px !important;
  list-style-type: disc !important;
}

.tooltip-inner li {
  margin: 2px 0 !important;
  padding: 0 !important;
  white-space: normal !important;
}

.bs-tooltip-bottom .arrow::before {
  border-bottom-width: 4px !important;
}

.campaignScreenLabels {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  top: 10px;
}

.dataInfoTest {
  display: inline;
  align-items: center;
}

.campaignScreenLabelsStyle {
  top: 15px;
}

.btn-toolbar input {
  background: #337ab7;
  color: #fff;
}

.approvalJustModal .modal-content {
  height: 580px;
}

.approvalPerModal .modal-content {
  height: 500px;
}

/* .approvalNoTimeBoundModal .modal-content{
  height: 415px;
} */
.react-form-builder-form .rfb-item .form-label:first {
  font-size: 15px !important;
}

.connectorSchImportType {
  margin-top: 0px !important;
}

.updateAgentType {
  margin-top: 20px !important;
}

.validation-error {
  position: static !important;
  width: 100%;
  top: 40px;
  left: 228px;
  margin: 2px;
  padding: 20px !important;
  z-index: 99999999;
}

.float-right.btn.btn-default.btn-sm.btn-danger {
  float: right !important;
}

.react-form-builder-form .rfb-item label .label-required {
  background: red !important;
  font-weight: bold;
  padding: 0 10px;
}

.MuiButton-containedSecondary {
  color: #fff;
  background-color: #0079d5;
}

#acTabs .catalog-container .card {
  width: 95px !important;
  height: 50px !important;
  left: -32px;
}

#acTabs .grid {
  display: block;
}

#acTabs .MuiGrid-grid-sm-1 {
  max-width: 16% !important;
  flex-basis: 16% !important;
}

#acTabs .catalog-container .card .card-image-container {
  width: 70px !important;
  height: 94px !important;
  border-radius: 5px !important;
  font-size: 10px;
  font-weight: bold;
  margin-top: 4px;
}

.ent-percentage {
  margin-bottom: 2px;
  font-size: 9px !important;
  border: 1px solid #524848;
  padding: 6px 1px 2px 2px;
  border-radius: 50%;
  height: 28px;
  width: 28px;
  background: #c6e5ff;
  font-weight: bold;
}

/* .data-view{
  position: relative;
    top: -72px;
    left: 75%;
} */
.help-ac {
  font-size: 20px;
  color: rgb(102, 102, 102);
  margin: 1px 2px -4px 11px;
  cursor: pointer;
}

.card-image-container.active {
  font-size: 11px;
  color: rgb(255, 255, 255);
  background-color: rgb(51, 122, 183);
  border: 1px solid rgb(51, 122, 183);
}

#acTabs .MuiTabs-indicator {
  display: none;
}

.MyRequestsSearchBar {
  padding: 0px 4px 23px 4px !important;
}

#acTabs .customCardCont .custom-card {
  width: 125px;
  height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0;
  box-sizing: border-box;
}

#acTabs .customCardCont .card-content {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 8px;
  justify-content: space-between;
}

#acTabs .customCardCont .card-image {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  margin-left: 8px;
}

#acTabs .customCardCont .card-label {
  flex-grow: 1;
  font-size: 14px;
  font-weight: bold;
}

#acTabs .customCardCont .card-check-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
}

.top-actions {
  position: absolute;
  top: 15px;
  right: 80px;
  /* adjust based on alignment */
  display: flex;
  gap: 8px;
  z-index: 999;
}

.feature-btn,
.feedback-btn {
  background-color: #337ab7;
  color: #fff;
  border: 1px solid #fff;
  margin: 1px 2px 1px 5px;
  padding: 2px 8px;
  border-radius: 5px;
  font-size: 11px;
  display: flex;
  align-items: center;
  margin: '4px';
  cursor: pointer;
  transition: background 0.3s;
}

.feature-btn i,
.feedback-btn i {
  margin-right: 5px;
}

.feature-btn:hover,
.feedback-btn:hover {
  background-color: #286090;
}

.disableTemBtn {
  opacity: 0.5 !important;
}

.showCreatTempSub {
  top: 50px !important
}

.disableCTBtn {
  cursor: not-allowed;
}

.tooltip-inner {
  word-break: break-word;
}

.entitlementDnDesc {
  word-break: break-all;
}

.flexRPAIcons {
  left: -30px !important;
  cursor: pointer;
}

.flexRPAEdit {
  left: 170px !important;
  /* top: 5px; */
}

.clearCacheContent {
  border: 2px solid #ccc;
  display: inline-block;
  padding: 32px;
  border-radius: 5px;
  box-shadow: 3px 3px 3px #ccc;
  min-width: 500px;
}

.clearCacheContent h2 {
  font-size: 25px;
}


.react-form-builder-preview #is-read-only,
.react-form-builder-preview label[for="is-read-only"] {
  display: none !important;
}

.flexFolderAgent {
  pointer-events: none !important;
  opacity: 0.4;
}

.flexFolderAgentName {
  cursor: not-allowed !important;
}

/* Consolidated above in .modal-header .close / .modelheader .close block */
.modelheader button.close {
  font-weight: bold;
}

a {
  text-decoration: none;
}

.col-md-4.o-form-input {
  margin-bottom: 6px;
}

.graph.chart-container,
.graph.riskChart {
  height: 440px !important;
}

.report_refresh {
  width: 5%;
  position: relative;
  left: 1170px;
  bottom: 10px;
  /* float: right;
    margin: -40px 17px; */
}

.col-md-2.o-form-label {
  width: 185px;
}

/* ===== CreateProvisioningPolicy form alignment ===== */
.create-provisioning-policy-form .provisioning-policy-top-row {
  display: flex !important;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.create-provisioning-policy-form .provisioning-policy-top-row>[class*="col-"] {
  padding-left: 15px;
  padding-right: 15px;
}

.create-provisioning-policy-form .provisioning-policy-field-row {
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: wrap;
  margin-top: 15px;
  margin-left: 0;
  margin-right: 0;
}

/* Modern overlay owns Create Provisioning Policy field rows — do not force flex here. */
.securends .se-lcm-page .create-provisioning-policy-form .provisioning-policy-fields > .provisioning-policy-field-row {
  display: grid !important;
}

.create-provisioning-policy-form .provisioning-policy-label {
  flex: 0 0 auto;
  min-width: 140px;
  margin: 0 !important;
  padding-top: 7px;
  line-height: 1.5;
}

.create-provisioning-policy-form .provisioning-policy-label p,
.create-provisioning-policy-form .provisioning-policy-label .settingsTitleName {
  /* margin: 0 !important; */
  float: none !important;
}

.create-provisioning-policy-form .provisioning-policy-control {
  flex: 1 1 auto;
  min-width: 200px;
  margin: 0 !important;
}

.create-provisioning-policy-form .provisioning-policy-label-with-icon .settingsTitleName {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px;
}

.create-provisioning-policy-form .provisioning-policy-label-with-icon .fa-info-circle {
  flex-shrink: 0;
  vertical-align: middle;
}

.create-provisioning-policy-form .provisioning-policy-notifications-input {
  max-width: 400px;
}

/* Conditions section - Attributes, Select, Attribute Value side-by-side */
.provisioning-policy-condition-row {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
}

.provisioning-policy-condition-row .provisioning-policy-condition-col {
  padding-left: 15px;
  padding-right: 15px;
}

.provisioning-policy-condition-row .form-group {
  margin-bottom: 0 !important;
}

/* MUI radio alignment in provisioning policy form */
.create-provisioning-policy-form .provisioning-policy-field-row .MuiFormControl-root {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
}

.create-provisioning-policy-form .provisioning-policy-field-row .MuiRadioGroup-root {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center;
}

.create-provisioning-policy-form .provisioning-policy-field-row .MuiFormControlLabel-root {
  margin-right: 1.5rem !important;
  align-items: center !important;
}

/* PHE-15536 */
.text-light-openCampaigns {
  padding-left: 6px;
}

.flipswitch-inner-all.at-review:before,
.flipswitch-inner-all.at-review:after {
  content: "Include All" !important;
}

.flipswitch-inner-red-all.at-review:before,
.flipswitch-inner-red-all.at-review:after {
  content: "Exclude All" !important;
}

.flipswitch-inner.at-review::before,
.flipswitch-inner.at-review::after {
  content: "Include" !important;
}

.flipswitch-inner-red.at-review::after,
.flipswitch-inner-red.at-review::before {
  content: "Exclude" !important;
}

.hidden {
  display: none !important;
}

.selectedDelegate {
  width: 52%;
}

.selectedDelegate-reports {
  width: 90%;
}

.selectedCampaign {
  width: 44%;
}

.appSchedulerData {
  padding-bottom: 10px !important;
}

.appSchedulerPwdInput {
  -webkit-text-security: disc;
}

.campaign-info-wrapper .col-span-4 {
  max-width: none !important;
  flex: unset !important;
}

.se_btn_new {
  background-color: #337ab7 !important;
  border: #337ab7 !important;
  color: #fff !important;
  line-height: 16px !important;
  padding: 6px 15px !important;
  font-weight: 500 !important;
  /* font-family: Avenir Next W02, Helvetica, Arial, sans-serif !important; */
  border-radius: 3px !important;
  border-style: solid !important;
  border-width: 1px !important;
}

.se_btn_new_testConnection {
  background-color: #337ab7 !important;
  border: #337ab7 !important;
  color: #fff !important;
  line-height: 16px !important;
  padding: 6px 12px !important;
  font-weight: 500 !important;
  /* font-family: Avenir Next W02, Helvetica, Arial, sans-serif !important; */
  border-radius: 3px !important;
  border-style: solid !important;
  border-width: 1px !important;
  font-size: 14px;
}

.campignReviewerSch {
  position: relative;
  bottom: 25px !important;
}

/* Entitlement details modal – tab view styling */
#modalEnt .tappanel {
  margin-bottom: 0;
}

#modalEnt .nav-tabs {
  border-bottom: 1px solid #ddd;
  margin-bottom: -3px;
  padding-left: 0;
  list-style: none;
  overflow: hidden;
}

#modalEnt .nav-tabs>li {
  float: left;
  margin-bottom: -1px;
}

#modalEnt .nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.42857143;
  padding: 10px 15px;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  color: #091432;
  text-decoration: none;
  background-color: #f5f5f5;
}

#modalEnt .nav-tabs>li>a:hover {
  border-color: #eee #eee #ddd;
  background-color: #eee;
}

#modalEnt .nav-tabs>li.active>a,
#modalEnt .nav-tabs>li.active>a:hover,
#modalEnt .nav-tabs>li.active>a:focus {
  color: #091432;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

#modalEnt .tab-content {
  clear: both;
}

#modalEnt .tab-content>.tab-pane {
  display: none;
}

#modalEnt .tab-content>.tab-pane.active {
  display: block;
}

/* Application Details modal (EndPoints) – tab view styling (same as #modalEnt) */
#epDetailsModal .tappanel,
.ep-details-modal .tappanel {
  margin-bottom: 0;
}

#epDetailsModal .nav-tabs,
.ep-details-modal .nav-tabs {
  border-bottom: 1px solid #ddd;
  margin-bottom: -3px;
  padding-left: 0;
  list-style: none;
  overflow: hidden;
}

#epDetailsModal .nav-tabs>li,
.ep-details-modal .nav-tabs>li {
  float: left;
  margin-bottom: -1px;
}

#epDetailsModal .nav-tabs>li>a,
.ep-details-modal .nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.42857143;
  padding: 10px 15px;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  color: #091432;
  text-decoration: none;
  background-color: #f5f5f5;
}

#epDetailsModal .nav-tabs>li>a:hover,
.ep-details-modal .nav-tabs>li>a:hover {
  border-color: #eee #eee #ddd;
  background-color: #eee;
}

#epDetailsModal .nav-tabs>li.active>a,
#epDetailsModal .nav-tabs>li.active>a:hover,
#epDetailsModal .nav-tabs>li.active>a:focus,
.ep-details-modal .nav-tabs>li.active>a,
.ep-details-modal .nav-tabs>li.active>a:hover,
.ep-details-modal .nav-tabs>li.active>a:focus {
  color: #091432;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}

#epDetailsModal .tab-content,
.ep-details-modal .tab-content {
  clear: both;
}

#epDetailsModal .tab-content>.tab-pane,
.ep-details-modal .tab-content>.tab-pane {
  display: none;
}

#epDetailsModal .tab-content>.tab-pane.active,
.ep-details-modal .tab-content>.tab-pane.active {
  display: block;
}

/* EndPoints /epDetailsModal: scroll long delete/details content; keep Yes/No footer pinned */
.modal.right.ep-details-modal .modal-dialog .modal-content {
  overflow: hidden !important;
  overflow-y: hidden !important;
}

.modal.right.ep-details-modal .modal-dialog .modal-content .modal-body {
  max-height: 690px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  flex: 1 1 auto !important;
}

.modal.right.ep-details-modal .modal-dialog .modal-content .modal-body table {
  width: 100% !important;
  table-layout: fixed;
}

.modal.right.ep-details-modal .modal-dialog .modal-content .modal-body td,
.modal.right.ep-details-modal .modal-dialog .modal-content .modal-body th {
  word-break: break-word;
}

.modal.right.ep-details-modal .modal-dialog .modal-content .modal-footer {
  flex-shrink: 0 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  -border-top: 1px solid #e5e5e5;
  padding-top: 12px !important;
}

/* PHE-15698: Page header rows – title left, action button right */
.page-header-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  width: 100% !important;
}

.page-header-row .o-form-title-bar {
  margin: 0 !important;
  flex: 1 1 auto;
}

.page-header-row .appconfig_btn {
  float: none !important;
  position: static !important;
  top: 0 !important;
  flex-shrink: 0;
}

/* Update Application Config: Back button and title – prevent overlap */
.update-app-config-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

.update-app-config-header .o-form-title-bar {
  margin: 0 !important;
}

.update-app-config-header .appconfig_btn {
  float: none !important;
  position: static !important;
  top: 0 !important;
}

/* Application Refresh Status: spacing between dropdown and Update button */
.endPointRolesContainer {
  margin-top: -12px !important;
}

/* Email Footer: Save button on the right */
.email-footer-save-row {
  display: flex !important;
  justify-content: flex-end !important;
}

.email-footer-save-row .o-form-input {
  float: none !important;
  left: 0 !important;
}

/* Banner Configuration: radio buttons and date pickers */
.contractTrialDate .react-datepicker-wrapper,
.contractTrialDate .react-datepicker__input-container {
  width: 100%;
}

.fromDaysPicker .react-datepicker-wrapper,
.fromDaysPicker .react-datepicker__input-container,
.fromDaysPickerLst .react-datepicker-wrapper,
.fromDaysPickerLst .react-datepicker__input-container {
  width: 100%;
}

.open-campaign-radio .radio-container {
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
}

.open-campaign-radio .enteredDaysVal {
  max-width: 120px;
  margin-left: 8px;
}


/* OnPrem Logs: calendar/datepicker visible in modal */
.modal .react-datepicker-popper,
.onprem-logs-datepicker-popper {
  z-index: 1060 !important;
}

.modal .date-picker.react-datepicker-wrapper,
.modal .react-datepicker-wrapper {
  display: block;
  width: 100%;
}

/* Update Customer form: column alignment */
.custUpdateBtn {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Update Customer: align Product Type / Modules with form columns above (Email, Address) */
.sa-ptype-content .multi-select-container {
  display: flex;
  flex-wrap: wrap;
  margin: 10px 0;
  width: 100%;
  box-sizing: border-box;
}

.sa-ptype-content .multi-select-container .label_dropdown_bind {
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  padding: 0 15px 0 0;
}

.sa-ptype-content .multi-select-container .label_dropdown_bind:first-child {
  padding-left: 0;
  padding-right: 15px;
}

.sa-ptype-content .multi-select-container .label_dropdown_bind:last-child {
  padding-left: 15px;
  padding-right: 0;
  margin-right: 0;
}

.sa-ptype-content .multi-select-container .label_dropdown_bind:last-child .dropdown-label,
.sa-ptype-content .multi-select-container .label_dropdown_bind:last-child .dropdown-header {
  margin-right: 15px;
}

.sa-btn-header-right {
  position: absolute;
  right: 30px;
  top: 65px;
}

/* Banner Configuration (TrialPeriodInfo) – aligned radio buttons and date pickers */
#ApplicationConfigtbl .banner-schedule-options {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

#ApplicationConfigtbl .banner-schedule-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  min-height: 34px;
}

#ApplicationConfigtbl .banner-schedule-row .radio-container {
  display: inline-flex;
  align-items: center;
  margin: 0;
  margin-right: 12px;
  padding-left: 0;
}

#ApplicationConfigtbl .banner-schedule-row .banner-schedule-label {
  margin-left: 8px;
  white-space: nowrap;
}

/* Keep days input in flow and visible (override global .enteredDaysVal position: absolute) */
#ApplicationConfigtbl .banner-schedule-row .enteredDaysVal {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: 80px;
  max-width: 80px;
  margin: 0 0 0 4px;
  display: inline-block;
}

#ApplicationConfigtbl .banner-schedule-row-dates .fromDaysPicker {
  position: static;
  width: 140px;
  min-width: 140px;
  right: auto;
  bottom: auto;
  top: auto;
}

#ApplicationConfigtbl .banner-schedule-row-dates .fromDaysText {
  position: static;
  margin: 0 8px;
  bottom: auto;
  right: auto;
}

#ApplicationConfigtbl .banner-schedule-row .error {
  margin-left: 8px;
}

#ApplicationConfigtbl .contractTrialDate .react-datepicker-wrapper,
#ApplicationConfigtbl .contractTrialDate .react-datepicker__input-container {
  width: 100%;
}

.banner-schedule-row .radio-checkmark {

  margin-top: -8px !important;
}

.reviewAllElectionsScr {
  width: 1560px !important;
}

.reviewAllElectionsScr.dynamic-entitlement-columns-enabled {
  width: auto !important;
  min-width: 100% !important;
}

/* Keep Review All footer actions outside table scroll area. */
.reviewAllElectionsScr .review-all-footer-actions {
  float: none !important;
  clear: both;
  margin: 12px 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 3px;
}

.reviewAllElectionsScr .review-all-footer-actions>.AddAppBtn {
  margin-right: 0 !important;
}

/* Use page/body scroll only when dynamic entitlement columns are disabled. */
.reviewAllElectionsScr:not(.dynamic-entitlement-columns-enabled) .dt-fix {
  min-height: 0;
}

.reviewAllElectionsScr:not(.dynamic-entitlement-columns-enabled) .viewAll-scroll {
  max-height: none !important;
  overflow: visible !important;
}

.small-multiselect .multiselect-container.dropdown-menu {
  min-width: 0px !important;
  /* your required width */
}

.direct-multiselect .multiselect-container.dropdown-menu {
  min-width: 0px !important;
}

/* Access Review Campaign list: gear dropdown opens downward by default */
.listofCampTable .drop-maindiv .dropdown.badge.configActionDropdown .dropdown-menu.campaignPopUp,
.listofCampTable .drop-maindiv .dropdown.badge.configActionDropdown .dropdown-menu.campaignPopUpCO {
  top: 100% !important;
  bottom: auto !important;
  margin-top: 0.125rem !important;
  margin-bottom: 0 !important;
}

/* Access Review Campaign list: we no longer flip the last 4 rows upward.
   Always open the gear dropdown downward to avoid overlapping the table header/filters,
   matching EndPoints behavior. */
/* .listofCampTable .rt-tr-group:nth-last-child(1) .drop-maindiv .dropdown.badge.configActionDropdown .dropdown-menu.campaignPopUp,
   .listofCampTable .rt-tr-group:nth-last-child(2) .drop-maindiv .dropdown.badge.configActionDropdown .dropdown-menu.campaignPopUp,
   .listofCampTable .rt-tr-group:nth-last-child(3) .drop-maindiv .dropdown.badge.configActionDropdown .dropdown-menu.campaignPopUp,
   .listofCampTable .rt-tr-group:nth-last-child(4) .drop-maindiv .dropdown.badge.configActionDropdown .dropdown-menu.campaignPopUp,
   .listofCampTable .rt-tr-group:nth-last-child(1) .drop-maindiv .dropdown.badge.configActionDropdown .dropdown-menu.campaignPopUpCO,
   .listofCampTable .rt-tr-group:nth-last-child(2) .drop-maindiv .dropdown.badge.configActionDropdown .dropdown-menu.campaignPopUpCO,
   .listofCampTable .rt-tr-group:nth-last-child(3) .drop-maindiv .dropdown.badge.configActionDropdown .dropdown-menu.campaignPopUpCO,
   .listofCampTable .rt-tr-group:nth-last-child(4) .drop-maindiv .dropdown.badge.configActionDropdown .dropdown-menu.campaignPopUpCO {
  top: auto !important;
  bottom: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 0.25rem !important;
} */

/* ===== Global modal header alignment (high specificity so it wins everywhere) ===== */
.modal .modal-dialog .modal-content {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}

.modal .modal-dialog .modal-content .modal-header,
.modal .modal-dialog .modal-content .modelheader {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-shrink: 0 !important;
  min-height: 52px !important;
  padding: 1rem 1rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.modal .modal-dialog .modal-content .modal-header .modal-title,
.modal .modal-dialog .modal-content .modelheader .modal-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  text-align: left !important;
}

.modal .modal-dialog .modal-content .modal-header .close,
.modal .modal-dialog .modal-content .modal-header button.close,
.modal .modal-dialog .modal-content .modelheader .close,
.modal .modal-dialog .modal-content .modelheader button.close {
  flex-shrink: 0 !important;
}

.modal .modal-dialog .modal-content .modal-body {
  flex: initial;
  min-height: 0 !important;
  -overflow-y: auto !important;
  padding: 1rem 1.25rem !important;
}

/* Right/sidebar modals: no grey strip — dialog flush to top */
.modal.right .modal-dialog {
  top: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
}

/* Sidebar modals: consistent body alignment (labels, input, button share same left edge) */
.sidebar-modal .modal-body .react-table .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.sidebar-modal .modal-body .react-table .autoComplete {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.sidebar-modal .modal-body .react-table .autoComplete input.form-control,
.sidebar-modal .modal-body .react-table .autoComplete .form-control.custodian_input {
  margin-left: 0 !important;
}

.sidebar-modal .modal-body .react-table .nav-button {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

span.all-req-map {
  margin-top: -10px;
}

.deligate_cmp {
  position: absolute;
  right: 75px;
  margin: -15px 31px 0px 0px;
}

.loginTypeDetails {
  width: 450px !important;
}

.col-md-6 form .form-group .newform_lab {
  margin: 12px 5px 5px 3px;
}

.MuiOutlinedInput-multiline {
  padding: 2px !important;
}

/* License page: 12-col grid – label 3 cols, input 3 cols per field; 2 form fields per row */
.license-page-content {
  width: 100%;
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}

.license-summary-grid {
  margin-top: 12px;
  margin-bottom: 12px;
}

.license-summary-grid .license-summary-field-wrap {
  margin-bottom: 8px;
}

.license-summary-label-col,
.license-summary-input-col {
  display: flex;
  align-items: center;
}

.license-summary-label-col {
  padding-right: 8px;
  justify-content: flex-start;
}

.license-summary-label {
  font-size: 14px;
  -font-weight: 600;
  color: #333;
  margin: 0;
  line-height: 1.3;
}

.license-summary-input-col .license-summary-input,
.license-summary-input-col .form-control.license-summary-input {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.license-table-wrapper {
  margin-top: 8px;
}

.endpointConfigCard .col-md-6 form {
  margin: 5px;
  margin-top: 0px;
}

.noMb {
  margin-bottom: 0px !important;
}

.ml-1 {
  margin-left: 5px !important;
}

.ml-2 {
  margin-left: 10px !important;
}

.ml-3 {
  margin-left: 15px !important;
}

.ml-4 {
  margin-left: 20px !important;
}

.ml-5 {
  margin-left: 25px !important;
}

.appSettingsAgent {
  width: 120% !important;
}

.alert-bs-close-btn {
  float: right;
  width: 20px;
  font-size: 20px;
  color: #000;
  font-weight: bold;
}

.ticketSDData {
  width: 554px !important;
}

.noMinHeightModal .modal-dialog .modal-content .modal-body {
  min-height: auto !important;
}

.uar-appl-list-SOR {
  gap: 61px;
  justify-content: flex-start;
  align-items: stretch;
}

.apps-conn-wrapper-updateFlex .uar-appl-list {
  display: block !important;
}

.awsColumns>.col-md-6:empty {
  display: none;
}

.flexFolderFileLocation>.col-md-6:empty {
  display: none;
}

.fRight {
  float: right;
}

.fLeft {
  float: left;
}

.flexFolderAlig {
  padding: 0px !important;
}

.filterData .multiselect-container.dropdown-menu {
  min-width: 350px !important;
}

textarea.form-control {
  height: auto;
  resize: vertical;
}

.listOfCampaignSchedulerAction {
  position: fixed !important;
  margin-top: 0px !important;
}

.delAuditTrailTable {
  transform: none !important;
}

.drop-maindiv ul.dropdown-menu.campaignPopUp li a,
.listofCampTable .drop-maindiv .dropdown.badge.configActionDropdown .dropdown-menu.campaignPopUp li a {
  display: flex !important;
  align-items: center !important;
  padding-left: 1px !important;
}

.drop-maindiv ul.dropdown-menu.campaignPopUp li a i,
.listofCampTable .drop-maindiv .dropdown.badge.configActionDropdown .dropdown-menu.campaignPopUp li a i {
  margin-right: 4px !important;
  text-align: center !important;
}

.delgateCnclBtn {
  margin-bottom: 3px;
  border: 1px solid transparent;
  padding: 4px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
}

.userReportSchRun {
  float: right;
}

.userReportSchRunSFTP {
  float: right;
  position: relative;
  left: 30px
}

.flex-rpa-recipe-modal .modal-body {
  overflow-x: hidden;
}

.products-menu-modal .modal-content {
  min-width: 240px !important;
}

.pageHeaderHeight {
  height: 55px !important;
}

.newform_lab1 {
  font-size: 13px !important;
}

.isADDisabled {
  cursor: not-allowed !important;
}

.manage-access-entitlement-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  clear: both;
}

.manage-access-application-header {
  width: 100%;
  clear: both;
  margin-bottom: 4px;
}

.manage-access-entitlement-section {
  width: 100%;
  clear: both;
  display: flex;
  flex-direction: column;
}

.credential-tab-cnt {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  flex-shrink: 0;
}

.credential-tab-cnt .MuiTabs-scroller {
  overflow: auto !important;
}

.credential-tab-cnt .MuiTabs-flexContainer {
  gap: 0;
}

.credential-tab-cnt .MuiTab-root {
  min-width: auto;
  max-width: none;
  min-height: 52px;
  height: auto;
  padding: 10px 16px;
  text-transform: none;
  flex: 0 0 auto;
  opacity: 1;
  overflow: visible;
  border-right: 1px solid #e8e8e8;
  cursor: pointer;
}

.credential-tab-cnt .MuiTab-root:last-of-type {
  border-right: none;
}

.credential-tab-cnt .MuiTab-wrapper {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: auto;
  max-width: none;
}

.credential-tab-cnt .MuiTabs-scrollButtons {
  width: 36px;
  flex-shrink: 0;
}

.credential-tab-cnt .MuiTabs-scrollButtons .MuiSvgIcon-root {
  font-size: 1.5rem;
  color: #337ab7;
}

.credential-tab-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  line-height: 1.2;
}

.credential-tab-icon {
  color: #337ab7 !important;
  font-size: 22px !important;
  width: 22px !important;
  height: 22px !important;
  flex-shrink: 0;
  display: block;
}

.credential-tab-cnt .MuiTab-root.Mui-selected .credential-tab-icon {
  color: #337ab7 !important;
}

.credential-tab-name-content {
  flex: 0 1 auto;
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  letter-spacing: 0.01em;
}

.credential-tab-cnt .MuiTab-root.Mui-selected .credential-tab-name-content {
  color: #337ab7;
  font-weight: 600;
}

.credential-tab-close-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-left: 4px;
  padding: 0;
  border-radius: 50%;
  cursor: pointer;
  flex-shrink: 0;
  color: #888;
  background: transparent;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.credential-tab-close-btn:hover,
.credential-tab-close-btn:focus {
  background: rgba(0, 0, 0, 0.08);
  color: #333;
  outline: none;
}

.credential-tab-close-icon {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
  display: block;
}

.credential-tab-cnt+.manage-access-entitlement-section .manage-access-entitlement-toolbar {
  margin-top: 14px;
  padding-bottom: 5px;
}

.manage-access-entitlement-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  margin-top: 8px;
  margin-bottom: 10px;
  width: 100%;
  clear: both;
  flex-shrink: 0;
}

.manage-access-entitlement-search-group {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 0;
  margin-left: 15px;
}

.manage-access-entitlement-search-filter {
  min-width: 118px;
  flex: 0 0 118px;
  font-size: 13px;
}

.manage-access-entitlement-search-filter .MuiOutlinedInput-root {
  background: #fff;
}

.manage-access-entitlement-search-filter .MuiSelect-select {
  padding: 8px 32px 8px 12px;
  font-size: 13px;
}

.manage-access-entitlement-search-group .manage-access-entitlement-search {
  width: auto;
  flex: 1 1 auto;
  min-width: 180px;
  max-width: 320px;
  margin-left: 0;
}

.access-template-entitlement-toolbar {
  width: 100%;
  clear: both;
  margin-top: 4px;
}

.access-template-entitlement-search-group {
  margin-left: 0 !important;
  max-width: 420px;
}

.access-template-entitlement-search-group .search-bar {
  flex: 1 1 auto;
  min-width: 160px;
}

.access-template-entitlement-toolbar-actions {
  margin-left: auto;
}

.access-template-entitlement-toolbar .entitlement-view-toggle-btn {
  padding: 3px !important;
}

.access-template-entitlement-toolbar .entitlement-view-toggle-btn .entitlement-view-toggle-icon {
  font-size: 18px !important;
}

.access-template-entitlement-toolbar .manage-access-entitlement-sort-btn {
  padding: 2px 8px !important;
  border-radius: 14px !important;
}

.access-template-entitlement-toolbar .manage-access-entitlement-sort-btn .access-template-sort-label {
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.access-template-entitlement-toolbar .manage-access-entitlement-sort-btn .access-template-sort-arrow {
  font-size: 12px !important;
  margin-left: 2px;
}

.access-template-entitlements-list {
  clear: both;
  margin-top: 12px;
}

.manage-access-entitlement-toolbar-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  flex-shrink: 0;
}

.manage-access-entitlement-search {
  width: 280px;
  margin-left: 15px;
  font-size: 13px;
  flex-shrink: 0;
}

.manage-access-entitlement-search:not(.icon-rtl) .MuiOutlinedInput-input {
  padding-right: 14px;
}

.manage-access-entitlement-sort-btn {
  color: #337ab7 !important;
  border: 1px solid #d7e7f7 !important;
  border-radius: 14px !important;
  padding: 2px 8px !important;
}

.manage-access-entitlement-sort-btn .access-template-sort-label,
.manage-access-entitlement-sort-btn .manage-access-sort-label {
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.manage-access-entitlement-sort-btn .access-template-sort-arrow,
.manage-access-entitlement-sort-btn .manage-access-sort-arrow {
  font-size: 12px !important;
  margin-left: 2px;
}

.manage-access-entitlement-list-content {
  width: 100%;
  clear: both;
  margin-top: 8px;
}

.entitlement-view-toggle {
  display: inline-flex;
  align-items: center;
  border: 1px solid #d7e7f7;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
}

.entitlement-view-toggle-btn {
  border-radius: 0 !important;
  padding: 3px !important;
  color: #337ab7 !important;
}

.entitlement-view-toggle-btn.active {
  background: #e8e8e8 !important;
}

.entitlement-view-toggle-btn .entitlement-view-toggle-icon {
  font-size: 18px;
}

.manage-access-entitlement-list-content .entitlement-list-view-container,
.manage-access-entitlement-list-content .manage-entitlements-list-view,
.manage-access-entitlement-list-content .manage-entitlements-list-scroll,
.manage-access-entitlement-list-content .manage-access-entitlements-table-wrap,
.manage-access-entitlement-list-content .manage-access-entitlements-native-table {
  width: 100% !important;
  max-width: 100%;
}

.manage-access-entitlements-table-wrap {
  width: 100%;
}

.manage-entitlements-list-scroll {
  max-height: 520px;
  overflow: auto;
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
}

.manage-access-entitlements-native-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 13px;
}

.manage-access-entitlements-native-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 12px 14px;
  font-weight: 600;
  color: #1e3a5f;
  background: #f3f4f6;
  border-bottom: 1px solid #e5e7eb;
  text-align: left;
  vertical-align: middle;
  box-shadow: 0 1px 0 #e5e7eb;
}

.manage-access-entitlements-native-table tbody td {
  padding: 12px 14px;
  border-bottom: 1px solid #e5e7eb;
  background: #fff;
  color: #374151;
  vertical-align: middle;
  word-break: break-word;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.manage-access-entitlements-native-table tbody tr:last-child td {
  border-bottom: none;
}

.manage-access-entitlements-col-selection {
  width: 72px;
  text-align: center;
}

.manage-access-entitlements-selection-cell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 24px;
}

.manage-access-entitlements-justification-icons {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  cursor: pointer;
}

.manage-access-entitlements-justification-icon {
  font-size: 15px;
  cursor: pointer;
}

.manage-access-entitlements-justification-icons .justfication-highlight {
  font-size: 16px;
}

.manage-access-entitlements-col-entitlement {
  width: 28%;
}

.manage-access-entitlements-col-description {
  width: 34%;
  white-space: nowrap;
}

.manage-access-entitlements-native-table .manage-access-entitlements-col-description {
  vertical-align: top;
}

.manage-access-entitlements-col-type {
  width: 14%;
}

.manage-access-entitlements-col-owner {
  width: 14%;
}

.manage-access-entitlements-sort-header {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  font: inherit;
  font-weight: 600;
  color: #1e3a5f;
  cursor: pointer;
}

.manage-access-entitlements-sort-header:hover,
.manage-access-entitlements-sort-header:focus {
  color: #337ab7;
  outline: none;
}

.manage-access-entitlements-sort-header.active {
  color: #337ab7;
}

.manage-access-entitlements-sort-icon {
  font-size: 14px !important;
}

.manage-access-entitlements-native-table .entitlement-list-row.active td {
  background: #f8fafc;
}

.manage-access-entitlements-native-table .entitlement-list-row.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.manage-access-entitlements-native-table .entitlement-list-row {
  cursor: pointer;
}

.manage-access-entitlements-expanded-row td {
  padding: 0 !important;
  background: #f9fafb !important;
  border-bottom: 1px solid #e5e7eb !important;
}

.manage-access-entitlement-name-cell {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.manage-access-entitlements-native-table .access-analysis-row-expand-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  flex-shrink: 0;
  border-radius: 4px;
}

.manage-access-entitlements-native-table .access-analysis-row-expand-btn:hover,
.manage-access-entitlements-native-table .access-analysis-row-expand-btn:focus {
  color: #337ab7;
  background: rgba(51, 122, 183, 0.08);
  outline: none;
}

.manage-access-entitlement-expanded-details {
  padding: 14px 16px 14px 52px;
  background: #f9fafb;
}

.manage-access-entitlement-details-grid {
  width: 100%;
  margin-bottom: 0;
}

.manage-access-entitlement-details-grid .details_1 {
  width: 180px;
  font-weight: 600;
  color: #374151;
  vertical-align: top;
  padding: 6px 12px 6px 0;
}

.manage-access-entitlement-details-grid td {
  color: #4b5563;
  padding: 6px 0;
}

.manage-access-entitlement-expanded-loading {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #6b7280;
  font-size: 13px;
}

.manage-access-entitlement-expanded-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

.manage-access-entitlement-justification-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: none;
  background: transparent;
  color: #337ab7;
  cursor: pointer;
  font-size: 13px;
  padding: 0;
}

.manage-access-entitlement-justification-btn:hover,
.manage-access-entitlement-justification-btn:focus {
  color: #286090;
  outline: none;
}

.manage-entitlements-list-view {
  width: 100%;
  margin-top: 8px;
}

.entitlement-list-indicator {
  font-size: 20px !important;
}

.entitlement-list-indicator-common {
  color: #337ab7 !important;
}

.entitlement-list-indicator-added {
  color: #2e7d32 !important;
}

.entitlement-list-indicator-removed {
  color: #d32f2f !important;
}

.entitlement-list-indicator-placeholder {
  display: inline-block;
  width: 20px;
}

.entitlement-list-description {
  display: block;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}

.entitlement-list-name {
  display: block;
  white-space: break-spaces;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.entitlement-list-actions {
  display: none;
}

.entitlement-list-info-icon {
  display: none;
}

.manage-entitlements-list-loading,
.manage-entitlements-list-empty {
  padding: 12px;
  text-align: center;
  color: #666;
  font-size: 13px;
}

/* AI-Agent Mindmap card tree */
.ai-agent-mindmap-card {
  display: flex;
  align-items: center;
  width: 300px;
  min-height: 56px;
  padding: 8px 12px;
  background: #fff;
  border: 2px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  font-family: Arial, sans-serif;
}

.ai-agent-mindmap-card__icon {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.ai-agent-mindmap-card__icon svg {
  display: block;
}

.ai-agent-mindmap-card__body {
  overflow: hidden;
  flex: 1;
}

.ai-agent-mindmap-card__title {
  font-size: 13px;
  font-weight: 600;
  color: #333;
  line-height: 1.3;
  word-break: break-word;
}

.ai-agent-mindmap-card__subtitle {
  font-size: 11px;
  color: #70768e;
  margin-top: 2px;
  word-break: break-word;
}

.ai-agent-mindmap-empty {
  clear: both;
  padding: 24px 16px;
  color: #70768e;
  font-size: 14px;
}

.ai-agent-mindmap-tree .rd3t-label {
  stroke: transparent !important;
  fill: transparent !important;
}

.viewAllDirectElectionsTblData .pagination-bottom {
  position: sticky;
  bottom: 0;
  background: #fff;
  z-index: 10;
  border-bottom: 1px solid #ddd;
}

.viewAllDirectElectionsTblData .rt-thead.-header {
  border-top: 1px solid #ddd;
}

/* Shared reusable Mindmap (Compact + Mini-map) */
.mindmap-compact-canvas {
  clear: both;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}

.mindmap-compact-canvas--fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10050;
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  margin: 0;
  padding: 10px;
  background: #fff;
  box-sizing: border-box;
}

body.mindmap-fullscreen-open {
  overflow: hidden;
}

.mindmap-legend {
  display: none;
}

.mindmap-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 6px 10px;
  margin: 0 0 6px;
  background: #f7f8fa;
  border: 1px solid #e3e6ee;
  border-radius: 8px;
  overflow: visible;
  flex: 0 0 auto;
}

.mindmap-toolbar__leading {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  min-width: 0;
  margin-right: 12px;
  overflow: visible;
}

.mindmap-toolbar__user-search {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 8px;
}

.mindmap-toolbar__user-label {
  margin: 0 !important;
  padding: 0;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  color: #445;
  line-height: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  align-self: flex-start;
}

.mindmap-toolbar__user-input {
  width: auto;
  min-width: 0;
  max-width: none;
  flex: 0 0 auto;
  overflow: visible;
  position: relative;
}

.mindmap-toolbar__user-input .form-group,
.mindmap-toolbar__user-input #search-request-bar {
  margin: 0 !important;
  padding: 0;
  overflow: visible;
  position: relative;
}

.mindmap-toolbar__user-input .input-group {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  margin: 0;
  gap: 2px;
  position: relative;
  z-index: 2;
}

.mindmap-toolbar__user-input .input-group-append {
  margin-top: 0 !important;
  margin-left: 0 !important;
  display: inline-flex;
  align-items: center;
  position: static;
  flex: 0 0 auto;
}

.mindmap-toolbar__user-input .form-control,
.mindmap-toolbar__user-input input {
  height: 32px;
  font-size: 13px;
  width: 250px !important;
  min-width: 250px;
  max-width: 250px;
  flex: 0 0 250px;
}

.mindmap-toolbar__user-input .btn_clear,
.mindmap-toolbar__user-input .delegateClear,
.ai-agent-mindmap-search-row .btn_clear,
.ai-agent-mindmap-search-row .delegateClear {
  margin: 0 !important;
  height: 32px !important;
  min-width: 64px;
  line-height: 30px !important;
  padding: 0 14px !important;
  position: static !important;
  float: none !important;
  flex: 0 0 auto;
  white-space: nowrap;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: #fff !important;
  background-color: #fff !important;
  border: 1px solid #cfd5e3 !important;
  border-color: #cfd5e3 !important;
  border-radius: 6px !important;
  border-style: solid !important;
  border-width: 1px !important;
  color: #445 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  cursor: pointer;
}

.mindmap-toolbar__user-input .btn_clear:hover,
.mindmap-toolbar__user-input .delegateClear:hover,
.ai-agent-mindmap-search-row .btn_clear:hover,
.ai-agent-mindmap-search-row .delegateClear:hover {
  background: #f0f3f8 !important;
  background-color: #f0f3f8 !important;
  border-color: #9aa3b8 !important;
  color: #334 !important;
}

.mindmap-toolbar__user-input .btn_clear:focus,
.mindmap-toolbar__user-input .delegateClear:focus,
.ai-agent-mindmap-search-row .btn_clear:focus,
.ai-agent-mindmap-search-row .delegateClear:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(59, 109, 232, 0.2) !important;
}

/* Keep autocomplete list out of flow so Username/Email label stays aligned */
.mindmap-toolbar__user-input .search-dropdown,
.mindmap-toolbar__user-input .search-dropdown.search-active,
.ai-agent-mindmap-search-row .search-dropdown,
.ai-agent-mindmap-search-row .search-dropdown.search-active {
  position: absolute;
  top: 36px;
  left: 0;
  z-index: 20;
  min-width: 280px;
  width: auto;
  max-width: 420px;
  margin: 0;
  background: #fff;
  border: 1px solid #d0d5e0;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  max-height: 220px;
  overflow-y: auto;
}

.mindmap-toolbar__legend {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 0 4px;
  padding: 0;
  list-style: none;
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
  height: 32px;
}

.mindmap-toolbar__legend li {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  color: #556;
  white-space: nowrap;
}

.mindmap-toolbar__legend li span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: inline-block;
}

.mindmap-toolbar__zoom {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
  height: 32px;
}

.mindmap-toolbar__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 32px;
  height: 32px;
  padding: 0 8px;
  border: 1px solid #cfd5e3;
  border-radius: 6px;
  background: #fff;
  color: #445;
  cursor: pointer;
  font-size: 12px;
  line-height: 1;
}

.mindmap-toolbar__btn:hover:not(:disabled) {
  border-color: #9aa3b8;
  background: #f0f3f8;
}

.mindmap-toolbar__btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.mindmap-toolbar__btn-label {
  font-size: 12px;
  font-weight: 600;
}

.mindmap-toolbar__search {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: auto;
  flex: 0 1 250px;
  width: 250px;
  min-width: 150px;
  max-width: 250px;
  height: 32px;
}

.mindmap-toolbar__search-icon {
  position: absolute;
  left: 8px;
  color: #8a93a8;
  pointer-events: none;
}

.mindmap-toolbar__search-input {
  height: 32px;
  width: 100%;
  padding-left: 32px !important;
  padding-right: 28px !important;
  font-size: 13px;
}

.mindmap-toolbar__search-clear {
  position: absolute;
  right: 6px;
  border: none;
  background: transparent;
  color: #708;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  padding: 0 4px;
}

.mindmap-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 12px;
  margin: 0;
  background: #fff;
  border: 1px solid #e6e9f0;
  border-radius: 8px;
  flex: 0 0 auto;
}

.mindmap-compact-canvas__stage {
  position: relative;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  border: 1px solid #e6e9f0;
  border-radius: 8px;
  margin: 0 0 6px;
  background: #fcfcfd;
  overflow: hidden;
}

.mindmap-compact-canvas__tree {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.mindmap-compact-canvas__tree>div,
.mindmap-compact-canvas__tree svg {
  width: 100% !important;
  height: 100% !important;
}

.mindmap-compact-canvas--fullscreen .mindmap-compact-canvas__stage {
  margin-bottom: 6px;
}

.ai-agent-mindmap-page>.row,
.identity-mindmap-page>.row {
  margin-left: 0;
  margin-right: 0;
}

.ai-agent-mindmap-page .o-form-title-bar.delegateinfoData,
.identity-mindmap-page .o-form-title-bar.delegateinfoData {
  margin-bottom: 0;
  line-height: 36px;
  height: 40px;
  flex: 0 0 auto;
}

.ai-agent-mindmap-title-bar {
  display: flex;
  align-items: center;
  gap: 12px;
}

.ai-agent-mindmap-view-select {
  height: 28px;
  min-width: 140px;
  margin: 0;
  padding: 0 8px;
  font-size: 13px;
  font-weight: 600;
  color: #323130;
  border: 1px solid #cfd5e3;
  border-radius: 6px;
  background: #fff;
  line-height: 26px;
}

.ai-agent-mindmap-app-form {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: 8px 10px;
  width: 100%;
  overflow-x: auto;
}

.ai-agent-mindmap-app-form>*:not(.ai-agent-mindmap-app-error) {
  flex-shrink: 0;
}

.ai-agent-mindmap-app-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  width: 150px;
}

.ai-agent-mindmap-app-field--app {
  width: 180px;
  min-width: 150px;
}

.ai-agent-mindmap-app-field--date {
  width: 124px;
  min-width: 110px;
}

.ai-agent-mindmap-app-field--small {
  min-width: 70px;
  width: 70px;
}

.ai-agent-mindmap-app-field label {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  color: #445;
}

.ai-agent-mindmap-app-field .form-control,
.ai-agent-mindmap-app-field .react-datepicker-wrapper,
.ai-agent-mindmap-app-field .react-datepicker__input-container,
.ai-agent-mindmap-app-field .react-datepicker__input-container input {
  width: 100%;
}

.ai-agent-mindmap-app-field .form-control,
.ai-agent-mindmap-app-field input {
  height: 32px;
  font-size: 13px;
}

.ai-agent-mindmap-app-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 1px;
}

.ai-agent-mindmap-app-error {
  flex: 0 0 100%;
  width: 100%;
  color: #c0392b;
  font-size: 12px;
  font-weight: 600;
}

.ai-agent-observability {
  width: auto;
  min-width: auto;
  flex-direction: column;
  justify-content: flex-end;
  gap: 6px;
}

.ai-agent-observability__label {
  font-size: 12px;
  font-weight: 600;
  color: #445;
  white-space: nowrap;
  line-height: 1;
}

.ai-agent-observability-switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
  margin: 0 !important;
}

.ai-agent-observability-switch input {
  opacity: 0;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  position: absolute;
}

.ai-agent-observability-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #cfd5e3;
  border-radius: 24px;
  transition: background 0.2s ease;
}

.ai-agent-observability-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease;
}

.ai-agent-observability-switch input:checked+.ai-agent-observability-slider {
  background: #337ab7;
}

.ai-agent-observability-switch input:checked+.ai-agent-observability-slider:before {
  transform: translateX(20px);
}

.ai-agent-mindmap-app-form .ai-agent-mindmap-app-btn.btn_clear,
.ai-agent-mindmap-search-row .ai-agent-mindmap-app-btn.btn_clear {
  margin: 0 !important;
  height: 32px !important;
  min-width: 72px;
  width: 72px;
  line-height: 30px !important;
  padding: 0 10px !important;
  box-sizing: border-box;
  position: static !important;
  float: none !important;
}

.ai-agent-mindmap-page .ai-agent-mindmap-search-row .ai-agent-mindmap-app-form {
  overflow-x: auto;
}

.ai-agent-mindmap-page .ai-agent-mindmap-desc,
.identity-mindmap-page .ai-agent-mindmap-desc {
  margin: 4px 13px 4px;
  padding: 0 4px;
  flex: 0 0 auto;
}

.ai-agent-mindmap-page .ai-agent-mindmap-desc p,
.identity-mindmap-page .ai-agent-mindmap-desc p {
  margin: 0;
  line-height: 1.35;
}

.ai-agent-mindmap-page .ai-agent-mindmap-search-row,
.identity-mindmap-page .ai-agent-mindmap-search-row {
  margin: 0 0 6px;
  padding: 6px 10px;
  background: #f7f8fa;
  border: 1px solid #e3e6ee;
  border-radius: 8px;
  flex: 0 0 auto;
  overflow: visible;
  position: relative;
  z-index: 5;
}

.ai-agent-mindmap-page .ai-agent-mindmap-search-row .mindmap-toolbar__user-search,
.identity-mindmap-page .ai-agent-mindmap-search-row .mindmap-toolbar__user-search {
  align-items: flex-start;
}

.ai-agent-mindmap-page .ai-agent-mindmap-search-row .mindmap-toolbar__user-input,
.identity-mindmap-page .ai-agent-mindmap-search-row .mindmap-toolbar__user-input {
  width: auto;
  min-width: 0;
  max-width: none;
}

.ai-agent-mindmap-page .ai-agent-mindmap-spots,
.identity-mindmap-page .ai-agent-mindmap-spots {
  margin-top: 0;
  clear: both;
  float: none !important;
  width: 100%;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.ai-agent-mindmap-page .ai-agent-mindmap-tree,
.identity-mindmap-page .ai-agent-mindmap-tree {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}

.ai-agent-mindmap-page .ai-agent-mindmap-tree .mindmap-compact-canvas,
.identity-mindmap-page .ai-agent-mindmap-tree .mindmap-compact-canvas {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
}

/* Fill viewport; pagination sits at absolute bottom of content area */
.main-content:has(.ai-agent-mindmap-page--active),
.main-content:has(.identity-mindmap-page--active) {
  height: calc(100vh - 50px);
  max-height: calc(100vh - 50px);
  overflow: hidden;
  box-sizing: border-box;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.ai-agent-mindmap-page--active,
.identity-mindmap-page--active {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding-bottom: 0;
  margin-bottom: 0;
}

.ai-agent-mindmap-page--active>.row,
.identity-mindmap-page--active>.row {
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.ai-agent-mindmap-page--active .mindmap-compact-canvas__stage,
.identity-mindmap-page--active .mindmap-compact-canvas__stage {
  flex: 1 1 auto;
  min-height: 480px;
}

.ai-agent-mindmap-page .loaderTitle,
.identity-mindmap-page .loaderTitle {
  margin: 12px 0;
}

.mindmap-compact-canvas--compact .ai-agent-mindmap-card {
  width: 300px;
  min-height: 52px;
  padding: 8px 10px;
}

.mindmap-compact-canvas--compact .ai-agent-mindmap-card__icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
}

.mindmap-compact-canvas--compact .ai-agent-mindmap-card__title {
  font-size: 12px;
}

.mindmap-compact-canvas--compact .ai-agent-mindmap-card__subtitle {
  font-size: 10px;
}

.ai-agent-mindmap-page .alert {
  flex: 0 0 auto;
  margin: 4px 13px 6px;
}

.ai-agent-mindmap-page .mindmap-toolbar__user-input:has(.selectUsertype),
.ai-agent-mindmap-page .mindmap-toolbar__user-input:has(.autoComplete),
.ai-agent-mindmap-page .mindmap-toolbar__user-input.autoComplete {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
}

.ai-agent-mindmap-page .mindmap-toolbar__user-input .selectUsertype {
  width: 250px !important;
  min-width: 250px !important;
}

.ai-agent-mindmap-page .mindmap-toolbar__user-input .mindmap-select__control {
  min-height: 32px !important;
  height: 32px !important;
}

.ai-agent-mindmap-page .mindmap-toolbar__user-input .mindmap-select__value-container {
  height: 30px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.ai-agent-mindmap-page .mindmap-toolbar__user-input .mindmap-select__indicators {
  height: 32px;
}

.ai-agent-mindmap-page .mindmap-toolbar__user-input .mindmap-select__menu {
  z-index: 30;
}

.ai-agent-mindmap-page .mindmap-toolbar__user-search .ai-agent-mindmap-view-select {
  height: 32px;
  min-width: 160px;
  align-self: center;
}

.ai-agent-mindmap-page .mindmap-toolbar__user-input .error {
  position: absolute;
  left: 0;
  top: 34px;
  width: auto;
  font-size: 12px;
  color: #c0392b;
  white-space: nowrap;
}

.access-template-mindmap-page .mindmap-toolbar,
.access-template-mindmap-page .mindmap-toolbar__user-search,
.access-template-mindmap-page .ai-agent-mindmap-search-row .mindmap-toolbar__user-search {
  flex-wrap: nowrap;
  align-items: center;
}

.access-template-mindmap-page .mindmap-toolbar__leading {
  flex: 0 1 auto;
}

.access-template-mindmap-page .mindmap-toolbar__user-input .form-control,
.access-template-mindmap-page .mindmap-toolbar__user-input input {
  width: 185px !important;
  min-width: 185px;
  max-width: 185px;
  flex: 0 0 185px;
}

.access-template-mindmap-page .mindmap-toolbar__search {
  flex: 0 0 220px;
  width: 220px;
  min-width: 160px;
}

.ai-agent-mindmap-page .mindmap-toolbar__user-input .autoComplete {
  position: relative;
}

.mindmap-minimap {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 140px;
  height: 96px;
  padding: 6px;
  border: 1px solid #b8bfd0;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.96);
  cursor: pointer;
  z-index: 3;
}

.mindmap-minimap__title {
  font-size: 10px;
  font-weight: 600;
  color: #6b7388;
  margin-bottom: 4px;
}

.mindmap-minimap__canvas {
  position: relative;
  width: 100%;
  height: 68px;
  background: #eef1f6;
  border-radius: 4px;
  overflow: hidden;
}

.mindmap-minimap__branch {
  position: absolute;
  height: 2px;
  background: #b4bccf;
  left: 10px;
}

.mindmap-minimap__branch--a {
  top: 18px;
  width: 70%;
}

.mindmap-minimap__branch--b {
  top: 34px;
  width: 55%;
}

.mindmap-minimap__branch--c {
  top: 50px;
  width: 62%;
}

.mindmap-minimap__viewport {
  position: absolute;
  width: 36px;
  height: 28px;
  border: 1.5px solid #3b6de8;
  background: rgba(59, 109, 232, 0.12);
  border-radius: 2px;
  transform-origin: top left;
}

.mindmap-pagination__size {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #556;
}

.mindmap-pagination__select {
  width: auto;
  min-width: 72px;
  height: 32px;
  padding: 2px 8px;
  font-size: 12px;
  display: inline-block;
}

.mindmap-pagination__info {
  font-size: 12px;
  color: #667;
}

.mindmap-pagination__nav {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mindmap-pagination__page {
  font-size: 12px;
  color: #445;
  min-width: 82px;
  text-align: center;
}

.viewAllElectionsTable .rt-td.viewAllEcnPivot.rt-expandable.rt-pivot {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: normal !important;
}

.viewAllElectionsTable .viewAllElections_ecn {
  display: block;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
}

.viewAllElectionsTable .rt-td.entitlementCn-col {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  min-width: 0 !important;
}
/**
 * Bootstrap 5 Compatibility CSS for react-bootstrap-modal
 * 
 * Bootstrap 5 changed from .modal.in to .modal.show
 * react-bootstrap-modal uses .in, so we need to add compatibility rules
 */

/* Ensure .in class works like .show in Bootstrap 5 */
.modal.fade.in {
  opacity: 1;
}

.modal.fade.in .modal-dialog {
  transform: translate(0, 0);
}

/* Backdrop compatibility */
.modal-backdrop.in,
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-backdrop.fade.in,
.modal-backdrop.fade.show {
  opacity: 0.5;
}

/* Ensure modals with .in are displayed */
.modal.in {
  display: block;
}

.app-router-shell {
  display: block;
  width: 100%;
  min-width: 0;
}

.filter-container {
  display: flex;
  align-items: center;
}

.filter-button {
  font-size: 12px !important;
  height: 30px;
  min-width: 90px;
  background-color: #ffcc00;
  color: black;
  text-transform: none;
  margin-top: 8px;
}

.filter-menu .MuiPaper-root {
  width: 300px;
  height: 250px;
  padding: 10px;
  overflow: hidden;
}

.filter-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.filter-item {
  font-size: 12px !important;
}

.search-input {
  width: 100%;
}

.disabled {
  opacity: 0.5;
  pointer-events: none;
}


.tree-card-content .card {
  width: 200px;
  height: 250px;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
  text-align: center;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  position: relative;
  transition: 0.3s;
  background: #fff;
}

.tree-card-content .card:hover {
  box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.2);
}

.tree-card-content .card-image {
  width: 100%;
  height: 120px;
  object-fit: cover;
}

.tree-card-content .card-content {
  padding: 10px;
}

.tree-card-content .card-name {
  margin: 5px 0;
  font-size: 16px;
  font-weight: bold;
}

.tree-card-content .card-email {
  margin: 0;
  font-size: 14px;
  color: gray;
}

.tree-card-content .info-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 16px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.8);
  padding: 4px;
  border-radius: 50%;
}

.tree-card-content .tooltip {
  position: absolute;
  top: 30px;
  right: 10px;
  background: black;
  color: white;
  padding: 6px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.access-template-mindmap-container{
  padding-top:10px ;
}
.levelHieracrchyTxt .form-control{
  padding: 2px 9px !important;
}
.cursorP{
  cursor: pointer;
}

#acTabs .MuiTab-textColorInherit{
  opacity: 1 !important;
}
#acTabs .MuiTab-textColorInherit.Mui-selected {
  font-weight: bold;
}
.cardCount {
  font-size: 9px;
  background: #b4ddfd;
  height: 20px;
  width: 20px;
  color: #282828;
  font-weight: bold;
  position: absolute;
  border: 1px solid #c2c2c2;
  border-radius: 50%;
  padding: 1px 4px 0px 4px;
  top: 1px;
  box-shadow: 3px 3px 3px #d6d6d6;
  right: 6px;
}
.noDataTitle{
text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #444;
}
.accessAnalysisUserContent .listofCampTable .rt-thead.-header {
top: 50px !important;
z-index: 3;
}

.accessAnalysisUserContent .listofCampTable .rt-thead.-filters {
top: 95px !important;
}
.react-datepicker__close-icon{
top:-7px !important;
right:2px !important
}
.update-ann{
position: absolute;
  top: -8px;
  margin-left: 6px;
  color: red;
  font-size: 12px;
}
.label-new {
background-color: #337ab7;
color: white;
padding: 3px 5px 3px 5px;
border-radius: 5px;
font-size: 10px;
font-weight: bold;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
height: 17px;
position: absolute;
right: 0;
}
.ann-icon{
position: absolute;
right: -9px;
top: -16px;
color: #444;
font-size: 11px;
}
.ann-icon {
animation: pulse 5s infinite;
}

@keyframes pulse {


0% {
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.7); /* Blue glow */
  /* transform: translate(-50%, -50%) scale(0.2);
  opacity:  0.5; */
}
50% {
box-shadow: 0 0 0 7px rgba(0, 123, 255, 0); /* Fades out */
  /* opacity: 0.9; */
}
100% {
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
  /* transform: translate(-50%, -50%) scale(1);
  opacity: 0.4; */
}
}

.spinner-wrap {
position: relative;
/* margin-top: 200px; */
}
.spinner-item {
border: 1px solid #ccc;
border-radius: 50%;
background-color: #337ab7;
height: 16px;
width: 16px;
position: absolute;
left: 95%;
margin-top: -9px;
top: 50%;
transform: translate(-10%, -50%);
opacity: 0;
-webkit-animation: zoom 2s linear 0.75s infinite;
        animation: zoom 2s linear 0.75s infinite;
}
.spinner-item--2 {
-webkit-animation-delay: 1.25s;
        animation-delay: 1.25s;
}
.spinner-item--3 {
-webkit-animation-delay: 1.75s;
        animation-delay: 1.75s;
}

@-webkit-keyframes zoom {
0% {
  transform: translate(-50%, -50%) scale(0.3);
  opacity: 0;
}
50% {
  opacity: 0.9;
}
100% {
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
}
}

@keyframes zoom {
0% {
  transform: translate(-50%, -50%) scale(0.3);
  opacity: 0;
}
50% {
  opacity: 0.9;
}
100% {
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
}
}
.sticker {
position: relative;
width: 115px;
/* height: 35px; */
/* background-color: #337ab7; */
color: white;
border-radius: 1%;
display: flex;
justify-content: center;
align-items: center;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 9px;
text-align: center;
/* box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3); */
}
/* 
.sticker::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 40px;
height: 40px;
background: white;
border-bottom-right-radius: 50%;
box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.2);
transform: rotate(45deg);
} */

.sticker span {
z-index: 1;
line-height: 1.2;
}
.sbellIcon{
position: absolute;
top: -2px;
font-size: 13px;
left: 19px;
}

.sticker .fa-bell {
font-size: 14px;
margin-top: 6px;
margin-left: -12px;
animation: ring 1.5s infinite;
transform-origin: center;
}

@keyframes ring {
0% { transform: rotate(0); }
15% { transform: rotate(15deg); }
30% { transform: rotate(-10deg); }
45% { transform: rotate(6deg); }
60% { transform: rotate(-4deg); }
75% { transform: rotate(2deg); }
100% { transform: rotate(0); }
}

.accessAnalysisUserContent .ReactTable .rt-tr .rt-td:first-child{
  overflow: hidden !important;
}

.accessAnalysisAttrValue .MuiTypography-body1,
.accessAnalysisAttrValue [class*="MuiTypography"] {
  font-size: 14px !important;
  font-weight: 400 !important;
  margin-bottom: 4px !important;
  display: block !important;
}

/* Access Analysis Identity Attributes: form field alignment */
.access-analysis-attr-row {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start !important;
  margin-bottom: 12px;
}
.access-analysis-equal-fields .access-analysis-attr-value .accessAnalysisAttrValue,
.access-analysis-equal-fields .access-analysis-attr-name {
  width: 100%;
}

.access-analysis-attr-row .access-analysis-attr-name,
.access-analysis-attr-row .access-analysis-attr-value,
.access-analysis-attr-row .access-analysis-plus-wrap,
.access-analysis-attr-row .access-analysis-delete-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start  ;
  -justify-content: flex-start !important;
  
}
.access-analysis-attr-row .access-analysis-attr-name .form-group,
.access-analysis-attr-row .access-analysis-attr-value.accessAnalysisAttrValue {
  width: 100%;
  margin-bottom: 0;
}
.access-analysis-attr-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px;
  margin-bottom: 4px !important;
}
.access-analysis-attr-label .fa-info-circle {
  flex-shrink: 0;
}
.access-analysis-ac-inline .accessAnalysisAttrValue .MuiFormControl-root,
.access-analysis-ac-inline .accessAnalysisAttrValue .MuiAutocomplete-root {
  width: 100% !important;
  max-width: 100% !important;
}

.accessAnalysisAttrValue .MuiFormControl-root,
.accessAnalysisAttrValue .MuiAutocomplete-root {
  width: 325px !important;
}
.access-analysis-equal-fields .accessAnalysisAttrValue .MuiFormControl-root,
.access-analysis-equal-fields .accessAnalysisAttrValue .MuiAutocomplete-root,
.access-analysis-equal-fields .access-analysis-attr-name .MuiFormControl-root,
.access-analysis-equal-fields .access-analysis-equal-field .MuiAutocomplete-root {
  width: 100% !important;
  max-width: 100% !important;
}
.access-analysis-attr-name .MuiFormControl-root {
  width: 85% !important;
}
.access-analysis-equal-fields .access-analysis-plus-wrap {
  position: static;
  left: auto;
  right: auto;
  top: auto;
}

.access-analysis-plus-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start;
  padding-top: 28px;
}
.access-analysis-plus-btn {
  color: #fff !important;
  background-color: #337ab7 !important;
  width: 28px;
  height: 28px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50%;
  font-size: 12px !important;
  cursor: pointer;
}
.access-analysis-plus-btn:hover {
  opacity: 0.9;
}
.access-analysis-delete-wrap {
  display: flex !important;
  align-items: center !important;
  padding-top: 28px;
}
.access-analysis-delete-wrap .AttrDeleteBtn {
  cursor: pointer;
}

input[type="date"]::-webkit-datetime-edit {
  padding-bottom: 5px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  margin-bottom: 5px;
}

input[type=date].form-control{
      line-height: 9px !important;
    }

.people .react-datepicker-popper[data-placement^=top] {
  margin-top: -266px
}

.superAdmin-Connector-item-img {
	padding-top: 0px;
    /* height: 40px; */
	/* width: 80px; */
	margin-top: 0px;
}

.admin-Connector-item-img {
	padding-top: 10px;
    /* height: 40px; */
	/* width: 80px; */
	margin-top: 0px;
}

.banner {
  background: linear-gradient(to right, #005db8, #0078d7);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border-radius: 4px;
  width: fit-content;
  /* margin: 40px auto; */
  font-size: 14px;
  width: 100%;
  margin-bottom: 15px;
  font-weight: bold;
}

.banner .icon {
  margin-right: 8px;
  font-size: 14px;
}

.banner b {
  color: #ffd700;
  margin-right: 6px;
}

.banner a {
  color: #ffea00;
  font-weight: bold;
  text-decoration: none;
  margin-left: 6px;
}

.banner a:hover {
  text-decoration: underline;
}

.arrow {
  margin-left: 5px;
  font-weight: bold;
}

.react-form-builder-form .rfb-item label .label-required {
  background: none !important;
  color: red;
  font-weight: bold;
  padding: 0 4px;
}

.react-form-builder-form .rfb-item label .label-required::before {
  content: "*";
}

.react-form-builder-form .rfb-item label .label-required {
  font-size: 16px;
}

/* Hide original text ("Required") */
.react-form-builder-form .rfb-item label .label-required {
  color: transparent;
}

.react-form-builder-form .rfb-item label .label-required::before {
  color: black;
}

.approvalPerACModal .modal-content{
  height: 475px;
}
.approvalJustACModal .modal-content {
  height: 545px;
}

.disabled-card {
  pointer-events: none;
  opacity: 0.6;
}

.react-form-builder-form .rfb-item label span {
  padding: 0px !important;
}

.confirmation-status-chips-update{
  background-color: #337ab7 !important;
  color: #ffffff !important;
}

/* textarea.form-control {
  height: auto !important;
} */

.newFieldsSlack input[type="password"] {
  height: 40px;
  font-size: 15px;
  font-weight: 400;
  width: 100%;
  margin-bottom: 20px;
  background: #fff;
  border-radius: 4px;
  padding: 6px 12px;
  border: 1px solid #b3b3b3;
}


#iga-modal .peoples-list.iga{
  width: 85% !important;
}

/* Access Template Information modal: same 85% width as Request Approval Work Flow (overrides global 55% for .modal.right) */
.modal.right.fade.access-template-modal .modal-dialog.custom-dialog.peoples-list.iga,
.modal.right.fade.show.access-template-modal .modal-dialog.custom-dialog.peoples-list.iga {
  width: 85% !important;
  max-width: none !important;
}


.multiselect-container.dropdown-menu
li.disabled input[type="checkbox"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Header styling */
/* .multiselect-container.dropdown-menu li.disabled {
  font-weight: 700 !important;
  background: #f3f4f6;
  pointer-events: none;
} */

/* HEADER ROW STYLE */
.multiselect-container.dropdown-menu li.disabled > a > label {
  font-weight: 600 !important;   /* force bold */
  background-color: #f3f4f6;
  padding: 0px 20px !important;
  cursor: default !important;
  color: #111 !important;
}

/* prevent hover */
.multiselect-container.dropdown-menu li.disabled:hover {
  background-color: #f3f4f6 !important;
}

.react-table-horizontal-scroll {
  width: 100%;
  max-height: 475px;
  overflow-x: auto;
  overflow-y: auto;
}

.react-table-horizontal-scroll-data {
  max-height: 520px !important
}
.react-table-horizontal-scroll .ReactTable {
  width: max-content !important;
  min-width: 100%;
}
/* Review All Elections: let wrapper use full available width so table/border/highlight spans full area */
.reviewAllElectionsScr:not(.dynamic-entitlement-columns-enabled) .react-table-horizontal-scroll {
  width: 100% !important;
  max-height: none !important;
  overflow: visible !important;
}

.reviewAllElectionsScr .react-table-horizontal-scroll .ReactTable {
  width: 100% !important;
  min-width: 100%;
}

.reviewAllElectionsScr.dynamic-entitlement-columns-enabled .react-table-horizontal-scroll .ReactTable {
  width: max-content !important;
  min-width: 100% !important;
}

/* Sticky Action column: horizontally scrollable body, fixed last column */
.react-table-horizontal-scroll .rt-thead .rt-th.rt-th-sticky-right,
.react-table-horizontal-scroll .rt-thead.-filters .rt-th.rt-th-sticky-right,
.react-table-horizontal-scroll .rt-tbody .rt-td.rt-td-sticky-right {
  position: sticky;
  right: 0;
  /* Keep above table cells but below page-level sticky headers/buttons */
  z-index: 1;
  background: #fff;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.05);
}

.react-table-horizontal-scroll .rt-thead .rt-th.rt-th-sticky-right,
.react-table-horizontal-scroll .rt-thead.-filters .rt-th.rt-th-sticky-right {
  z-index: 2;
}

/* Direct Elections: contain scroll inside table wrapper when dynamic columns are enabled */
.managerElectionsContent.dynamic-entitlement-columns {
  width: 100% !important;
  max-width: 100%;
}

.managerElectionsContent.dynamic-entitlement-columns .dt-fix,
.managerElectionsContent.dynamic-entitlement-columns .entCustReactTable {
  overflow: hidden !important;
  max-width: 100%;
}

.managerElectionsContent.dynamic-entitlement-columns .react-table-horizontal-scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: auto;
}

.managerElectionsContent.dynamic-entitlement-columns .react-table-horizontal-scroll .ReactTable {
  width: max-content !important;
  min-width: 100% !important;
}

.managerElectionsContent.dynamic-entitlement-columns .react-table-horizontal-scroll .ReactTable .rt-table {
  overflow: visible !important;
}

/* Keep Direct Elections table header below sticky details/filter sections. */
.managerElectionsContent.static-entitlement-columns .directTreetableData .rt-thead.-header {
  top: 256px !important;
  z-index: 3;
}
.managerElectionsContent.static-entitlement-columns .directTreetableData.ReactTable.selectTreeTable .rt-thead.-header {
  top: 215px !important;
  z-index: 3;
}
.managerElectionsContent.static-entitlement-columns .directTreetableData .rt-thead.-filters {
  top: 306px !important;
  z-index: 2;
}
.dt-fix,
.entCustReactTable {
  overflow: visible !important;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.sodCard.endpointConfigCard:last-child {
    padding: 8px 8px 12px 11px !important;
}
.noPadding{
  padding: 0px !important;
}

.removeEntitlements .ReactTable .-sort-asc .rt-resizable-header-content div::after{
    border-style: solid;
  border-width: 0.2em 0.2em 0 0;
  content: "";
  display: inline-block;
  height: 0.75em;
  left: 0.5em;
  position: relative;
  top: 0.35em;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  vertical-align: top;
  width: 0.75em;
  margin-left: 570px;
  margin-top: -45px;
}

.removeEntitlements .ReactTable .-sort-desc .rt-resizable-header-content div::after{
   top: 0.65em !important;
    margin-left: 570px;
  margin-top: -45px;
}

.renderConditionsContainer .col-md-3 input[type=date].form-control {
    width: 150px !important;
}
.app-tag {
    margin-right: 10px; 
    display: inline-block;
}
.align-top {
    vertical-align: top;
    padding-top: 8px;
}
.role-custom-block {
    border: 1px solid #e9ecef;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 4px;
}
.access-template-container {
    margin-top: 40px; 
    padding: 24px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background-color: #ffffff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.access-template-heading {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    margin-top: 0; 
}

.dropdown.badge .dropdown-menu{
  z-index: 1 !important;
}
.leftNavCustomScroll::-webkit-scrollbar, body::-webkit-scrollbar {
  width: 9px !important;
}
.leftNavCustomScroll::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb {
  background-color: rgb(227, 227, 227);
  border-radius: 10px;
  border: 1px solid #ffffff;
  height: 75px !important;
}

.sync-status-copy-cell {
  display: block;
  max-width: 100%;
  line-height: 1.4;
}

.sync-status-copy-cell--full {
  display: block;
  width: 100%;
  word-break: break-word;
  white-space: normal;
}

.sync-status-copy-cell--truncated {
  display: block;
}

.sync-status-copy-cell__text {
  display: inline;
  word-break: break-word;
  white-space: normal;
}

.sync-status-copy-cell__suffix {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  vertical-align: baseline;
}

.sync-status-copy-cell__ellipsis {
  display: inline;
  margin-right: 2px;
}

.sync-status-copy-cell__copy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 2px;
  margin: 0;
  border: none;
  background: transparent;
  color: #000;
  cursor: pointer;
  line-height: 1;
  vertical-align: middle;
  font-size: 11px;
}

.sync-status-copy-cell__copy-btn:hover,
.sync-status-copy-cell__copy-btn:focus {
  color: #000;
  outline: 2px solid #000;
  outline-offset: 1px;
}

/* Access Analysis page */
.access-analysis-page {
  padding-bottom: 24px;
}

.access-analysis-page-header {
  position: relative;
}

.access-analysis-page-title {
  margin-left: 10px;
  font-weight: 600;
  font-size: 16px;
  color: #1f2937;
}

.access-analysis-header-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
}

.access-analysis-refresh-meta {
  color: #1f2937;
  font-size: 13px;
  white-space: nowrap;
}

.access-analysis-refresh-icon {
  margin-right: 6px;
  color: #337ab7;
  cursor: pointer;
}

.access-analysis-refresh-icon:hover,
.access-analysis-refresh-icon:focus {
  color: #286090;
  outline: none;
}

.access-analysis-refresh-icon--loading {
  pointer-events: none;
  opacity: 0.7;
}

.access-analysis-header-btn {
  text-transform: none !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

.access-analysis-header-btn--outline {
  border-color: #d1d5db !important;
  color: #374151 !important;
  background: #fff !important;
}

.access-analysis-header-btn--primary {
  background: #337ab7 !important;
}

.access-analysis-filter-card {
  border: 1px solid #e5e7eb !important;
  box-shadow: none !important;
  margin-bottom: 16px;
}

.access-analysis-filter-card .MuiCardContent-root {
  padding: 20px 24px !important;
}

.access-analysis-section-title {
  font-weight: 600 !important;
  font-size: 15px !important;
  color: #111827 !important;
  margin: 16px 0 8px !important;
  text-transform: none !important;
}

.access-analysis-field-label {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 8px;
  display: block;
}

.access-analysis-required {
  color: #dc2626;
}

.access-analysis-filter-card__top {
  margin-bottom: 8px;
}

.access-analysis-filter-type .MuiFormGroup-root {
  flex-direction: row;
}

.access-analysis-filter-card__actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
  clear: both;
}

.access-analysis-apply-btn {
  background: #337ab7 !important;
  text-transform: none !important;
  min-width: 120px;
  box-shadow: none !important;
}

.access-analysis-export-btn {
  background: #337ab7 !important;
  color: #fff !important;
  text-transform: none !important;
  min-width: 100px;
  box-shadow: none !important;
}

.access-analysis-export-btn.Mui-disabled {
  background: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.26) !important;
}

.access-analysis-export-btn__loader {
  color: #fff !important;
  margin-left: 8px;
}

.access-analysis-filter-row {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.access-analysis-filter-row--application {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 40px;
  column-gap: 20px;
  align-items: start;
}

.access-analysis-filter-row--application .access-analysis-filter-section {
  margin-right: 0;
  min-width: 0;
}

.access-analysis-filter-row--application .access-analysis-filter-section--attributes {
  border-right: none;
  padding-right: 0;
}

.access-analysis-filter-row--template {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(0, 2fr) 40px;
  column-gap: 20px;
  align-items: start;
}

.access-analysis-filter-section {
  border-right: 1px solid #e5e7eb;
  padding-right: 20px;
  margin-right: 20px;
  flex-shrink: 0;
}

.access-analysis-filter-row--template .access-analysis-filter-section {
  margin-right: 0;
  min-width: 0;
}

.access-analysis-filter-row--template .access-analysis-filter-section--attributes {
  border-right: none;
  padding-right: 0;
}

.access-analysis-filter-section--type {
  flex: 0 0 auto;
  min-width: 0;
  white-space: nowrap;
}

.access-analysis-filter-section--template {
  flex: 1 1 0;
  min-width: 0;
}

.access-analysis-filter-row--template .access-analysis-filter-section--template {
  flex: none;
}

.access-analysis-filter-row--template .access-analysis-filter-section--attributes {
  flex: none;
}

.access-analysis-filter-section--attributes {
  flex: 1 1 auto;
  min-width: 0;
}

.access-analysis-filter-section--full {
  flex: 1 1 auto;
  min-width: 0;
}

.access-analysis-filter-section--attributes:last-child,
.access-analysis-filter-section--full {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}

.access-analysis-template-field {
  width: 100%;
}

.access-analysis-filter-row--template .access-analysis-template-field,
.access-analysis-filter-row--template .access-analysis-template-field .MuiAutocomplete-root,
.access-analysis-filter-row--template .access-analysis-template-field .MuiFormControl-root {
  width: 100% !important;
  max-width: 100% !important;
}

.access-analysis-filter-row--template .access-analysis-attribute-row__name .MuiFormControl-root,
.access-analysis-filter-row--template .access-analysis-attribute-row__name .MuiAutocomplete-root,
.access-analysis-filter-row--template .access-analysis-attribute-row__value .accessAnalysisAttrValue,
.access-analysis-filter-row--template .access-analysis-attribute-row__value .accessAnalysisAttrValue .MuiFormControl-root,
.access-analysis-filter-row--template .access-analysis-attribute-row__value .accessAnalysisAttrValue .MuiAutocomplete-root {
  width: 100% !important;
  max-width: 100% !important;
}

.access-analysis-filter-row--application .access-analysis-attribute-row__name .MuiFormControl-root,
.access-analysis-filter-row--application .access-analysis-attribute-row__name .MuiAutocomplete-root,
.access-analysis-filter-row--application .access-analysis-attribute-row__value .accessAnalysisAttrValue,
.access-analysis-filter-row--application .access-analysis-attribute-row__value .accessAnalysisAttrValue .MuiFormControl-root,
.access-analysis-filter-row--application .access-analysis-attribute-row__value .accessAnalysisAttrValue .MuiAutocomplete-root {
  width: 100% !important;
  max-width: 100% !important;
}

.access-analysis-ac-inline {
  width: 100%;
}

.access-analysis-condition-block {
  margin-bottom: 0;
}

.access-analysis-attributes-scroll {
  width: 100%;
}

.access-analysis-attributes-scroll--overflow {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 6px;
}

.access-analysis-attribute-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 36px;
  gap: 12px;
  align-items: start;
  margin-bottom: 14px;
}

.access-analysis-attribute-row:last-child {
  margin-bottom: 0;
}

.access-analysis-attribute-row__name,
.access-analysis-attribute-row__value {
  min-width: 0;
  overflow: visible;
}

.access-analysis-attribute-row__name {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.access-analysis-attribute-row__name .access-analysis-attr-label,
.access-analysis-attribute-row__value .access-analysis-attr-label {
  display: block !important;
  width: 100%;
  margin-bottom: 4px !important;
  min-height: 20px;
  line-height: 20px;
}

.access-analysis-attribute-row__value .accessAnalysisAttrValue .MuiInputBase-root,
.access-analysis-attribute-row__name .MuiInputBase-root {
  min-height: 32px;
  padding: 4px 4px !important;
  align-items: center;
  overflow: visible !important;
}

.access-analysis-attribute-row__value .accessAnalysisAttrValue .MuiOutlinedInput-input,
.access-analysis-attribute-row__name .MuiOutlinedInput-input {
  padding: 4px 2px !important;
  line-height: 1.4;
}

.access-analysis-ac-inline .access-analysis-attribute-row__name .MuiOutlinedInput-root,
.access-analysis-ac-inline .access-analysis-attribute-row__value .accessAnalysisAttrValue .MuiOutlinedInput-root {
  overflow: visible !important;
}

.access-analysis-attribute-row__name .MuiAutocomplete-root,
.access-analysis-attribute-row__name .MuiFormControl-root,
.access-analysis-attribute-row__value .accessAnalysisAttrValue,
.access-analysis-attribute-row__value .MuiAutocomplete-root,
.access-analysis-template-field .MuiAutocomplete-root {
  width: 100% !important;
  max-width: 100% !important;
}

.access-analysis-attribute-row__delete,
.access-analysis-attribute-row__plus {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: start;
  padding-top: 28px;
  min-height: 32px;
}

.access-analysis-filter-plus-column {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 28px;
  min-height: 32px;
}

.access-analysis-attribute-row__delete .AttrDeleteBtn {
  cursor: pointer;
}

.access-analysis-plus-btn {
  margin: 0;
}

.access-analysis-attribute-row__name .MuiFormControl-root,
.access-analysis-attribute-row__value .accessAnalysisAttrValue .MuiFormControl-root,
.access-analysis-attribute-row__value .accessAnalysisAttrValue .MuiAutocomplete-root {
  width: 100% !important;
  max-width: 100% !important;
}

.access-analysis-attribute-row__value .accessAnalysisAttrValue {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.access-analysis-attribute-row__value .accessAnalysisAttrValue [class*="MuiTypography"] {
  margin-bottom: 4px !important;
  display: block !important;
}

.access-analysis-attribute-row__value .accessAnalysisAttrValue .MuiAutocomplete-root,
.access-analysis-attribute-row__value .accessAnalysisAttrValue .MuiFormControl-root {
  width: 100% !important;
  max-width: 100% !important;
}

.access-analysis-attribute-row__value .accessAnalysisAttrValue .MuiAutocomplete-inputRoot {
  flex-wrap: wrap !important;
  align-items: center !important;
  overflow: visible !important;
  max-width: 100%;
  box-sizing: border-box;
}

.access-analysis-ac-inline .access-analysis-attribute-row__name .MuiOutlinedInput-notchedOutline,
.access-analysis-ac-inline .access-analysis-attribute-row__value .accessAnalysisAttrValue .MuiOutlinedInput-notchedOutline {
  border: 1px solid #d1d5db !important;
  top: 0 !important;
}

.access-analysis-ac-inline .access-analysis-attribute-row__name .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
.access-analysis-ac-inline .access-analysis-attribute-row__value .accessAnalysisAttrValue .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: #d1d5db !important;
}

.access-analysis-ac-inline .access-analysis-attribute-row__name .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,
.access-analysis-ac-inline .access-analysis-attribute-row__value .accessAnalysisAttrValue .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border: 1px solid #337ab7 !important;
}

.access-analysis-attribute-row__value .accessAnalysisAttrValue .MuiAutocomplete-tag {
  max-width: calc(100% - 16px);
  margin: 2px;
}

.access-analysis-attribute-row__value .accessAnalysisAttrValue .MuiChip-root {
  max-width: 100%;
  height: auto;
  min-height: 24px;
}

.access-analysis-attribute-row__value .accessAnalysisAttrValue .MuiChip-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 100%;
}

.access-analysis-field-label,
.access-analysis-attr-label {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 4px;
  display: block;
}

.access-analysis-template-field .access-analysis-attr-label {
  display: block;
}

.access-analysis-template-empty-msg {
  color: #dc2626;
  font-size: 12px;
  margin-top: 8px;
}

.access-analysis-template-filter-grid {
  align-items: flex-start;
}

.access-analysis-filter-type-control .MuiFormGroup-root {
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 4px;
}

.access-analysis-filter-type-control .MuiFormControlLabel-root {
  margin-right: 0;
  margin-bottom: 0;
  white-space: nowrap;
}

.access-analysis-filter-section--type .MuiRadio-root {
  color: #9ca3af;
}

.access-analysis-filter-section--type .MuiRadio-root.Mui-checked {
  color: #337ab7 !important;
}

.access-analysis-filter-section--type .MuiRadio-root:hover {
  background-color: rgba(51, 122, 183, 0.08);
}

.access-analysis-template-select {
  background: #fff;
}

.access-analysis-template-meta {
  margin-top: 6px;
  min-height: 20px;
  font-size: 12px;
  color: #6b7280;
}

.access-analysis-view-template-link {
  display: inline-block;
  margin-top: 8px;
  padding: 0;
  border: none;
  background: transparent;
  color: #337ab7;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
}

.access-analysis-view-template-link:disabled {
  color: #9ca3af;
  cursor: not-allowed;
}

.access-analysis-view-template-link:hover:not(:disabled) {
  text-decoration: underline;
}

.access-analysis-template-attributes-wrap .access-analysis-template-attributes {
  margin-top: 0;
}

.access-analysis-template-attributes .template {
  margin-left: 0;
  margin-right: 0;
}

.access-analysis-summary-card {
  width: 100%;
  border: 1px solid #e5e7eb !important;
  box-shadow: none !important;
  margin-bottom: 10px;
}

.access-analysis-summary-card__content {
  display: flex !important;
  align-items: center;
  width: 100%;
  padding: 14px 12px !important;
}

.access-analysis-summary-card__content:last-child {
  padding-bottom: 14px !important;
}

.access-analysis-summary-stat {
  flex: 1;
  text-align: center;
  padding: 0 10px;
  min-width: 0;
}

.access-analysis-summary-stat--divider {
  border-left: 1px solid #e5e7eb;
}

.access-analysis-summary-stat__label {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 12px !important;
  color: #4b5563 !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.access-analysis-summary-info-icon {
  font-size: 14px !important;
  color: #6b7280 !important;
  cursor: pointer;
}

.access-analysis-summary-stat__value {
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  margin: 4px 0 2px !important;
}

.access-analysis-summary-stat__value--total {
  color: #111827 !important;
}

.access-analysis-summary-stat__value--complete {
  color: #16a34a !important;
}

.access-analysis-summary-stat__value--incomplete {
  color: #d97706 !important;
}

.access-analysis-summary-stat__suffix {
  font-size: 11px !important;
  color: #9ca3af !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.access-analysis-population-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin-bottom: 4px;
}

.access-analysis-population-header__title {
  text-transform: inherit !important;
  font-weight: bold !important;
  flex: 1 1 auto;
  min-width: 0;
}

.access-analysis-total-users-chip {
  background-color: #e8f4fc !important;
  border: 1px solid #b6d9f2;
  color: #0f4c81 !important;
  font-weight: 500;
  font-size: 13px;
  height: 32px;
  flex-shrink: 0;
}

.access-analysis-total-users-chip .MuiChip-icon {
  color: #0078d4 !important;
}

.access-analysis-results-panels {
  margin-top: 8px;
}

.access-analysis-result-panel {
  border: 1px solid #e5e7eb !important;
  box-shadow: none !important;
  margin-bottom: 12px !important;
}

.access-analysis-result-panel::before {
  display: none;
}

.access-analysis-result-panel .MuiExpansionPanelSummary-root {
  min-height: 52px;
  padding: 0 16px;
}

.access-analysis-result-panel .MuiExpansionPanelSummary-content {
  align-items: center;
  justify-content: space-between;
  margin: 12px 0 !important;
}

.access-analysis-panel-title {
  display: inline-flex !important;
  align-items: center;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #111827 !important;
  flex: 1;
}

.access-analysis-panel-export-btn {
  text-transform: none !important;
  color: #374151 !important;
  border: 1px solid #d1d5db !important;
  background: #fff !important;
  margin-right: 8px;
  font-size: 13px !important;
}

.access-analysis-result-panel .MuiExpansionPanelDetails-root {
  padding: 0 16px 16px !important;
  display: block;
}

.access-template-analysis-table-wrap {
  margin-top: 0;
}

.access-analysis-type-radio-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.access-analysis-type-radio-loader {
  color: #337ab7 !important;
}

.access-analysis-panel-title-loader {
  margin-left: 8px;
  vertical-align: middle;
  color: #337ab7 !important;
}

.access-analysis-table-search-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.access-analysis-table-search {
  width: 20%;
  min-width: 220px;
  max-width: 100%;
}

.access-analysis-table-search-loader {
  flex-shrink: 0;
  color: #337ab7 !important;
}

.access-analysis-table-search .MuiFormControl-root,
.access-analysis-table-search .MuiOutlinedInput-root {
  width: 100%;
}

.access-analysis-table-search .MuiOutlinedInput-root {
  background: #fff;
  font-size: 14px;
}

.access-analysis-table-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 4px 0;
  font-size: 13px;
  color: #6b7280;
}

.access-analysis-user-cell {
  display: flex;
  align-items: center;
  gap: 8px;
}

.access-analysis-row-expand-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  flex-shrink: 0;
  border-radius: 4px;
}

.access-analysis-row-expand-btn:hover,
.access-analysis-row-expand-btn:focus {
  color: #337ab7;
  background: rgba(51, 122, 183, 0.08);
  outline: none;
}

.access-analysis-row-expand-placeholder {
  display: inline-block;
  width: 24px;
  flex-shrink: 0;
}

.access-analysis-missing-summary {
  font-size: 13px;
  font-weight: 500;
  color: #374151;
}

.access-analysis-missing-summary-link {
  display: inline;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  font-size: 13px;
  font-weight: 500;
  color: #0078d4;
  -text-decoration: underline;
  cursor: pointer;
  text-align: left;
}

.access-analysis-missing-summary-link:hover,
.access-analysis-missing-summary-link:focus {
  color: #005a9e;
  -text-decoration: underline;
  outline: none;
}

.modal.right.fade.access-analysis-detail-modal .modal-dialog.custom-dialog.peoples-list.sidebar-modal,
.modal.right.fade.show.access-analysis-detail-modal .modal-dialog.custom-dialog.peoples-list.sidebar-modal {
  width: 55% !important;
  max-width: none !important;
}

.access-analysis-detail-modal__content {
  border: 1px solid #d1d5db;
  background: #fff;
  padding: 16px 20px;
  min-height: 80px;
}

.access-analysis-detail-modal__columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 24px;
}

.access-analysis-detail-modal__columns .access-analysis-missing-list {
  min-width: 0;
}

.access-analysis-detail-modal__separator {
  height: 12px;
  background: #e5e7eb;
  margin: 16px -15px 0;
}

.access-analysis-detail-modal__footer {
  display: flex;
  justify-content: center;
  padding-top: 16px;
}

.access-analysis-detail-modal__close-btn {
  min-width: 100px;
  background-color: #0078d4;
  border-color: #0078d4;
}

.access-analysis-detail-modal__close-btn:hover,
.access-analysis-detail-modal__close-btn:focus {
  background-color: #005a9e;
  border-color: #005a9e;
}

.access-analysis-user-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #e0e7ff;
  color: #3730a3;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.access-analysis-user-name {
  font-weight: 600;
  font-size: 14px;
  color: #111827;
  line-height: 1.3;
}

.access-analysis-user-email {
  font-size: 12px;
  color: #6b7280;
  line-height: 1.3;
}

.access-analysis-missing-list {
  margin: 0;
  padding-left: 18px;
  font-size: 13px;
  color: #374151;
}

.access-analysis-missing-list li {
  margin-bottom: 4px;
}

.access-analysis-missing-empty {
  color: #9ca3af;
}

.access-template-users-table:not(.access-template-users-table--scrollable) .ReactTable {
  width: 100% !important;
}

.access-template-users-table .-pagination.access-template-pagination--disabled .-pageJump input,
.access-template-users-table .-pagination.access-template-pagination--disabled .-pageSizeOptions select {
  cursor: not-allowed;
  opacity: 0.55;
  background-color: #f3f4f6;
}

.access-template-users-table .rt-tr-group .rt-td {
  align-self: flex-start;
}

.access-template-users-table-scroll-wrap.react-table-horizontal-scroll {
  max-height: none;
  overflow-x: auto;
  overflow-y: visible;
}

.access-template-users-table-scroll-wrap .ReactTable {
  width: max-content !important;
  min-width: 100%;
}

.access-template-users-table--scrollable .rt-thead .rt-th.rt-th-sticky-left,
.access-template-users-table--scrollable .rt-tbody .rt-td.rt-td-sticky-left {
  position: sticky;
  background: #fff;
  z-index: 1;
}

.access-template-users-table--scrollable .rt-thead .rt-th.rt-th-sticky-left {
  z-index: 3;
}

.access-template-users-table--scrollable .rt-th.rt-th-sticky-left-0,
.access-template-users-table--scrollable .rt-td.rt-td-sticky-left-0 {
  left: 0;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.05);
}

.access-template-users-table--scrollable .rt-th.rt-th-sticky-left-1,
.access-template-users-table--scrollable .rt-td.rt-td-sticky-left-1 {
  left: 248px;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.05);
}

.access-template-users-table--scrollable .rt-th.rt-th-sticky-left-2,
.access-template-users-table--scrollable .rt-td.rt-td-sticky-left-2 {
  left: 448px;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.05);
}

.info-cards-scroll-hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.info-cards-scroll-hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.form-label-margin {
  margin-bottom: 6px !important;
}

.review-summary {
  margin-top: 25px;
}



.review-summary-container {
  border: 1px solid #d5d5d5;
  border-radius: 6px;
  padding: 0 20px;
  margin-top: 10px;
}

.review-summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 50px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 18px;
}

.review-summary-row:last-child {
  border-bottom: none;
}

.review-summary-label {
  display: flex;
  align-items: center;
  gap: 20px;
}

.review-summary-row > b {
  font-size: 18px;
  color: #111;
}

.review-icon {
  width: 25px;
  height: 25px;
  min-width: 25px;
  border-radius: 35%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.review-icon svg {
  font-size: 20px;
}

.approved-icon {
  background-color: #16a34a;
}

.revoke-icon {
  background-color: #dc2626;
}

.revoke-immediately-icon {
  background-color: #f97316;
}

.pending-icon {
  background-color: #777;
}

.close-campaign-info,
.close-campaign-warning {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-top: 22px;
  padding: 10px 10px;
  border-radius: 6px;
  font-size: 16px;
  line-height: 1.5;
}

.close-campaign-info {
  background-color: #eef7ff;
  border: 1px solid #9ecdf5;
}

.close-campaign-warning {
  background-color: #fff8e8;
  border: 1px solid #f5d18a;
}

.close-campaign-info-icon,
.warning-icon {
  min-width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
}


.close-campaign-info-icon {
  background-color: #087dcc;
}

.warning-icon {
  background-color: #ed8b00;
}


.revoke-action-wrapper {
  position: relative !important;
  display: inline-flex !important;
  flex: 0 0 145px;
  width: 145px;
  height: 32px;
  /* overflow: visible !important;
  z-index: 10000 !important; */
}

.revoke-action-button {
  height: 32px;
  min-width: 145px;
  padding: 0 8px 0 12px;
  border: none;
  border-radius: 5px;

  background: #8a8a8a;
  color: #fff;

  font-size: 14px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  cursor: pointer;
}

.revoke-action-button:hover {
  background: #777;
}

.revoke-action-button.revoke-selected {
  background: #e53935;
  color: #fff;
}

.revoke-action-button.revoke-selected:hover {
  background: #d32f2f;
}

.revoke-arrow {
  font-size: 10px;
  margin-left: auto;
}

.revoke-info {
  width: 17px;
  height: 17px;
  border: 1px solid #fff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: bold;
}

/* .revoke-menu {
  position: absolute;
  top: 36px;
  left: 0;
  width: 210px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  z-index: 99999;
  padding: 5px 0;
} */

 .s-btns,
.revoke-action-wrapper {
  overflow: visible !important;
}

.revoke-menu {
  position: absolute !important;
  top: 34px !important;
  left: 0 !important;

  width: 190px !important;
  min-width: 190px !important;

  background: #fff !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;

  z-index: 2147483647 !important;

  padding: 5px 0 !important;
  display: block !important;
}
.s-btns,
.s-btns > *,
.revoke-action-wrapper {
  overflow: visible !important;
}

/* Ensure revoke dropdown/menu is not clipped by table overflow in Direct Elections */
.directTreetableData .rt-table,
.directTreetableData .rt-tbody,
.directTreetableData .rt-td {
  overflow: visible !important;
}

.revoke-menu-item {
  min-height: 20px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 14px;
  color: #222;
  white-space: nowrap;
}

/* Entitlement Elections: keep an open revoke menu above neighboring action controls. */
/* .entitlementElectionsContent .revoke-action-wrapper {
  position: relative !important;
  z-index: 10000 !important;
  overflow: visible !important;
} */

.entitlementElectionsContent .rt-td:has(.revoke-menu),
.entitlementElectionsContent .rt-tr:has(.revoke-menu) {
  position: relative !important;
  z-index: 2 !important;
  overflow: visible !important;
}

/* Ensure portal/menu stays interactive and above other UI */
.revoke-menu {
  pointer-events: auto !important;
  z-index: 2147483647 !important;
}
.revoke-action-button > span:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 79px;
}

.revoke-menu-item:hover {
  background: #f5f5f5;
}

.revoke-menu-info {
  width: 17px;
  height: 17px;
  border: 1px solid #174ea6;
  color: #174ea6;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: bold;
  margin-left: 10px;
}

.s-btns {
  display: flex !important;
  align-items: center;
  overflow: visible !important;
}

.revoke-immediately-modal .modal-dialog {
  max-width: 500px;
}

.revoke-immediately-modal .modal-header {
  padding: 18px 24px;
}

.revoke-immediately-modal .modal-title {
  font-size: 20px;
  font-weight: 600;
}

.revoke-immediately-warning {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #e53935;
  margin-bottom: 4px;
  font-size: 14px;
}

.revoke-warning-icon {
  font-size: 20px;
}

.revoke-immediately-description {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 12px;
}

.revoke-immediately-danger {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 9px 12px !important;
  background: #fdeaea;
  border: 1px solid #f2aaaa;
  border-radius: 4px;
  color: #e53935;
  font-size: 13px;
  margin-bottom: 12px;
}

.revoke-immediately-danger span {
  
  color: #e53935;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.revoke-election-details h5 {
  font-weight: 600;
  margin-bottom: 12px;
}

.revoke-detail-row {
  display: grid;
  grid-template-columns: 100px 15px 1fr;
  margin-bottom: 9px;
  font-size: 14px;
}

.revoke-justification-label {
  margin-top: 20px;
}

.revoke-justification-label label {
  display: block;
  font-weight: 600;
  margin-bottom: 7px;
}

.revoke-justification-label label span {
  color: #e53935;
}

.revoke-justification-label textarea {
  width: 100%;
  min-height: 110px;
  resize: vertical;
  padding: 10px;
  border: 1px solid #b7c8e8;
  border-radius: 4px;
  box-sizing: border-box;
}

.revoke-character-count {
  text-align: right;
  font-size: 12px;
  color: #777;
  margin-top: -20px;
  margin-right: 10px;
  position: relative;
}

.revoke-confirm-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

.revoke-confirm-checkbox input {
  width: 18px;
  height: 18px;
}

.revoke-confirm-checkbox label {
  margin: 0;
  font-size: 14px;
}

.revoke-cancel-button {
  background: #ddd;
  color: #222;
  border: none;
  padding: 5px 15px;
  border-radius: 5px;
}

.revoke-immediately-confirm-button {
  background: #337ab7;
  color: #fff;
  border: none;
  padding: 5px 15px;
  border-radius: 5px;
}

.revoke-immediately-confirm-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Sticky Action column */
.react-table-horizontal-scroll
  .rt-tbody
  .rt-td.rt-td-sticky-right {
  position: sticky !important;
  right: 0 !important;

  background: #fff !important;

  /* Important */
  overflow: visible !important;

  /* Keep sticky Action column above normal cells */
  z-index: 2 !important;
}

/* Header */
/* .react-table-horizontal-scroll
  .rt-thead
  .rt-th.rt-th-sticky-right {
  position: sticky !important;
  right: 0 !important;
  background: #fff !important;
  z-index: 101 !important;
  overflow: visible !important;
} */

/* When a dropdown is open, its Action cell gets highest priority */
.react-table-horizontal-scroll
  .rt-tbody
  .rt-td.rt-td-sticky-right:has(.revoke-menu) {
  z-index: 9999 !important;
}

.reviewAllElectionsScr .ReactTable .rt-td:has(.revoke-action-wrapper) {
  overflow: visible !important;
}
/* Dropdown */
/* .react-table-horizontal-scroll
  .rt-td.rt-td-sticky-right
  .revoke-menu {
  position: absolute !important;
  z-index: 1000000 !important;

  overflow: visible !important;

  background: #fff !important;
} */


/**
 * CSS to make configActionDropdown dropdown menus match ActionDropdown styling
 * This ensures dropdowns in listOfCampaign match the endpoints page styling
 */

/* Make dropdown menu items look like ActionDropdown child items */
.configActionDropdown .dropdown-menu li > a {
  color: #091432 !important;
  text-decoration: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #cecece;
  padding: 0.5rem !important;
  font-size: 0.75rem;
  font-weight: normal;
}

.configActionDropdown .dropdown-menu li > a:hover {
  background-color: #ddd;
  color: #091432 !important;
}

/* Remove default Bootstrap padding from dropdown menu */
.configActionDropdown .dropdown-menu {
  padding: 0 !important;
  min-width: 150px;
  border-radius: 5px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

/* Ensure icons are properly aligned */
.configActionDropdown .dropdown-menu li > a i {
  min-width: 23px;
  text-align: center;
}

/**
 * Bootstrap 5 dropdown menu styling to match ActionDropdown
 * Fixes UI rendering issues on pages like CampaignReports, DataTransformation, etc.
 */

/* Bootstrap 5 dropdown menu - general styling */
.dropdown-menu.leftAlign,
.dropdown-menu {
  padding: 0 !important;
  min-width: 150px;
  border-radius: 5px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2) !important;
  border: 1px solid rgba(0, 0, 0, 0.15);
  margin-top: 0.125rem;
}

/* Bootstrap 5 dropdown menu items */
.dropdown-menu li > a,
.dropdown-menu > li > a {
  color: #091432 !important;
  text-decoration: none;
  display: block;
  text-align: left;
  /* border-bottom: 1px solid #cecece; */
  -padding: 0.5rem 1rem !important;
  font-size: 0.75rem;
  font-weight: normal;
  white-space: nowrap;
}

/* Remove border from last item */
.dropdown-menu li:last-child > a,
.dropdown-menu > li:last-child > a {
  border-bottom: none;
}

/* Hover state */
.dropdown-menu li > a:hover,
.dropdown-menu > li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-menu > li > a:focus {
  background-color: #ddd !important;
  color: #091432 !important;
}

/* Active state */
.dropdown-menu li > a.active,
.dropdown-menu > li > a.active {
  background-color: #ddd !important;
  color: #091432 !important;
}

/* Icon alignment in dropdown items */
.dropdown-menu li > a i,
.dropdown-menu > li > a i {
  min-width: 23px;
  text-align: center;
  margin-right: 0.5rem;
}

/* Ensure dropdown menu is visible when shown */
.dropdown-menu.show {
  display: block !important;
}

/* Fix z-index for dropdowns in tables */
.dropdown.badge .dropdown-menu {
  z-index: 1 !important;
}

/* Fix positioning for left-aligned dropdowns */
.dropdown-menu.leftAlign {
  left: 65px !important;
  right: auto !important;
  /* Keep vertical placement to Bootstrap/Popper defaults so menus open below gear
     and do not overlap sticky page/table headers across list screens. */
  top: -40px !important;
  bottom: auto !important;
}

/* Campaign Scheduler (/listOfCampaignScheduler): gear menu — must beat pickels-v3 when CSS bundle order differs (QA vs local).
   Page uses .dropdown.badge without .configActionDropdown, so listofCampTable rules above do not apply. */
.react-table.hrsystem.campaign-scheduler-page .ReactTable .dropdown.badge ul.dropdown-menu.leftAlign.listOfCampaignSchedulerAction,
#epTable.campaign-scheduler-page .ReactTable .dropdown.badge ul.dropdown-menu.leftAlign.listOfCampaignSchedulerAction {
  left: 65px !important;
  right: auto !important;
  top: -40px !important;
  bottom: auto !important;
  width: auto !important;
  min-width: 150px !important;
  max-width: 360px !important;
  position: absolute !important;
}

/* Campaign list (listOfCampaign): dropdown must open below gear icon, aligned with Actions column - do not overlap sidebar */
.listofCampTable .configActionDropdown.dropdown {
  position: relative !important;
}
.listofCampTable .configActionDropdown .dropdown-menu.leftAlign,
.listofCampTable .configActionDropdown .dropdown-menu.campaignPopUp,
.listofCampTable .configActionDropdown .dropdown-menu.campaignPopUpCO {
  left: 0 !important;
  right: auto !important;
  top: 100% !important;
  margin-top: -1.5rem !important;
  position: absolute !important;
  transform: none !important;
}
.listofCampTable .configActionDropdown .dropdown-menu li {
  border-bottom: none !important;
  padding: 0.1rem !important;
}
/* Ensure ActionDropdown containers with Bootstrap 5 dropdowns work correctly */
.ActionDropdown {
  position: relative !important;
}

/* When ActionDropdown has dropdown class (Bootstrap 5), ensure proper structure */
.ActionDropdown.dropdown {
  position: relative !important;
}

/* Ensure Bootstrap 5 dropdown menus inside ActionDropdown are visible when shown */
.ActionDropdown .dropdown-menu.show,
.ActionDropdown.dropdown .dropdown-menu.show {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Fix positioning for Bootstrap 5 dropdowns inside ActionDropdown */
.ActionDropdown .dropdown-menu,
.ActionDropdown.dropdown .dropdown-menu {
  position: absolute !important;
  z-index: 1050 !important;
  top: 100% !important;
  left: 0 !important;
  margin-top: 0.125rem !important;
}

/* Ensure Bootstrap 5 dropdown button inside ActionDropdown works correctly */
.ActionDropdown.dropdown button[data-bs-toggle="dropdown"] {
  position: relative !important;
}

/**
 * Fix for react-bootstrap-multiselect compatibility with Bootstrap 5
 */

/* Ensure parent container is positioned relative for absolute positioning of menu */
.multiselect-native-select,
.btn-group > .multiselect,
span.multiselect-native-select {
  position: relative !important;
}

/* ===== GLOBAL FIX: Multiselect dropdown in QA/production (works locally, not in QA) ===== */
/* QA/prod may have different stacking (modals, sticky headers), overflow clipping, or build differences. */
/* Ensure multiselect dropdown appears above all other UI - use very high z-index for production */
.multiselect-container.dropdown-menu {
  z-index: 99999 !important;
}
/* Ensure parent containers allow dropdown to extend outside - prevents clipping in modals/cards */
.multiselect-native-select,
.multiselect-native-select .btn-group,
.btn-group:has(.multiselect),
.Create_Mulitselect,
.selectDropDownTemplate,
.selectDropDownSOD,
.selectedDelegate,
.filterData,
.viewAllFilter,
.viewAllFilterData,
.viewAllFilterApplication,
.electionFilter .selectedColumn,
.o-form-input:has(.multiselect),
.col-md-4:has(.multiselect-native-select),
.col-md-6:has(.multiselect-native-select),
.form-group:has(.multiselect-native-select),
.reportData,
.reportData .multiselect-native-select {
  overflow: visible !important;
  position: relative !important;
}
/* Multiselect wrapper: full width of parent so dropdown aligns under button (fix left-shift on UserReport) */
.reportData .multiselect-native-select,
.multiselect-native-select {
  display: block !important;
  width: 100% !important;
}
/* btn-group fills container so dropdown left:0 aligns with button */
.reportData .btn-group,
.multiselect-native-select .btn-group {
  width: 100% !important;
}
.reportData .btn-group .multiselect.dropdown-toggle,
.multiselect-native-select .btn-group .multiselect.dropdown-toggle {
  width: 100% !important;
  display: block !important;
}
/* Modal/card bodies containing multiselect - allow overflow for dropdown visibility */
.modal-body:has(.multiselect-native-select),
.modal-body:has(.multiselect-container),
.card-body:has(.multiselect-native-select),
.card-body:has(.multiselect-container),
.modal-content:has(.multiselect-native-select),
.modal-content:has(.multiselect-container) {
  overflow: visible !important;
}

/* Ensure multiselect dropdown menus work with Bootstrap 5 */
/* Match the appearance from the first screenshot */
/* Global: align under button, prevent viewport overflow (fix UserReport left-shift, Create Template right-clip) */
.multiselect-container.dropdown-menu {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  z-index: 9999 !important;
  background-color: #fff !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 4px !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
  max-height: 300px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0 !important;
  margin: 2px 0 0 !important;
  list-style: none !important;
  min-width: 200px !important;
  width: auto !important;
  max-width: 360px !important;
}

/* When menu is open - ensure visibility */
/* Bootstrap 3/4 adds .open to .btn-group, Bootstrap 5 uses .show on menu */
/* react-bootstrap-multiselect uses Bootstrap 3/4 style with .open on .btn-group */
.multiselect-container.dropdown-menu.open,
.multiselect-container.dropdown-menu.show,
.btn-group.open .multiselect-container.dropdown-menu,
.btn-group.open > .multiselect-container.dropdown-menu,
.multiselect-native-select .btn-group.open .multiselect-container.dropdown-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 9999 !important;
}

/* Ensure btn-group.open allows menu to be visible */
.btn-group.open {
  position: relative !important;
  overflow: visible !important;
}

/* When btn-group is open, ensure menu is displayed */
.multiselect-native-select .btn-group.open .multiselect-container,
.btn-group.open .multiselect-container {
  display: block !important;
}

/* Ensure multiselect dropdown is clickable when open */
.multiselect-container.dropdown-menu.show *,
.multiselect-container.dropdown-menu.open * {
  pointer-events: all !important;
}

/* Fix multiselect button dropdown toggle */
button.multiselect.dropdown-toggle {
  position: relative !important;
}

/* Global: show dropdown arrow/caret on all multiselect buttons */
button.multiselect.dropdown-toggle .caret,
.multiselect.dropdown-toggle .caret {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hide Bootstrap 5 dropdown toggle caret if it exists (avoid duplicate arrows) */
button.multiselect.dropdown-toggle::after {
  display: none !important;
}

/* ===== GLOBAL multiselect dropdown UI - consistent styling across all pages ===== */
/* Centered "None selected" / "All selected" text on button */
button.multiselect.dropdown-toggle,
.btn-group button.multiselect.dropdown-toggle {
  text-align: center !important;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 14px;
}
button.multiselect .multiselect-selected-text,
.multiselect .multiselect-selected-text {
  text-align: center !important;
}

/* Search bar: layout, icons, input - apply to all multiselects with filtering */
.multiselect-container .multiselect-filter {
  padding: 8px !important;
  border-bottom: 1px solid #eee !important;
}
.multiselect-container .multiselect-filter .input-group {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  margin: 0 !important;
  width: 100% !important;
  min-width: 200px !important;
}
.multiselect-container .multiselect-filter .input-group > * {
  flex-shrink: 0 !important;
}
.multiselect-container .multiselect-filter .input-group > input {
  flex-shrink: 1 !important;
  flex-grow: 1 !important;
  min-width: 80px !important;
}
/* Ensure dropdown menu has min width for search bar to fit on one line */
.multiselect-container.dropdown-menu {
  min-width: 300px !important;
}
/* Search icon, input, close button - same line, vertically centered */
.multiselect-container .multiselect-filter .input-group-addon,
.multiselect-container .multiselect-filter .input-group-text {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 10px !important;
  height: 36px !important;
  min-height: 36px !important;
  background: #f5f5f5 !important;
  border: 1px solid #ced4da !important;
  border-right: none !important;
  border-radius: 4px 0 0 4px !important;
  flex: 0 0 auto !important;
  float: none !important;
  vertical-align: middle !important;
}
/* Replace Bootstrap 3 glyphicons with Font Awesome (Bootstrap 5 removed glyphicons) */
.multiselect-container .multiselect-filter .glyphicon-search::before {
  content: "\f002" !important;
  font-family: "FontAwesome" !important;
}
.multiselect-container .multiselect-filter .glyphicon-remove-circle::before {
  content: "\f057" !important;
  font-family: "FontAwesome" !important;
}
.multiselect-container .multiselect-filter input.multiselect-search {
  flex: 1 !important;
  min-width: 0 !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 6px 12px !important;
  border: 1px solid #ced4da !important;
  border-radius: 0 !important;
  pointer-events: auto !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}
/* Close button - same height as input, aligned on same line, prevent wrap */
.multiselect-container .multiselect-filter .input-group-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  float: none !important;
  vertical-align: middle !important;
}
.multiselect-container .multiselect-filter .input-group-btn button,
.multiselect-container .multiselect-filter .input-group-btn .btn,
.multiselect-container .multiselect-filter .multiselect-clear-filter {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #0078d4 !important;
  /* border-left: none !important; */
  border-radius: 0 4px 4px 0 !important;
}
.multiselect-container .multiselect-filter,
.multiselect-container .multiselect-filter * {
  pointer-events: auto !important;
}

/* Ensure all multiselect parent containers allow overflow for dropdown visibility */
.btn-group.multiselect-container,
.multiselect-native-select .btn-group,
.btn-group:has(.multiselect) {
  position: relative !important;
  overflow: visible !important;
}

/* Ensure multiselect items are visible - force display for all states */
.multiselect-container.dropdown-menu li {
  display: list-item !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: auto !important;
  width: 100% !important;
  line-height: normal !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

/* When menu is open, ensure all items are visible */
.multiselect-container.dropdown-menu.show li,
.multiselect-container.dropdown-menu.open li,
.btn-group.open .multiselect-container.dropdown-menu li,
.btn-group.open > .multiselect-container.dropdown-menu li {
  display: list-item !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 20px !important;
  width: 100% !important;
  padding: .5rem !important;
  font-size: .75rem;
}

/* Allow filter to hide non-matching items - search would not work without this */
/* Must match or exceed specificity of rules above that set display: list-item */
.multiselect-container.dropdown-menu li.multiselect-filter-hidden,
.multiselect-container.dropdown-menu.show li.multiselect-filter-hidden,
.multiselect-container.dropdown-menu.open li.multiselect-filter-hidden,
.btn-group.open .multiselect-container.dropdown-menu li.multiselect-filter-hidden,
.btn-group.open > .multiselect-container.dropdown-menu li.multiselect-filter-hidden {
  display: none !important;
  visibility: hidden !important;
}

/* Ensure anchor tags inside list items are visible */
.multiselect-container.dropdown-menu li > a {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  width: 100% !important;
  height: auto !important;
  min-height: 20px !important;
  line-height: normal !important;
  text-decoration: none !important;
}

/* Ensure labels inside anchors are visible */
.multiselect-container.dropdown-menu li > a > label {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 3px 20px 3px 40px !important;
  margin: 0 !important;
  height: 100% !important;
  min-height: auto !important;
  width: 100% !important;
  cursor: pointer !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  line-height: normal !important;
  color: #333 !important;
}

/* Ensure checkbox positioning in labels */
.multiselect-container.dropdown-menu li > a > label > input[type="checkbox"] {
  margin-left: -20px !important;
  margin-right: 8px !important;
  margin-bottom: 5px !important;
}

/* When menu is open, force visibility on all nested elements */
.multiselect-container.dropdown-menu.show li > a,
.multiselect-container.dropdown-menu.show li > a > label,
.multiselect-container.dropdown-menu.open li > a,
.multiselect-container.dropdown-menu.open li > a > label,
.btn-group.open .multiselect-container.dropdown-menu li > a,
.btn-group.open .multiselect-container.dropdown-menu li > a > label {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  min-height: 20px !important;
}

/* Ensure checkboxes are properly positioned (already handled above, but keep for specificity) */
.multiselect-container.dropdown-menu li > a > label.checkbox > input[type="checkbox"],
.multiselect-container.dropdown-menu li > a > label.radio > input[type="radio"] {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-left: -20px !important;
  margin-right: 8px !important;
  margin-bottom: 5px !important;
}

/* Ensure search input is visible and styled properly */
.multiselect-container.dropdown-menu .input-group {
  -display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 5px !important;
  padding: 0 !important;
}

.multiselect-container.dropdown-menu .multiselect-search,
.multiselect-container.dropdown-menu input.form-control.multiselect-search {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 36px !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  line-height: 1.42857143 !important;
  color: #555 !important;
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  /* border-radius: 4px !important; */
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}

.multiselect-container.dropdown-menu .input-group-btn,
.multiselect-container.dropdown-menu .input-group-addon {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Style the "Select all" option */
.multiselect-container.dropdown-menu li > a.multiselect-all label {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 3px 20px 3px 40px !important;
  margin: 0 !important;
  font-weight: 400 !important;
  cursor: pointer !important;
  color: #333 !important;
}

.multiselect-container.dropdown-menu li > a.multiselect-all label > input[type="checkbox"] {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-right: 8px !important;
  margin-left: -20px !important;
}

/* Fix z-index for multiselect dropdowns (QA/prod compatibility) */
.reportData .multiselect-container.dropdown-menu {
  z-index: 9999 !important;
}

/* Ensure multiselect container wrapper allows overflow */
.multiselect-native-select {
  overflow: visible !important;
}

.btn-group {
  overflow: visible !important;
}

/* Ensure reportData wrapper doesn't hide multiselect content */
.reportData {
  overflow: visible !important;
  position: relative !important;
  margin:5px;
}

.reportData .btn-group {
  overflow: visible !important;
  position: relative !important;
}

.reportData .multiselect-native-select {
  overflow: visible !important;
  position: relative !important;
}

/* Force menu container to have proper dimensions when open */
.reportData .multiselect-container.dropdown-menu.open,
.reportData .multiselect-container.dropdown-menu.show,
.reportData .btn-group.open .multiselect-container.dropdown-menu {
  min-width: 200px !important;
  width: auto !important;
  max-width: 500px !important;
}

/* Ensure proper spacing and appearance for all multiselect elements */
.multiselect-container.dropdown-menu li > a {
  text-decoration: none !important;
}

.multiselect-container.dropdown-menu li > a:hover {
  background-color: #f5f5f5 !important;
}

.multiselect-container.dropdown-menu li > a:focus {
  background-color: #f5f5f5 !important;
  outline: none !important;
}

/* Ensure the search clear button (X) is visible */
.multiselect-container.dropdown-menu .input-group-btn button,
.multiselect-container.dropdown-menu .multiselect-clear-filter {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 6px 12px !important;
  cursor: pointer !important;
}

/**
 * Campaign gear dropdown (listOfCampaign, etc.): prevent cut-off and transparency
 * - Solid background so table rows don't show through menu items
 * - Flip menu upward for last 8 rows so Export and other options stay visible
 */
ul.dropdown-menu.campaignPopUp,
ul.dropdown-menu.campaignPopUpCO {
  background-color: #fff !important;
  z-index: 1060 !important;
}
ul.dropdown-menu.campaignPopUp li,
ul.dropdown-menu.campaignPopUpCO li {
  background-color: #fff !important;
}
ul.dropdown-menu.campaignPopUp li > a,
ul.dropdown-menu.campaignPopUpCO li > a {
  background-color: #fff !important;
}
ul.dropdown-menu.campaignPopUp li > a:hover,
ul.dropdown-menu.campaignPopUpCO li > a:hover {
  background-color: #ddd !important;
}

/* Previously we flipped campaign gear dropdown upward for the last rows.
   This caused the menu to overlap headers/filters when the table had only a few rows.
   To keep behavior consistent with EndPoints and always open the menu downward,
   we no longer override the placement here. Dropdown positioning is now handled
   by the default bottom placement + Popper overflow handling. */
/* .ReactTable .rt-tr-group:nth-last-child(-n+8) .dropdown.badge .dropdown-menu.campaignPopUp,
   .ReactTable .rt-tr-group:nth-last-child(-n+8) .dropdown.badge .dropdown-menu.campaignPopUpCO {
  top: auto !important;
  bottom: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 4px !important;
} */

/* Campaign list (listOfCampaign): always open downward like campaignTemplates – override flip rule (higher specificity) */
.listofCampTable .ReactTable .rt-tr-group .drop-maindiv .dropdown.badge.configActionDropdown .dropdown-menu.campaignPopUp,
.listofCampTable .ReactTable .rt-tr-group .drop-maindiv .dropdown.badge.configActionDropdown .dropdown-menu.campaignPopUpCO,
.listofCampTable .rt-tr-group .drop-maindiv .dropdown.badge.configActionDropdown .dropdown-menu.campaignPopUp,
.listofCampTable .rt-tr-group .drop-maindiv .dropdown.badge.configActionDropdown .dropdown-menu.campaignPopUpCO {
  top: 100% !important;
  bottom: auto !important;
  margin-top: -2.125rem !important;
  margin-bottom: 0 !important;
}

/* Export menu item: align arrow to far right (fix misalignment) */
ul.dropdown-menu.campaignPopUp li .export-submenu-item,
ul.dropdown-menu.campaignPopUpCO li .export-submenu-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}
ul.dropdown-menu.campaignPopUp li .export-submenu-item > span:first-child i,
ul.dropdown-menu.campaignPopUpCO li .export-submenu-item > span:first-child i {
  min-width: 23px;
  text-align: center;
  margin-right: 0.5rem;
}
/* ul.dropdown-menu.campaignPopUp li .export-submenu-item .right_arrow,
ul.dropdown-menu.campaignPopUpCO li .export-submenu-item .right_arrow {
  margin-left: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  flex-shrink: 0;
  vertical-align: middle;
} */
ul.dropdown-menu.campaignPopUp li .export-submenu-item .right_arrow i,
ul.dropdown-menu.campaignPopUpCO li .export-submenu-item .right_arrow i {
  vertical-align: middle;
}
ul.dropdown-menu.campaignPopUp .dropdown .dropdown-content .child{
  border-bottom: 1px solid #fff;
}/* Export submenu (Reviewers) - position close to main menu, not far right */
ul.dropdown-menu.campaignPopUp .dropdown .dropdown-content,
ul.dropdown-menu.campaignPopUpCO .dropdown .dropdown-content {
  padding: 1px;
  /* left: 100% !important;
  right: auto !important;
  top: 0 !important;
  margin-left: 2px !important; */
}

/* ===== GLOBAL: Campaign Report, Campaign Effectiveness, and other pages - multiselect display ===== */
/* Allow multiselect dropdowns to extend outside containers (prevent clipping) */
.report_content,
.CampaignReportMain,
.CampaignEffectiveness,
.report_content .tab-content,
.report_content .CampaignEffectiveness .form-group,
.CampaignEffectiveness .form-group,
#epTable .report_content,
.reportData .form-group {
  overflow: visible !important;
}
/* Campaign Report / Campaign Effectiveness: multiselect dropdown z-index and visibility */
.CampaignEffectiveness .multiselect-native-select .btn-group,
.CampaignEffectiveness .btn-group:has(.multiselect),
.report_content .multiselect-native-select .btn-group,
.report_content .btn-group:has(.multiselect),
.campaign-report-multiselect-wrap .btn-group,
#CampaignReport .btn-group,
#CampaignReport .rt-thead .btn-group,
.CampaignReport .btn-group {
  position: relative !important;
  overflow: visible !important;
}
.CampaignEffectiveness .multiselect-container.dropdown-menu,
.report_content .multiselect-container.dropdown-menu,
.campaign-report-multiselect-wrap .multiselect-container.dropdown-menu,
#CampaignReport .multiselect-container.dropdown-menu,
#CampaignReport .dropdown-menu,
.CampaignReport .multiselect-container.dropdown-menu {
  z-index: 9999 !important;
  min-width: 300px !important;
  max-height: 280px !important;
  overflow-y: auto !important;
}
.campaign-report-multiselect-wrap {
  overflow: visible !important;
}

/* ===== react-select: Production AWS fix - ensure menu is clickable ===== */
/* Menu is portaled to body via ReactSelect wrapper; these rules are a safety net. */
.react-select__menu,
.react-select__menu-portal,
div[class*="react-select__menu"] {
  z-index: 9999 !important;
  pointer-events: auto !important;
}
.react-select__menu-list,
.react-select__option {
  pointer-events: auto !important;
}

/* Bulk Launch Campaign modal: override overflow:visible - enable scroll for modal body */
.bulk-launch-modal .bulk-launch-modal-body {
  overflow-y: auto !important;
  max-height: calc(100vh - 180px) !important;
}

.multiselect-container.dropdown-menu
li.disabled > a > label.checkbox > input[type="checkbox"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
.multiselect-container.dropdown-menu li.disabled {
  font-weight: 600;
  background: #f3f4f6;
  pointer-events: none;
}

.multiselect-container.dropdown-menu li.disabled > a {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  font-weight: 600;
}

/* Historic Campaign (/filterCampaigns): allow menu resize drag + content scroll */
.filter-campaigns-form .filterData ul.multiselect-container.dropdown-menu {
  width: 350px !important;
  min-width: 350px !important;
  max-width: 800px !important;
  min-height: 140px !important;
  max-height: 420px !important;
  resize: both !important;
  overflow: auto !important;
}

.react-table#epTable .filter-campaigns-form .filterData .multiselect-container.dropdown-menu,
.react-table#epTable .filter-campaigns-form .filterData .multiselect-container.dropdown-menu.open,
.react-table#epTable .filter-campaigns-form .filterData .multiselect-container.dropdown-menu.show,
.react-table#epTable .filter-campaigns-form .filterData .btn-group.open .multiselect-container.dropdown-menu,
.react-table#epTable .filter-campaigns-form .filterData .btn-group.open > .multiselect-container.dropdown-menu {
  z-index: 999 !important;
}
/*     Mobile Responsive Table Styles For manageApplications    */
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {

    table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
        text-align: center;
        display: table-cell !important;
        width: 100%;
    }
    table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
        padding-right: 6px !important;
    }
    table.dataTable.display tbody td:last-child {
        padding-right: 0px !important;
    }
    .MBResponsive table, .MBResponsive thead, .MBResponsive tbody, .MBResponsive th, .MBResponsive td, .MBResponsive tr { 
        display: block; 
    }
    .MBResponsive { 
        border:none;
        box-sizing: border-box;
    }
    .MBResponsive thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .MobileviewTable thead:first-of-type {
        display: inline-block;
    }
    .table.MBResponsive thead  tr th {
        background-color: #fff !important;
    }
    .MBResponsive thead tr .select{
        display: inline;
    }
    .MBResponsive td { 
        color: #091432 !important;
        font-weight: 400  !important;
        font-size: 14px !important;
        opacity: 1 !important;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        position: relative;
        padding-left: 50%; 
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
        background: #fff;
        cursor: pointer;
        display: block;
        padding: 15px 10px;
    }
    .MBResponsive tbody tr {
        border-bottom: 1px solid #eee;
        border-radius: 4px;
        margin-bottom: 15px;
    }
    .MBResponsive tr:last-child { 
        margin-bottom: 0px;
        border-bottom: none;
    }
    .MBResponsive tr td:nth-of-type(1) { 
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    .MBResponsive tr td:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .MBResponsive td.dataTables_empty:nth-of-type(1):before { display: none;}

    /* manageApplications */
    .MobileviewTable th:nth-of-type(0):before { content: "";}
    .MobileviewTable td:nth-of-type(1):before { content: "";}
    .MobileviewTable td:nth-of-type(2):before { content: "Application"; }
    .MobileviewTable td:nth-of-type(3):before { content: "Actions"; }
    .MobileviewTable td:nth-of-type(4):before { content: "Type";}
    .MobileviewTable td:nth-of-type(5):before { content: "Last Refresh";}
    .MobileviewTable td:nth-of-type(6):before { content: "Matched";}
    .MobileviewTable td:nth-of-type(7):before { content: "No Match";}
    .MobileviewTable td:nth-of-type(8):before { content: "Excluded";}
    .MobileviewTable td:nth-of-type(9):before { content: "Deleted"; }
    .MobileviewTable td:nth-of-type(10):before { content: "Purged";}
    .MobileviewTable td:nth-of-type(11):before { content: "Sync Status";}
    .MobileviewTable td:nth-of-type(12):before { content: "Edit";}

    .MobileviewTable span.mobileViewDate {
        display: inline-block;
        width: 45%;
        word-wrap: break-word;
        vertical-align: top;
        white-space: pre-line;
    }
    .MobileviewTable th {
        position: relative;
        display: inline;
    }
    .MobileviewTable td:before { 
        padding-left: 22px;
        display: inline-block;
        width: 52%;
    }

    /* AppCredentials */
    .AppCredentials .table.dataTable {
        width: 99% !important;
    }
    .AppCredentials td:nth-of-type(1):before { content: "";}
    .AppCredentials td:nth-of-type(2):before { content: "Status"; }
    .AppCredentials td:nth-of-type(3):before { content: "Credentials"; }
    .AppCredentials td:nth-of-type(4):before { content: "Actions";}
    .AppCredentials td:nth-of-type(5):before { content: "First Name";}
    .AppCredentials td:nth-of-type(6):before { content: "Last Name";}
    .AppCredentials td:nth-of-type(7):before { content: "Email";}
    .AppCredentials td:nth-of-type(8):before { content: "LastAuth";}
    .AppCredentials td:nth-of-type(9):before { content: "Access Status"; }
    .AppCredentials td:nth-of-type(10):before { content: "Effective Date";}

    .AppCredentials th {
        position: relative;
        display: inline;
    }
    .AppCredentials td:before { 
        padding-left: 22px;
        display: inline-block;
        width: 52%;
    }
    .AppCredentials td.dataTables_empty:before { 
        display: block;
        width: 100%;
    }
    .AppCredentials .dash-table .table.dataTable tbody th, table.dataTable tbody td {
        padding: 10px 0px 8px 0px !important;
    }
    .AppCredentials .ActionDropdown {
        bottom: 0px;
    }
    .AppCredentials {
        margin-top: 32px;
    }

    /* MobileviewEPETable */
    .MobileviewEPETable td:nth-of-type(1):before { content: "Entitlement";}
    .MobileviewEPETable td:nth-of-type(2):before { content: "Actions"; }
    .MobileviewEPETable td:nth-of-type(3):before { content: "Description"; }
    
    span.mobileViewEpE {
        display: inline-block;
        width: 27%;
        white-space: pre-line;
        vertical-align: top;
    }
    .MobileviewEPETable th {
        position: relative;
        display: inline;
    }
    span.MobileviewEPETable td{
        position: absolute;
        text-align: right;
        width: 58%;   
    }
    .MobileviewEPETable td:before { 
        padding-left: 22px;
        display: inline-block;
        width: 50%;
    }	
    .MobileviewEPETable .dash-table .table.dataTable tbody th, table.dataTable tbody td {
        padding: 10px 0px 8px 5px !important;
    }

    .MobileviewEPETable .ActionDropdown {
        bottom: 0px;
    }

    /* SODTable */
    .MobileviewSODTable td:nth-of-type(1):before { content: "SOD Query";}
    .MobileviewSODTable td:nth-of-type(2):before { content: "Actions";}
    .MobileviewSODTable td:nth-of-type(3):before { content: "Created Date";}

    span.MobileviewSOD {
        display: inline-block;
        width: 49%;
        white-space: pre-line;
        vertical-align: top;
    }
    .MobileviewSODTable th {
        position: relative;
        display: inline;
    }
    span.MobileviewSODTable td{
        position: absolute;
        text-align: right;
        width: 58%;   
    }
    .MobileviewSODTable td:before { 
        padding-left: 22px;
        display: inline-block;
        width: 50%;
    }	
    .MobileviewSODTable .dash-table .table.dataTable tbody th, table.dataTable tbody td {
        padding: 10px 0px 8px 5px !important;
    }
    .MobileviewSODTable .ActionDropdown {
        bottom: 0px;
    }
    .MobileviewSODTable .dataTables_wrapper {
        margin-bottom: 5px;
    }

    /* IAUser --> user access details */
    .MobileuserTable td:nth-of-type(1):before { content: "First Name";}
    .MobileuserTable td:nth-of-type(2):before { content: "Middle Name"; }
    .MobileuserTable td:nth-of-type(3):before { content: "Last Name"; }
    .MobileuserTable td:nth-of-type(4):before { content: "Email"; }
    
    span.MobileviewUD {
        display: inline-block;
        width: 27%;
        white-space: normal;
        word-break: break-word;
    }
    .MobileuserTable th {
        position: relative;
        display: inline;
    }
    span.MobileuserTable td{
        position: absolute;
        text-align: right;
        width: 58%;   
    }
    .MobileuserTable td:before { 
        padding-left: 22px;
        display: inline-block;
        width: 50%;
    }	
    .MobileuserTable .dash-table .table.dataTable tbody th, table.dataTable tbody td {
        padding: 10px 0px 8px 5px !important;
    }
    .MobileuserTable .ActionDropdown {
        bottom: 0px;
    }
    .MobileuserTable .dataTables_wrapper {
        margin-bottom: 5px;
    }

/*ManageApplication --> Application Credentials ---> Credentials Entitlements*/
    .MobileCDEntitleTable td:nth-of-type(1):before { content: "Entitlement";}
    .MobileCDEntitleTable td:nth-of-type(2):before { content: "Actions"; }
    .MobileCDEntitleTable td:nth-of-type(3):before { content: "Description"; }
    .MobileCDEntitleTable td:nth-of-type(4):before { content: "Effective Date"; }
    .MobileCDEntitleTable td:nth-of-type(5):before { content: "Status"; }

    span.MobileviewCDEnt {
        display: inline-block;
        width: 27%;
        white-space: normal;
        word-break: break-word;
    }
    .MobileCDEntitleTable th {
        position: relative;
        display: inline;
    }
    span.MobileCDEntitleTable td{
        position: absolute;
        text-align: right;
        width: 58%;   
    }
    .MobileCDEntitleTable td:before { 
        padding-left: 22px;
        display: inline-block;
        width: 50%;
    }	
    .MobileCDEntitleTable .dash-table .table.dataTable tbody th, table.dataTable tbody td {
        padding: 10px 0px 8px 5px !important;
    }
    .MobileCDEntitleTable .ActionDropdown {
        bottom: 0px;
    }
    .MobileCDEntitleTable .dataTables_wrapper {
        margin-bottom: 5px;
    }

/*ManageApplication --> Application Entitlements ---> Entitlements Credentials*/
    .MobileEntitleCDTable td:nth-of-type(1):before { content: "Credential";}
    .MobileEntitleCDTable td:nth-of-type(2):before { content: "Actions"; }
    .MobileEntitleCDTable td:nth-of-type(3):before { content: "Distinguished Name"; }
    span.MobileviewEntCD {
        display: inline-block;
        width: 42%;
        white-space: normal;
        word-break: break-word;
        vertical-align: top;
    }
    .MobileEntitleCDTable th {
        position: relative;
        display: inline;
    }
    span.MobileEntitleCDTable td{
        position: absolute;
        text-align: right;
        width: 58%;   
    }
    .MobileEntitleCDTable td:before { 
        padding-left: 22px;
        display: inline-block;
        width: 50%;
    }	
    .MobileEntitleCDTable .dash-table .table.dataTable tbody th, table.dataTable tbody td {
        padding: 10px 0px 8px 5px !important;
    }
    .MobileEntitleCDTable .ActionDropdown {
        bottom: 0px;
    }
    .MobileEntitleCDTable .dataTables_wrapper {
        margin-bottom: 5px;
    }

   /* IAMUserTable styles */
  .IAMUserTable td:nth-of-type(1):before { content: "First Name"; }
  .IAMUserTable td:nth-of-type(2):before { content: "Middle Name";}
  .IAMUserTable td:nth-of-type(3):before { content: "Last Name";}
  .IAMUserTable td:nth-of-type(4):before { content: "Email";}
  .IAMUserTable td:nth-of-type(5):before { content: "Manager";}
  .IAMUserTable td:nth-of-type(6):before { content: "Actions";}

    .IAMUserTable span.mobileViewIamuser {
        display: inline-block;
        width: 44%;
        word-wrap: break-word;
        vertical-align: top;
        white-space: pre-line;
    }
    .IAMUserTable th {
        position: relative;
        display: inline;
    }
    .IAMUserTable td:before { 
        padding-left: 22px;
        display: inline-block;
        width: 52%;
    }
    .IAMUserTable .dash-table .table.dataTable tbody th, table.dataTable tbody td {
        padding: 10px 0px 8px 0px !important;
    }
    /* .user-actions .accessButton, .user-actions .detailsButton {
        margin-top: 10px;
    } */
    .user-actions .deleteButton, .user-actions .accessButton {
        margin-right: 15px;
    }

   /* Sync History Table */
    .SyncHisCardTable table>tr:first-child {
        max-height: 40px !important;
    }
    .SyncHisCardTable>tr>td:nth-of-type(1) {
      border-top: 1px solid #ddd;
    }
    .SyncHisCardTable>tr>td:nth-of-type(3), .SyncHisCardTable>tr>td:nth-of-type(4),.SyncHisCardTable>tr>td:nth-of-type(5),.SyncHisCardTable>tr>td:nth-of-type(6),.SyncHisCardTable>tr>td:nth-of-type(7) { display:none !important;}

    .SyncHisCardTable tbody>tr>td:nth-of-type(1):before { content: "Type"; }
    .SyncHisCardTable tbody>tr>td:nth-of-type(2):before { content: "Status";}
    .SyncHisCardTable tbody>tr>td:nth-of-type(3):before { content: "Credential"; }
    .SyncHisCardTable tbody>tr>td:nth-of-type(4):before { content: "Entitlement";}
    .SyncHisCardTable tbody>tr>td:nth-of-type(5):before { content: "User";}
    .SyncHisCardTable tbody>tr>td:nth-of-type(6):before { content: "Date";}
    .SyncHisCardTable tbody>tr>td:nth-of-type(7):before { content: "Admin"}

    .SyncHisCardTable td .ActionDropdown {
        width: 42%;
        display: inline-block;
        word-wrap: break-word;
        white-space: pre-line;
    }
    .SyncHisCardTable th {
        position: relative;
        display: inline;
    }
    .SyncHisCardTable td:before { 
        padding-left: 22px;
        display: inline-block;
        width: 52%;
    }
    .SyncHisCardTable .dash-table .table.dataTable tbody th, table.dataTable tbody td {
        padding: 10px 0px 8px 0px !important;
    }
    .SyncHisCardTable .ActionDropdown {
        bottom: 0px;
    }
    #syncTable .form-control {
        width: 99%;
    }
    .SyncHistory .ActionDropdown-content {
        left: 0%;
        top: 18px;
    }
    .custom-dialog {
        width: 95%;
    }

    /*  endpoint entitlement table and pending Approvals table  */
    .pendingApprovals td:nth-of-type(1):before { content: "Request ID";}
    .pendingApprovals td:nth-of-type(2):before { content: "Approval";}
    .pendingApprovals td:nth-of-type(3):before { content: "Reject";}
    .pendingApprovals td:nth-of-type(4):before { content: "First Name"; }
    .pendingApprovals td:nth-of-type(5):before { content: "Last Name"; }
    .pendingApprovals td:nth-of-type(6):before { content: "Application Name";}
    .pendingApprovals td:nth-of-type(7):before { content: "Email";}
    .pendingApprovals td:nth-of-type(8):before { content: "Application Request";}

    .pendingApprovals th {
        position: relative;
        display: inline;
    }
    .pendingApprovals td:before { 
        padding-left: 22px;
        display: inline-block;
        width: 52%;
    }
    .pendingApprovals .dash-table .table.dataTable tbody th, table.dataTable tbody td {
        padding: 10px 0px 8px 0px !important;
    }
    .pendingApprovals .ActionDropdown {
        bottom: 0px;
    }

    /* template Elements*/
/*  endpoint entitlement table  */
.templateElements td:nth-of-type(1):before { content: "Name";}
.templateElements td:nth-of-type(2):before { content: "Actions"; }
.templateElements td:nth-of-type(3):before { content: "Application Type"; }
.templateElements td:nth-of-type(4):before { content: "Sync Status";}
.templateElements tr.group>td:nth-of-type(1):before { display: none; }
.templateElements tr.group>td:nth-of-type(1) { padding-left: 10px !important; font-size: 16px !important; background-color: #f6f6f6;}
.templateElements span.mobileView {
    display: inline-block;
    width: 42%;
    word-wrap: break-word;
    vertical-align: top;
    white-space: pre-line;
}
.templateElements th {
    position: relative;
    display: inline;
}
.templateElements td:before { 
    padding-left: 22px;
    display: inline-block;
    width: 52%;
}
.templateElements .dash-table .table.dataTable tbody th, table.dataTable tbody td {
    padding: 10px 0px 8px 0px !important;
}
.templateElements .ActionDropdown {
    bottom: 0px;
}

  /*   mainDashboard Table */

    .mainDashTable td:nth-of-type(1):before { content: "Campaign";}
    .mainDashTable td:nth-of-type(2):before { content: "Status"; }
    .mainDashTable td:nth-of-type(3):before { content: "Year"; }
    .mainDashTable td:nth-of-type(4):before { content: "Progress";}
    .mainDashTable span.EpcMbEmail {
        display: inline-block;
        white-space: pre-line;
    }
    .mainDashTable td:before { 
        font-weight: 500;
        color: #091432;
        padding-left: 12px;
        display: inline-block;
        width: 50%;
    }
    .mainDashTable .dash-table .table.dataTable tbody th, table.dataTable tbody td {
        padding: 10px 0px 8px 0px !important;
    }
    .DashTableProgressBar div {
        max-width: 150px !important;
    }
    .DashTableProgressBar .progress-bar {
        position: absolute;
        top: 10px;
        left: 50%;
        height: 20px;
    }

    /*   Create Capmaign Table    */

    .TepmElements td:nth-of-type(1):before { content: "Application Name";}
    .TepmElements td:nth-of-type(2):before { content: "Last Refresh"; }

    .TepmElements td:before { 
        color: #091432;
        font-size: 15px; 
        font-weight: 400;
        opacity: 1 !important;
        padding-left: 8px;
        display: inline-block;
        width: 55%;
    }

    /*   Email Templates Table   */
    .Emailtemps td:nth-of-type(1):before { content: "Email Template Name";}
    .Emailtemps td:nth-of-type(2):before { content: "Email Template Type"; }
    .Emailtemps td:nth-of-type(3):before { content: "Description"; }
    .Emailtemps td:nth-of-type(4):before { content: "Actions"; }

    .Emailtemps td:before { 
        color: #091432;
        font-size: 15px; 
        font-weight: 400;
        opacity: 1 !important;
        padding-left: 8px;
        display: inline-block;
        width: 55%;
    }

 /* endpoint and Credentials */
    .CredTable .ManageApp tr.ManageApp_tr { 
        position: absolute;
        top: 71px !important;
        left: 1px !important;
    }
    .table.CredTable tbody tr {
        margin-top: 22px;
    }
    .table.CredTable thead  tr.ManageApp_tr > * {
        display: none !important;
    }
    .table.CredTable thead  tr.ManageApp_tr > *:nth-child(1) {
        display: block !important;
    }
    .table.CredTable thead  tr.ManageApp_tr th:nth-of-type(1):after { 
        content: " Select All";
        font-size: 15px;
    }

    /* Application Credentials */
    .AppCredentials thead:first-of-type {
        display: inline-block;
    }
    .AppCredentials .ManageApp tr.ManageApp_tr { 
        position: absolute;
        top: 55px !important;
        left: 3px !important;
    }
    .AppCredentials .table tbody tr {
        margin-top: 22px;
    }
    .AppCredentials .table thead  tr.ManageApp_tr > * {
        display: none !important;
    }
    .AppCredentials.table thead  tr.ManageApp_tr > *:nth-child(1) {
        display: block !important;
    }
    .AppCredentials .table thead  tr.ManageApp_tr th:nth-of-type(1):after { 
        content: " Select All";
        font-size: 15px;
    }
    /* .manager View */
    .managerView td:nth-of-type(1):before { content: "First Name";}
    .managerView td:nth-of-type(2):before { content: "Last Name"; }
    .managerView td:nth-of-type(3):before { content: "Email"; }
    .managerView td:nth-of-type(4):before { content: "Application Name"; }
    .managerView td:nth-of-type(5):before { content: "Last Reviewed Date"; }
    .managerView td:nth-of-type(6):before { content: "Audit Log"; }
    .managerView td:nth-of-type(7):before { content: "Review"; }

    .managerView span.EpcMbEmail, .Emailtemps span.EpcMbEmail, .TepmElements span.EpcMbEmail {
        display: inline-block;
        width: 40%;
        word-wrap: break-word;
        vertical-align: top;
        white-space: pre-line;
    }
    .managerView td:before {
        color: #091432;
        font-size: 15px; 
        font-weight: 400;
        opacity: 1 !important;
        padding-left: 8px;
        display: inline-block;
        width: 55%;
    }

    /* .Delegation */
    .delegateTable.ManageApp tr.ManageApp_tr { 
        position: absolute;
        top: 71px !important;
        left: 1px !important;
    }
    .delegateTable.table tbody tr {
        margin-top: 22px;
    }
    .delegateTable.table thead  tr.ManageApp_tr > * {
        display: none !important;
    }
    .delegateTable.table thead  tr.ManageApp_tr th:nth-of-type(1):after { 
        content: " Select All";
        font-size: 15px;
    }

    .MobileviewTable .ManageApp tr.ManageApp_tr { 
        position: absolute;
        top: 71px !important;
        left: 1px !important;
    }
    .MobileviewTable.table tbody tr {
        margin-top: 22px;
    }
    .MobileviewTable.table thead  tr.ManageApp_tr > * {
        display: none !important;
    }
    .MobileviewTable.table thead  tr.ManageApp_tr > *:nth-child(1) {
        display: block !important;
    }
    .MobileviewTable.table thead  tr.ManageApp_tr th:nth-of-type(1):after { 
        content: " Select All";
        font-size: 15px;
    }
    .pendingApprovals span.EpcMbEmail, .SyncHisCardTable span.EpcMbEmail, .AppCredentials span.EpcMbEmail {
        display: inline-block;
        width: 42%;
        word-wrap: break-word;
        vertical-align: top;
        white-space: pre-line;
    }
    .table_container .Sort_By_Status {
        position: absolute;
        left: 0%;
        top: -27px;
    }
    .media-body {
        width: 80px;
        overflow: inherit;
    }
    .mobileHost {
        display: none;
    }
    .approversTable td.EpcMbEmail, .mainDashTable span.EpcMbEmail  {
        width: 50%;
        vertical-align: top;
        white-space: pre-line;
    }
    .custRadio {
        padding-right: 0px !important;
    }
    .MyAccess .group td {
        padding-left: 15px !important;
    }
    .endpointListBtn {
        margin-right: 6px;
        padding-top: 10px 0px 0px 0px !important
    }
    .entitleradio {
        margin-top: 45px !important;
    }
    .delegateTable.dataTable.display tbody tr> .sorting_1 {
        display: block !important;
        position: absolute !important;
        width: 83% !important;
        left: 46px;
    }
    .templateElements tr:last-child .ActionDropdown-content {
        top: 22px;
        left: -84px;
    }
    .templateElements tr:last-child .ActionDropdown-content1 {
        top: 0px !important;
        left: 118px !important;
    }
    .autoComplete.update div, .autoComplete.update div:focus {
        width: 86%;
    }
    .CreateOpen {
        height: 0px !important;
    }
    .list-group-item-text {
        word-wrap: break-word;
    }
    .help-section .col-md-10 {
        top: 400px;
    }
    .help-section .col-md-2 {
        padding-bottom: 18px;
    }
    .uploadCreate {
        border-top: 1px solid #ddd;
    }
}

/* iPhone X in landscape */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) { 
    .loggedUser {
        position: unset;
    }
    .campaignGridCard {
        padding-right: 0px;
    }
    .row.pickles-login {
        height: calc(100vh - -50px);
    }
    /* .login100-form-title {
        text-align: center;
        font-size: 30
    } */
    .loginmodal-container {
        margin: 0 auto;
        Margin-top: 80px;
    }
    .LandScapeTitle {
        display: inline-block;
    }
    .mbSidebarWrapper .SidebarMobile>div>div svg {
        color: #091432;
    }
    .mainSidebarWrapper .SidebarMobile div ul li {
        color: #091432 !important;
        font-weight: 400;
        font-size: 14px !important;
        width: 80%;
        text-overflow: ellipsis;
    }
    .mainSidebarWrapper>div {
        overflow-y: visible !important;
    }
    .fixed {
        border-top: 1px solid #ccc;
        position: fixed;
        top: 64px;
        left: 2% !important;
        width: 96% !important;
        height: 56px;
        z-index: 99;
    }
    table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1, table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, .table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
        background: #fff !important;
        padding-left: 6px !important;
    }
    .MobileviewTable td:before {
        padding-left: 22px;
        display: inline-block;
        width: 48%;
    }
    .MBResponsive .ManageApp tr.ManageApp_tr { 
        position: absolute;
        top: 50px !important;
        left: 10px !important;
    }
    .table.MBResponsive tbody tr {
        margin-top: 22px !important;
    }
    .table.MBResponsive thead  tr.ManageApp_tr > * {
        display: none !important;
    }
    .table.MBResponsive thead  tr.ManageApp_tr > *:nth-child(1) {
        display: block !important;
    }
    .table.MBResponsive thead  tr.ManageApp_tr th:nth-of-type(1):after { 
        content: " Select All";
        font-size: 15px;
    }
    .react-table .table.dataTable td.dataTables_empty {
        display: table;
        width: 99.8% !important;
        border: none;
    }
    .sticky.fixed h2 {
        margin-left: -10px;
        padding-left: 10px;
    }
    .refreshBtn {
        position: absolute;
        top: -47px;
        right: 0;
    }
    .table_container .Sort_By_Status {
        position: absolute;
        left: 40%;
        top: -5px;
    }
    .campaignGridCard2 {
        padding-left:  0px !important;
    }
    .delegateTable.dataTable.display tbody tr> .sorting_1 {
        display: block !important;
        position: absolute !important;
        width: 83% !important;
        left: 46px;
    }
    table.dataTable>tbody>tr.child span.dtr-title {
        min-width: 150px !important;
    }
    .delegateTable.dataTable.display tbody tr.odd, table.dataTable.order-column.stripe tbody tr.odd {
        display: inherit !important;
    }
    #temp-table .btn-xs {
        width: 170px;
        margin-right: 10px;
    }
    .multiselect-container>li>a>label {
        min-width: 170px;
        max-width: 255px !important;
        white-space: initial !important;
    }
    .sod_policy .btn-group .dropdown-toggle, .sod_policy .btn-group.open .dropdown-toggle {
        width: 473px;
        max-width: 500px;
        margin-top: 10px !important;
    }
    .create_policy {
        margin-top: 10px;
    }
    .btnCampaign {
        top: 500px;
    }
    @media only screen and (-webkit-min-device-pixel-ratio: 1) {
        ::i-block-chrome, .mobile_menu {
           min-height: 100px !important;
    }
   }
}

/* iphone SE Media */
@media (max-width:320px)  {
    .makeBrand {
        font-size: 13px !important;
        font-weight: bold;
    }
}
@media (max-width:414px)  {
    .Notification_date {
        min-width: 100px !important;
    }
    .multiselect-container>li>a>label {
        min-width: 170px;
        max-width: 183px !important;
        white-space: initial !important;
    }
}

.multi-select-container {
    width: 100%;
    margin: 10px 0;
    font-family: Arial, sans-serif;
    position: relative;
    display: flex;
    justify-content:flex-start;
  }
  .label_dropdown_bind{
    width: 50%;
    margin: 10px;
  }

  .dropdown-label {
    color: #2c3e50;
    margin-bottom: 4px;
    display: block;
  }
  
  .dropdown-header {
    padding: 8px 12px;
    width: auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: white;
    color: #2c3e50;
    text-overflow: inherit;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin-bottom: 15px;
  }
  
  .dropdown-arrow {
    border: none;
    font-size: 12px;
    color: #2c3e50;
    pointer-events: none;
  }
  
  .dropdown-list {
    position: absolute;
    width: 200px;
    border: 1px solid #ccc;
    background: white;
    max-height: 150px;
    overflow-y: auto;
    z-index: 10;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-top: 4px;
    padding: 0;
    list-style: none;
  }
  
  .dropdown-item {
    padding: 5px 10px;
    cursor: pointer;
    color: #2c3e50;
  }
  
  .dropdown-item.selected {
    background-color: #f0f0f0;
  }
  
  .error-message {
    color: var(--se-risk, #b23a55);
    font-size: 12px;
    margin-top: 5px;
  }
  
span.multiselect-native-select{position:relative}span.multiselect-native-select select{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px -1px -1px -3px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;left:50%;top:30px}.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container .multiselect-reset .input-group{width:93%}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:400}.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}.multiselect-container>li>a>label.checkbox,.multiselect-container>li>a>label.radio{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}
 .sod_center {
   height: 330px;
   position: relative;
 }

 .sod_center p {
   margin: 0;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }

 .sod_container {
   width: 90%;
   margin: auto;
   overflow: hidden;
   border: 1px solid #ccc;
   margin-top: 20px;
 }

 .sod_container ul {
   padding: 0px;
   margin: 0px;
 }

 .sod_query_box {
   float: left;
   list-style: none;
   width: 43.5%;
   height: 330px;
   border-radius: 5px;
   border: 1px solid #ccc;
   box-sizing: border-box;
   margin-top: 15px;
   margin-left: 8px;
 }

 .sod_query_box1 {
   float: left;
   list-style: none;
   width: 42%;
   height: 440px;
   border-radius: 5px;
   border: 1px solid #ccc;
   box-sizing: border-box;
   margin-top: 15px;
   margin-left: 20px;
 }



 .sod_query_operator_box {
   float: left;
   list-style: none;
   width: 5%;
   height: 300px;
   margin-left: 14px;
   box-sizing: border-box;
 }

 .duty_application {
   width: 65%;
   padding-left: 15px
 }

 button[id ^='selected_multi_entitlement_'] {
   width: 197% !important;
 }

/*# sourceMappingURL=main-061500b0.6b386377.css.map*/