.pt5 { padding-top: 5px !important;}
.pb5 { padding-bottom: 5px !important;}
.pr5 { padding-right: 5px !important;}
.pl5 { padding-left: 5px !important;}
.pt10{ padding-top:10px !important;}
.pb10{ padding-bottom:10px !important;}
.pr10{ padding-right:10px !important;}
.pl10{ padding-left:10px !important;}
.pt20{ padding-top:20px !important;}
.pb20{ padding-bottom:20px !important;}
.pd0 { padding: 0 !important;}
.mb0 { margin-bottom: 0 !important;}
.mr0 { margin: 0 !important;}
.mt5 { margin-top: 5px !important;}
.mt4 { margin-top: 4px;}
.mt10{ margin-top:10px !important;}
.mb5{ margin-bottom:5px !important;}
.mb10{ margin-bottom:10px !important;}
.mb20{ margin-bottom:20px !important;}
.w100 { width: 100% !important;}
.w75 { width: 75% !important;}
.mr10{ margin-right:10px !important;}
.ml10{ margin-left:10px !important;}
.ml-1 { margin-left: -1px;}
.clear-both { clear: both; }
.min-h10 { min-height: 10px; }
.text-right {text-align: right;}
.text-crimson-red { color: crimson; }
@-moz-document url-prefix() {
    select.w100 {width: 99% !important;}
}
p { text-align: justify; } h1 { font-size: 130%; font-family: arial; }
pre { font-size: 9pt; padding: 10px; background-color: #F8F8F8; border: 1px solid #F0F0F0; }
.clsNode {font-family: tahoma; font-size: 8pt; text-decoration: none; cursor: hand; color: black }
.clsNodeSelected { font-weight:bold; font-family: tahoma; font-size: 8pt; text-decoration: none; cursor: hand; color: black }
.clsNode:hover { text-decoration: none; color: #eeeeee; background-color: #003366 }
input.small { border: 1px solid silver; padding: 0 2px; background-color: #F0F0F0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; ; color: #000000} select { font-family: "Small Fonts"; font-size: 8px; }
.logininfo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: none; font-weight: bolder}
.TitleHeading {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000099; letter-spacing: normal; border-style: none}
.treeLevel1 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000099; text-decoration: none}
.treeLevel1:hover { text-decoration: none; color: #eeeeee; background-color: #003366 }
.treeLevel2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #990000; text-decoration: none}
.treeLevel2:hover { text-decoration: none; color: #eeeeee; background-color: #003366 }
.treeLevel3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration: none}
.treeLevel3:hover { text-decoration: none; color: #eeeeee; background-color: #003366 }
.readonlyfield {background-color:#EEEEEE;}
.text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; line-height: 19px}
.textbox {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; border: #000099; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin}
.Link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; text-decoration: none}

.AutoLinkFirstRow {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none ; background-color: #F5F5F5}
.AutoLinkFirstRow:hover{color:FF0000;text-decoration: underline; z-index: 11; }
.AutoLinkSecondRow {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none ; background-color: #FEF9FF}\
.AutoLinkSecondRow:hover{color:FF0000;text-decoration: underline}

.textfields {  font-family: Arial, Helvetica, sans-serif; font-size: 9pt; border: 1px #B4F4AA solid; text-decoration: none; background-image: none}
.largeTextfield {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: none; border: #0099FF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.search_field {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; border: 1px #666666 solid; color: #000000}.textsmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000}
UNKNOWN {
    FONT-WEIGHT: normal; FONT-SIZE: 12px; FONT-FAMILY: arial
}
.text {
    PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
#popupcalendar {
    LEFT: 0px; VISIBILITY: hidden; WIDTH: 185px; POSITION: absolute; TOP: 0px; HEIGHT: 130px; BACKGROUND-COLOR: white
}
A.cal-DayLink {
    FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: Verdana,  Arial, sans-serif; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
A.cal-DayLink:hover {
    FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: blue; FONT-FAMILY: Verdana, Arial, sans-serif; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
A.cal-DayLink:active {
    FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #0066ff; FONT-FAMILY: Verdana,  Arial, sans-serif; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
.cal-TextBox {
    FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: Verdana,  Arial, sans-serif; BACKGROUND-COLOR: #ffffcc
}
A.cal-TodayLink {
    FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: red; FONT-FAMILY: Verdana, Arial, sans-serif; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
A.cal-TodayLink:hover {
    FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: blue; FONT-FAMILY: Verdana, Arial, sans-serif; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
A.cal-TodayLink:active {
    FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #0066ff; FONT-FAMILY: Verdana,  Arial, sans-serif; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
.cal-GreyDate {
    FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #999999; FONT-FAMILY: Verdana,  Arial, sans-serif; BACKGROUND-COLOR: #ffffcc; TEXT-DECORATION: none
}
.cal-GreyInvalidDate {
    FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #999999; FONT-FAMILY: Verdana, Arial, sans-serif; BACKGROUND-COLOR: #ffffcc; TEXT-DECORATION: line-through
}
.cal-DayCell {
    FONT-WEIGHT: normal; FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, sans-serif; BACKGROUND-COLOR: #70BADF
}
.cal-HeadCell {
    FONT-WEIGHT: bold; FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, sans-serif; BACKGROUND-COLOR: #3274A6
}
.cal-Table {
    BORDER-LEFT-COLOR: #DAE1F3; BORDER-BOTTOM-COLOR: #DAE1F3; BORDER-TOP-COLOR: #DAE1F3; BACKGROUND-COLOR: black; BORDER-RIGHT-COLOR: #DAE1F3
}
.textError {
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CC0000; }

#dateRange {display: none}

.ScreenTitleSub { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #990000; text-decoration: none }
.textBold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; line-height: 19px; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 9px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.textBoldBlue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000099; line-height: 19px; PADDING-RIGHT: 2px;  FONT-WEIGHT: bold; FONT-SIZE: 9px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
.textBoldRed { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: red; line-height: 19px; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 9px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
INPUT {
    color: black;
    font-family: Verdana;
    font-size: 10px;
    border-color: #7F9DB9;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px
}
.disabledFieldForDateField {
    cursor: not-allowed !important; opacity: 0.5;
}
TEXTAREA {
    color: black;
    font-family: Verdana;
    font-size: 10px;
    border-color: #7F9DB9;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px}

SELECT {
    color: black;
    font-family: Verdana;
    font-size: 9px;
    border-color: #7F9DB9;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-left-width: 2px;
    border-top-width: 2px;
    border-right-width: 1px
}

.groupByStyle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #990000;
    text-decoration: none;
    background-color: #D3E4FE;
    text-align: left;
}

fieldset { border:1px solid #CCCCCC}

legend {
    padding: 0.2em 0.5em;
    border:1px solid #CCCCCC;
    color:#990000;
    font-size:10px;
    text-align:left;
    font-weight: bold;
}

.tbDataFirstRow { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none ; background-color: #F7F9FD}
.tbDataSecondRow { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; text-decoration: none ; background-color: #F1F1EB}
.tbOver { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #FFFFFF; text-decoration: none ; background-color: #E1EAFE}
.tbOut { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #FFFFFF; text-decoration: none ; background-color: #E1EAFE}
.tableCoulmnHeading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    background-color: #FEEECF;
    text-align: center;
}
.tableCoulmnHeadingSort {
    font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-decoration: none ;
    background-color: #E4D2B8; text-align:center;
}
.tableCoulmnHeadingSort .timezoneOption { width: 135px;}
.tableCoulmnHeadingSort.table-bg-transparent{ background: #ffffff !important}
.treeLevel1Marun { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #990000; text-decoration: none }
.textBoldM { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #990000; text-decoration: none }
.textsmallB { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000 ; font-weight: bold}

.tablebhead {
    background-color: #AACAE3;
    color: black;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
}
.rewardshelptext {
    background-color: #f0f4fc;
    font-weight: bold;
    width: 150px;
    height: 50px;
    padding-top: 9px;
    padding-left: 9px;
    border-radius: 5px;
    margin: 4px 0 0;
}

.consumedpointshelptext {
    background-color: #ffe4a4;
    font-weight: bold;
    width: 150px;
    height: 50px;
    padding-top: 9px;
    padding-left: 9px;
    border-radius: 5px;
    margin: 4px 0 0;
}

.tablebbottom {
    background-image:  url("../csimages/navbar/tb_bot_bg.jpg");
    background-repeat: repeat-x;
    color: #000A44;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    line-height: 17px;
}
.test {
    padding:		2px 6px 2px 6px;
    border:			1px solid;
    border-color:	ButtonHighlight ButtonShadow
    ButtonShadow ButtonHighlight;
}

.test:hover {
    padding:		2px 6px 2px 6px;
    border:			1px solid;
    border-color:	ButtonHighlight ButtonShadow
    ButtonShadow ButtonHighlight;
}
.hrlineBG {
    background-image: url(../images/hrlineBG.jpg);
    background-repeat: repeat-x;
    line-height: 1px;
}

.dataEntry {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    background-color: #FCFAFE;
}
.bg-color-fcfafe {
    background-color: #FCFAFE;
}
.fieldLabel {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000;    text-decoration: none; }

.navBarBG {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    background-color: #D5E7FD;
}
.whiteBG {
    background-color: #FFFFFF;
    height: 100% !important;
}

.greyBG {
    background-color: #f0f0f0;
    height: 100% !important;
}

.screenTitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000099; text-decoration: none}
.pageBG {
    background-image:  url("../csimages/page_bg.gif");
}
.grayBG {
    background-color: #F2F1F6;
}
.ast { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990000; text-decoration: none }
/* Gerade Zeile */
.even {
    background-color : #EDEFF0;
}

.even td {
    font-family : Arial;
    font-size : 8pt;
    padding-left : 10;
    height : 18px;
}

/* Ungerade Zeile */
.odd  {
    background-color : #FFFFFF;
}

.odd  td {
    font-family : Arial;
    font-size : 8pt;
    padding-left : 10;
    height : 18px;
}
.textOverlap{
    position:relative;
    top:-10;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color:#000000;
    background-color: #8CD2F4;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}

.tabTableHead {
    background-color: #007DC2;
    color: white;
    font-family: Verdana;
    font-size: 10px;
}
.groupBG {
    background-color: #E2E6EB;
    color: navy;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
}

td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}
.barBtn {
    background: rgba(255,255,255,0) url("../csimages/navbar/bar/bar_bg.jpg") repeat-x 0 0/100% 100%;
    background: url("../csimages/navbar/bar/bar_bg.jpg") top center repeat-x #0051a3 \9;
    color: White;
    text-align: center;
    text-decoration:none;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    line-height: 14px;
    padding:5px 0;
}
.whiteLink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: white;
    text-decoration: none;
}
.grayLink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: gray;
    text-decoration: none;
}
.whiteLink:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: white;
    text-decoration:underline;
}
.whiteLink:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: orange;
    text-decoration:none;
}
.whiteLink:active:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: white;
    text-decoration:underline;
}

.errorMsg {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #CC0000;
}
.infoMsg {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: blue;
}
.popup {Z-INDEX: 10; VISIBILITY: hidden; POSITION: absolute;}
.AutoLink {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#0000CC; font-weight: normal; text-decoration: none ;} .AutoLink:hover{color:#990000;text-decoration:underline;}

ul#tabnav {
    list-style-type: none;
    margin: 4;
    padding-left: 40px;
    padding-bottom: 24px;
    border-bottom: 3px solid #1E4390;
    font: bold 11px verdana, arial, sans-serif;
}
ul#tabnav li {
    float: left;
    height: 21px;
    background-color: #1E4000;
    color: #FFFFFF;
    margin: 2px 2px 0 2px;
    border: 1px solid #1E4390;
}
ul#tabnav a:link, ul#tabnav a:visited {
    display: block;
    color: #FFFFFF;
    background-color: #B0C4DE;
    text-decoration: none;
    padding: 4px;
}
ul#tabnav a:hover {
    background-color: #FFCC66;
    color: #000000;
}

body#allpayees li.allpayees {
    border-bottom: 1px solid #fff;
    color: #FFFFFF;
    background-color: #000000;
}
body#allpayees li.allpayees a:link, body#allpayees li.allpayees a:visited {
    color: #FFFFFF;
    background-color: #000000;

}

body#allpayees li.allpayees, body#categorypayees li.categorypayees,
body#zippayees li.zippayees {
    border-bottom: 3px solid #fff;
    color: #FFFFFF;
    background-color: #000000;
}

body#recipes li.allpayees a:link, body#allpayees li.allpayees a:visited,
body#categorypayees li.categorypayees a:link, body#categorypayees li.categorypayees a:visited,
body#zippayees li.zippayees a:link,
body#zippayees li.zippayees a:visited {
    color: #000000;
    background-color: #FFFFFF;
}

#navigation {
    font-family: Arial, Helvetica, sans-serif;
}
#navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#navigation li {
    display: inline;
}

#navigation li a:link, #navigation li a:visited {
    background-color: #FFFFFF;
    color: #1E4390;
    text-decoration: none;
    font: bold 11px verdana, arial, sans-serif;
    padding: 2px;
}

#navigation li a:hover {
    background-color: #1E4390;
    color: #FFFFFF;
    text-decoration: none;
    font: bold 11px verdana, arial, sans-serif;
    padding: 2px;
}
#navigation li a:active {
    background-color: #1E4390;
    color: #FFFFFF;
    text-decoration: none;
    font: bold 14px verdana, arial, sans-serif;
    padding: 2px;
}

#searchbtn {
    background: #FFFFFF;
    color:#1E4390;
    border: 1px solid #FFFFFF;
    text-decoration: none;
    margin: 4;
    font: bold 11px verdana, arial, sans-serif;
}
.text-decoration-none {
    text-decoration: none;
}

div.auto_complete {
    width: 350px;
    background: #fff;
}

div.auto_complete ul {
    border: 1px solid #31430f;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

div.auto_complete ul li {
    margin: 0;
    padding: 3px;
    text-align: left;
}

div.auto_complete ul li.selected {
    background-color: #dcedad;
}

div.auto_complete ul strong.highlight {
    color: #800;
    margin:0;
    padding:0;
}

ul#tabnav {
    list-style-type: none;
    margin: 4;
    padding-left: 40px;
    padding-bottom: 24px;
    border-bottom: 3px solid #1E4390;
    font: bold 11px verdana, arial, sans-serif;
}
ul#tabnav li {
    float: left;
    height: 21px;
    background-color: #1E4390;
    color: #FFFFFF;
    margin: 2px 2px 0 2px;
    border: 1px solid #1E4390;
}
ul#tabnav a:link, ul#tabnav a:visited {
    display: block;
    color: #FFFFFF;
    background-color: #B0C4DE;
    text-decoration: none;
    padding: 4px;
}
ul#tabnav a:hover {
    background-color: #FFCC66;
    color: #000000;
}

body#allpayees li.allpayees {
    border-bottom: 1px solid #fff;
    color: #000000;
    background-color: #FFFFFF;
}
body#allpayees li.allpayees a:link, body#allpayees li.allpayees a:visited {
    color: #000000;
    background-color: #FFFFFF;
}

body#allpayees li.allpayees, body#categorypayees li.categorypayees,
body#zippayees li.zippayees {
    border-bottom: 3px solid #fff;
    color: #000000;
    background-color: #FFFFFF;
}

body#recipes li.allpayees a:link, body#allpayees li.allpayees a:visited,
body#categorypayees li.categorypayees a:link, body#categorypayees li.categorypayees a:visited,
body#zippayees li.zippayees a:link,
body#zippayees li.zippayees a:visited {
    color: #000000;
    background-color: #FFFFFF;
}

ol#innerNav li {
    display: inline;
}

ol#innerNav li a {
    background: #FFFFFF;
    color:#1E4390;
    border: 1px solid #FFFFFF;
    text-decoration: none;
    font: bold 11px verdana, arial, sans-serif;
}

ol#innerNav li a.visited{
    border: 1px solid #FFCC66;
    text-decoration: none;
}

#searchbtn {
    background: #FFFFFF;
    color:#1E4390;
    border: 1px solid #FFFFFF;
    text-decoration: none;
    margin: 4;
    font: bold 11px verdana, arial, sans-serif;
}

#categories ul {
    float: left;
    width: 19%;
    min-width: 8em;
    margin: 0 1em 10px 0;
    padding-left: 1.5em;
    padding-bottom: 5px;
    list-style-type: square;
}

div.auto_complete {
    width: 350px;
    background: #fff;
}

div.auto_complete ul {
    border: 1px solid #31430f;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

div.auto_complete ul li {
    margin: 0;
    padding: 3px;
    text-align: left;
}

div.auto_complete ul li.selected {
    background-color: #dcedad;
}

div.auto_complete ul strong.highlight {
    color: #800;
    margin:0;
    padding:0;
}

ul#tabnav {
    list-style-type: none;
    margin: 4;
    padding-left: 40px;
    padding-bottom: 24px;
    border-bottom: 3px solid #1E4390;
    font: bold 11px verdana, arial, sans-serif;
}
ul#tabnav li {
    float: left;
    height: 21px;
    background-color: #1E4390;
    color: #FFFFFF;
    margin: 2px 2px 0 2px;
    border: 1px solid #1E4390;
}
ul#tabnav a:link, ul#tabnav a:visited {
    display: block;
    color: #FFFFFF;
    background-color: transparent;
    text-decoration: none;
    padding: 4px;
}
ul#tabnav a:hover {
    background-color: #FFCC66;
    color: #000000;
}

body#allpayees li.allpayees {
    border-bottom: 1px solid #fff;
    color: #000000;
    background-color: #FFFFFF;
}
body#allpayees li.allpayees a:link, body#allpayees li.allpayees a:visited {
    color: #000000;
    background-color: #FFFFFF;
}

body#allpayees li.allpayees, body#categorypayees li.categorypayees,
body#zippayees li.zippayees {
    border-bottom: 3px solid #fff;
    color: #000000;
    background-color: #FFFFFF;
}

body#recipes li.allpayees a:link, body#allpayees li.allpayees a:visited,
body#categorypayees li.categorypayees a:link, body#categorypayees li.categorypayees a:visited,
body#zippayees li.zippayees a:link,
body#zippayees li.zippayees a:visited {
    color: #000000;
    background-color: #FFFFFF;
}

.rndtop {
    background: #FFCC66;
    color: 1E4390;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-align:middle;
    padding-bottom: 3;
    padding-top: -4;
}

.headingDetail{
    background: #eee;
    border-radius:3px;
    padding: 1px 12px;
    margin: 5px 0px;
    color: #444;
    font-size: 12px;
}
.newPrimaryCardNumber .fieldLabel,
.newPrimaryCardNumber .dataEntry{
    font-weight: bold;
}
.newFieldSet fieldset{
    margin: 15px 0px;
}
.newFieldSet legend{
    font-size: 10px;
    color:#000;
}
.newFieldSet input{
    position: relative;
    top:2px;
}
.reissuetextBoldBlue {list-style:none; font-size: 10px; color: #000099; line-height: 19px;  FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }

.criticalBtnWrap{
    position: fixed;
    right: 15px;
    left: auto;
    bottom: 35px;
    background: #fff;
    padding: 0.2em;
    border: 1px solid #c5c5c5;
    z-index: 1;
}
.criticalBtn {
    border: 3px solid #4297d7;
    background: #5c9ccc;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    line-height: normal;
    padding: 6px 25px 6px 6px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
}
.criticalBtn:hover{background: #4297d7;}
.criticalBtn:after{
    content: '';
    background-image: url(../../includes/jquery/images/ui-icons_ffffff_256x240.png);
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -47px -81px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    right: 5px;
}

.user-avatar-btn{
    border: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    cursor: pointer;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #2E489A;
    text-decoration: underline;
    font-size: 10px;
    line-height: 12px;
    background: none;
}

.blueNewLink {
    background: #013366;
    color: #fff;
    font-weight: bold;
    line-height: normal;
    padding: 1px 5px;
    text-align: center;
    text-decoration: none;
    width: auto;
    white-space: nowrap;
    display:inline-block;
    margin-bottom:3px;
    vertical-align: top;
}
.blueNewLink  img { vertical-align: middle; }
.blueNewLink:hover {
    background: #0255A8;
}
label{
    font-weight: 100 !important;
    padding-right: 6px !important;
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
.pad-r{
    padding-right: 10em;
}

#statesComboLatest.initial{
    display:table-cell !important;
}

#td_ch_common_details{
    width: 200px;
    height: 60px;
}

.initial{
    display:table-cell !important;
}


.thbg{ background: rgba(0,0,0, .2); font-size: 10px; border-color: #CCD5CC;border: none;border-right: none;font-weight: normal; }
.td-seprator { border-left:1px solid rgba(0,0,0, .2);}
.text-right{ text-align: right; }
.pull-right{float: right;}
.va-t{vertical-align: top;}
.pad-right{ padding-right:16px;}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {position: fixed;left: 50% !important;top: 50% !important;transform: translate(-50%, -50%); z-index: 111; }


.table{ border: 1px solid #ddd; text-align: right;  }

.table > tbody > tr > td, .table > tbody > tr > th,
.table > tfoot > tr > td, .table > tfoot > tr > th,
.table > thead > tr > td, .table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    font-size:14px;
    color:rgba(0,0,0, .75);
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd;
}

.table-bg{
    background: rgba(0,0,0, .05);
    padding: 16px;
    border-radius: 15px;
}

.table-bg .table{
    font-size: 14px;
    border:none !important;
}
.table-bg .table > tbody > tr > td{
    border-top:none !important;
    font-size: 12px;
}
.unblock_button{
    margin-left : 250px;
}
@media (max-width: 768px)
{
    .unblock_button {margin-left : 200px;}
}
.unblock_status{ padding-top : 30px;
}
.cpcnp-loader {
    position: absolute;
    z-index: 1000;
    margin: 10% 0% 0% 45%;
}
.cpcnpunblock-loader
{
    position: absolute;
    z-index: 1000;
    margin: 40% 0% 0% 50%;
}
input.btn{ color: rgba(0,0,0, 1);padding: 8px 16px;border-radius: 4px;font-size: 13px;margin-left: 16px;margin-top: 8px;border: 1px solid rgba(0,0,0, .095);  }
.tableTopNote{ background:#aacae3; }
.tableTopNoteWhite{ background:#fff; }
.width-150{ width: 150px; }
.displayInlineBlock{ display:inline-block; }
#creditAccountStatementsGeneration .ui-accordion .ui-accordion-header { padding: 10px 20px; background: #f4f4f4; border-color: #e3e3e3; color: #333; }
#creditAccountStatementsGeneration .ui-accordion .ui-accordion-header.ui-state-active{ color: #990000 !important; border-color: #79b7e7; }
#creditAccountStatementsGeneration .ui-accordion .ui-accordion-header .ui-icon{ display:none; }
#creditAccountStatementsGeneration .ui-accordion .ui-accordion-content{ padding: 10px 16px;  }
#creditAccountStatementsGeneration .ui-accordion .ui-accordion-content.ui-accordion-content-active{ border-color: #79b7e7; height:auto !important; }
#creditAccountStatementsGeneration .ui-accordion  .monthName{ margin-top:2px; display:inline-block; vertical-align:middle; }
#creditAccountStatementsGeneration .ui-accordion input[type="checkbox"]{ display:inline-block; vertical-align:middle; }
.statementDelivery{ margin-top:5px; }
.statementDelivery .amountRadio{ overflow:hidden; margin-bottom:5px; }
.statementDelivery .amountRadio:last-child{ margin-bottom:0; }
.statementDelivery .amountRadio input[type="radio"] { float:left; }
.statementDelivery .amountRadio label{ float:left; font-weight: bold !important; margin-left: 10px; }
.statementDelivery .smallNote{ display:block; color:#888; }
.imgIcons { float: left; margin-left: 10px; }
.imgIcons img { margin-right: 5px; }
.legendHighlight { background: #8cd2f4 ; padding: 6px; }
.cardEnrollmentDetail fieldset fieldset{ margin-bottom:10px; margin-top:10px; }
.holder-frame{ float:left; width:40%;}
.holder-frame > img {    display: block; margin-bottom:10px; width:120px;}
.holder-frame #downLoadFile{ margin-left:25px;}
.holder-frame strong{ color:#333;}
.cardEnrollmentDetail [type="button"]{
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #333;
    padding: 5px 10px;
    cursor:pointer;
}
.cardEnrollmentDetail [type="button"]:hover{ background:#ddd; border-color:#ddd;}
.cardEnrollmentDetail select{ width:184px;}
.cardEnrollmentDetail .gender-radio input, .gender-radio label{ display:inline-block; vertical-align:middle;}
.cardEnrollmentDetail .img-holder { background: #eee; margin: 0 0 20px; padding: 34px 30px; text-align: center; width: 70px; }

.temporary-address tr td { height: 24px; }
.temporary-address tr td.country-select select { width:192px; }
.temporary-address tr td.dataEntry input { width: 45px; }
.temporary-address tr td.dataEntry select { width:139px; }
.temporary-address tr td:first-child { width:22%; }
.default_border { border:1px solid #cccccc; }
.Triggering_Actions { height:180px; padding-bottom: 30px; }
.Triggering_Actions tr td { height:5px!important; }
.Triggering_Actions tr td input { margin:0px 10px 0px 40px; }
.Triggering_Actions tr:first-child td:first-child { padding: 10px 0px 30px 10px; vertical-align:top; }
.specialStatusDivClass{background-color: #000; display: inline-block; height: 150%; left: 0; opacity: 0.4; position: absolute; top: 0; width: 100%; }
.specialStatusDivClass img { position: absolute; top: 610px; }


.table.table1{
    border-spacing: 0;
    border-collapse: collapse;
}
.cellspacing-1 {
    border-spacing: 1px;
}
th.sec-bg{ background: #013366 !important}
table.table1.table-bordered {
    border: 1px solid #ddd;
}

table.table1{ font-size: 12px;}
table.table1 th{white-space: nowrap; background-color: #19a7da; color:#fff;}
table.table1.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
table.table1.table-bordered>tbody>tr>td, table.table1.table-bordered>tbody>tr>th, table.table1.table-bordered>tfoot>tr>td, table.table1.table-bordered>tfoot>tr>th, table.table1.table-bordered>thead>tr>td, table.table1.table-bordered>thead>tr>th {
    border: 1px solid #ddd;
}

.table1>tbody>tr>td, .table1>tbody>tr>th, .table1>tfoot>tr>td, .table1>tfoot>tr>th, .table1>thead>tr>td, .table1>thead>tr>th {
    padding: 16px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table1.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #fee39c;
}

.installmentPlanTable tr th { background-color: #FAFBFD; border: 1px solid #E9E9E9; border-collapse: collapse;}
.installmentPlanTable tr td { border: 1px solid #E9E9E9; border-collapse: collapse;}
.noBorder { border: 0px !important;}

.genericHeading { font-size: 13px; font-weight: 700;}
.DecisionCommentsBox { height: 100%; resize: none; width: 100%; background-color: #ffffff; border: 1px solid #E9E9E9; padding: 5px;}
.genericTables select { width: 100%;}
.transationText { font-size: 11px;}
.selectTransactionsTable { border: 1px solid #E9E9E9; }
.selectTransactionsTable tr th { background-color: #FAFBFD; border-bottom: 1px solid #E9E9E9;  border-collapse: collapse; padding: 12px; font-size: 11px;}
.selectTransactionsTableDefinePromo tr { background-color: #FFFFFF; border-bottom: 1px solid #E9E9E9;  border-collapse: collapse; padding: 12px; font-size: 11px;}
.selectTransactionsTable tr td { border-bottom: 1px solid #E9E9E9; border-collapse: collapse; padding: 12px; font-size: 11px; }
.selectTransactionsTable tr:last-child { border-bottom: none;}
.genericField {  border: 1px solid #ccc; border-radius: 3px; height: 30px; margin-bottom: 15px; width: 100%; padding: 0 8px;}
.genericFieldText { font-size: 11px; padding: 8px 14px 0 0; }
.transactionTextArea {height: 100%; resize: none; width: 100%; background-color: #ffffff; border: 1px solid #ccc; padding: 5px; border-radius: 3px;}
.generalBtn { border-radius: 3px; margin-left: 5px; padding: 4px 8px; cursor: pointer;}
.tooltipImage { padding: 10px;}
.genericList { padding: 0 0 15px 42px; margin: 0}
.genericList li {font-size: 11px; padding-bottom: 5px;}
.genericLinks { padding-top: 8px; }
.genericLinks a {  float: right;  padding-right: 25px; font-weight: 700; }
.noteText { font-size: 13px; font-weight: bold;}
.calenderIcon { padding-left: 8px; vertical-align: middle;	 }
.calenderFields { width: 80%;}

table.table1.table-bordered>tbody>tr.main-group>td{ border:1px solid rgb(160, 175, 206); border-bottom:1px solid rgba(255,255,255,.3);}



table.table1>tbody>tr.main-group-rule:nth-last-of-type(odd) {
    background-color: 	#F1F5FE;
}

table.table1>tbody>tr.main-group-rule:nth-last-of-type(even) {
    background-color: #FDFDFE;
}
table.table1>tbody>tr.sub-group-rule:nth-last-of-type(odd) {
    background-color: 	#F1F5FE;
}

table.table1>tbody>tr.sub-group-rule:nth-last-of-type(even) {
    background-color: #FDFDFE;
}

tr.sub-group td {
    background: #e9e9e9 !important;
    padding:11px 15px !important;
}
td.endpoint{
    padding: 12px 15px  !important;
    background: #fff !important;
    text-align: center !important;
}

td.endpointmain{
    background-color:#f9f9f9 !important;
    text-align:left;
    padding:14px 16px !important;
}

tr.main-group td {
    font-weight:bold;
    vertical-align:middle;
}

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

.mb30 {
    margin-bottom: 30px;
}

table.mb30  fieldset{
    padding: 16px;
    margin: 0;
    margin-bottom: 20px;
}

table.mb30  fieldset:last-child{
    margin-bottom: 0;
}

.btn-new-default{
    padding: 8px 32px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #e9e9e9;
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    margin-top: 30px
}

.btn-new-default:hover, .btn-new-default:focus{
    background-color: #e9e9e9
}

.btn-holder{
    margin-top: 30px;
    text-align: center
}

.borderd-table{  border: 1px solid #e9e9e9;   border-top:0; border-left:0; }
.borderd-table tr td,
.borderd-table tr th {    border: 1px solid #e9e9e9;    border-collapse: collapse; border-bottom:0; border-right:0; }


.borderd-table th, .borderd-table td{    font-size: 11px;    padding: 12px;}
.recurringTable { margin-bottom: 15px; padding-bottom: 15px;  border-bottom: 1px solid #ccc;}
.genericField.recurringDateinput { margin: 0;}
.recurringRadio { margin: 0;}
.recurringRadioOpTxt { padding: 0 5px 0 5px; display: block;}
.paymentDateicon { display: block; margin-top: 8px; text-align: center; }
.noBottomBorder { border-bottom: 0px !important; }
.selectTransactionsTableHead th { border-top:1px solid #E9E9E9;}
.detailsTable .selectTransactionsTable tr td:first-child { border-right: 1px solid #E9E9E9; background-color: #FAFBFD; font-weight: 600; }
.borderd-table th, .borderd-table td{    font-size: 11px;    padding: 12px;}
.mainAgreementControl { width: 100%; text-align: center;}
.generalLink { font-size: 14px; color: black; display: inline-block; text-align: center; font-weight: 600; background-color: #AACAE3; padding: 7px 25px; text-decoration: none; text-transform: uppercase;}
.record.cancle { width: 42px; padding: 0; margin: 0; }
.record.done { width: 35px; padding: 0; margin: 0 3px 0 0; }
.cardBlockComments { width: 264px;}
.cardBlockComments textarea { width: 100%; }
.displayNone{ display: none !important; }
.triggering_row_spaces tr td { height: 30px !important; }
.sub_triggering_actions { padding: 10px 0px 10px 0px;  margin-left: 70px; line-height: 30px; }
#dpmOptionsDiv input,
.sub_triggering_actions input { margin-left: 0!important; }
.sub_triggering_actions span { margin-right:10px; }
.prelodaer-class {    position: fixed;    top: 140px;    width: calc(100-15px);    height: 70%;    background: #fff;    text-align: center;    vertical-align: middle;    left: 15px;    right: 15px;}
.prelodaer-class img {  position: absolute;  top: 50%;  left: 50%;  margin-left: -16px;  margin-top: -16px; }
.col-holder-radios {padding: 10px; margin: 10px 0; overflow: hidden; border: solid 1px #ccc;}
.col-holder-radios .col6 {float: left; width: 50%;}
.col-holder-radios .col6 > * { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
.dispute-decisions-table [type="checkbox"],
.dispute-decisions-table [type="radio"] { vertical-align: middle; display: inline-block; margin: 0 3px 0 0; }
.dispute-decisions-table { line-height: 16px; }
.textarea-resizer textarea { min-width: 169px; max-width: 169px; width: 169px; min-height: 45px; max-height: 90px;  resize: vertical; }
.no-close .ui-dialog-titlebar-close {display: none;}

.ui-dialog.ui-widget[aria-labelledby="ui-dialog-title-blockCardConfirmationDiv"] { padding: 1px 12px 5px !important; border: 1px solid gray; }
#blockCardConfirmationDiv { min-height: 0px !important; padding: 0px; }
.ui-dialog.ui-widget[aria-labelledby="ui-dialog-title-blockCardConfirmationDiv"] > .ui-dialog-titlebar { display: none !important; }
#blockCardConfirmationDiv p { margin: 1px 0 15px !important; padding-top: 15px; }
#blockCardConfirmationDiv ul { margin: 0 0px 10px; }
#blockCardConfirmationDiv ul > li { margin-left: 5px !important; padding-left: 10px; line-height: 20px; }
#blockCardConfirmationDiv .block_card_confirm-btn { padding: 5px 32px; margin: 0 5px 5px 0px; cursor: pointer; }

.radio-box { display: inline-block; margin-right: 10px; }
.radio-box:last-child { margin-right: 0; }
.radio-box > .paymentOperation { margin-left: 0; vertical-align: bottom; }
.disabledLink{cursor:default; color:gray;}

.vAlignTop { vertical-align: top; }
.title_heading-descRedBold { color: red; font-weight: 600; font-size: 10px; line-height: 1.25; margin-top: 2px; display: block; }
.title_heading-descRedBold > .heading-descWithBrackets::after { content: "\7D"; padding-left: 1px; display: inline-block; }
.title_heading-descRedBold > .heading-descWithBrackets::before { content: "\2D\20\7B"; padding-left: 5px; padding-right: 1px; display: inline-block; }

.file-uploader-area { background: #ddd; border: solid 2px #ccc; width: 96%; }
.custom-file-type .file-btn,
.file-download-table #removeDFFile,
.file-download-table button[type="button"],
.file-uploader-area [type="button"] { cursor: pointer; font-size: 10px; border-width: 0; background: #19a7da; border-color: #19a7da solid 1px; padding: 0 20px; line-height: 26px; display: inline-block; vertical-align: top; color: #fff; font-weight: bold; vertical-align: middle; min-height: 30px; min-width: 42px; }
.custom-file-type .file-btn:hover,
.custom-file-type .file-btn:focus,
.file-download-table #removeDFFile:hover,
.file-download-table #removeDFFile:focus,
.file-download-table button[type="button"]:hover,
.file-download-table button[type="button"]:focus,
.file-uploader-area [type="button"]:hover,
.file-uploader-area [type="button"]:focus { background: #8cd2f4; border-color: #8cd2f4; color: #111; }
.file-uploader-area [type="file"] { background: #fff; }

.file-download-table { width: 96%; border: solid 2px #ccc; margin: 10px 0 0; }
.file-download-table th { background: #ddd; text-align: left; font-size: 13px;}
.file-download-table th,
.file-download-table td { border: solid #ccc; border-width: 0 0 1px 1px; padding: 4px 10px;  }
.file-download-table th:first-child,
.file-download-table td:first-child { border-width: 0 0 1px; }
.file-download-table tr:last-child td { border-width: 0 0 0 1px; }
.file-download-table tr:last-child td:first-child { border-width: 0; }
.file-download-table #removeDFFile,
.file-download-table button[type="button"] { padding: 4px 10px; }
.file-download-table #removeDFFile svg,
.file-download-table button[type="button"] svg { display: block; width: 20px; height: auto; margin:0 auto; }
.file-download-table #removeDFFile svg { width: 16px; }
.file-download-table #removeDFFile svg path,
.file-download-table button[type="button"] svg path { fill: #fff; }
.file-download-table #removeDFFile:hover svg path,
.file-download-table #removeDFFile:focus svg path,
.file-download-table button[type="button"]:hover svg path,
.file-download-table button[type="button"]:focus svg path { fill: #111; }
textarea.widetextarea { width: 96%; }
.text-center { text-align: center;}
.custom-file-type { position: relative; overflow: hidden; max-width: 80%; }
.custom-file-type [type="file"] { position: absolute; opacity: 0; top: 0; left: 0; width: 0; height: 0; }
.custom-file-type .file-btn { border-radius: 5px 0 0 5px; }
.custom-file-type .file-btn,
.custom-file-type .file-text { float: left; }
.custom-file-type .file-text { height: 30px; border: solid 1px #ccc; border-radius: 0 5px 5px 0; width: calc(100% - 78px); padding: 0 10px; }
.footer-text1{color: #3333ca}
.footer-text2{color: #3333ca; font-weight: 600; white-space: nowrap;}
.custom-color{padding: 10px 25px; background: #5c9ccc; color: #fff !important;}
.textSize{font-size:12px; font-weight: 600;}
.separatorRow { font-size: 0; line-height: 0; border-collapse: collapse; }
#postedTransTable fieldset { min-height: 70px; }
#pendingTransTable fieldset { min-height: 72px; }
#recurringTransTable fieldset { min-height: 72px; }
#pendingTransDiv, #postedTransDiv, #recurringTransDiv { position: relative; }
.heading-table #messageSectionDiv,
.heading-table #errorSectionDiv {
    padding: 10px 0 0;
}
.side-panels-btns {
    top: 50%;
    right: 0;
    position: fixed;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 99;
}
.side-panels-btns .panels-list + .panels-list { margin: 5px 0 0; }
.sidebar-button { max-width: 60px; height: calc(100% - 20px); display: block; background: #afcfe4; ; text-decoration:none; border-left: 1px solid #718eaa; padding: 10px; }
.sidebar-button span { font-size: 13px; color: #333; display: inline-block; text-align: center; vertical-align: middle; -webkit-transform: rotate(90deg) translate(-50%,0); transform: rotate(90deg) translate(-50%,0); -ms-transform: rotate(90deg) translate(-50%,0); white-space: nowrap;; -webkit-transform-origin: top left;; transform-origin: top left; -ms-transform-origin: top left; margin: 0 0 0 30px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: relative; top: 50%; max-width: 230px; }
.scroll-holder { height: 100%; overflow-y: auto; }
.scroll-holder .box-holder { padding: 10px; }
.sidebar { padding: 0 60px 0 0;
    height: 250px;
    width: 185px;
    position: fixed;
    z-index: 11;
    top: 50%;
    right: 0;
    background-color: #c6e2f4;
    border: 1px solid #718eaa;
    -webkit-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    -o-transition: transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease,
    -webkit-transform 0.25s ease;
}
.Search-Logged-Complaints input#dateFrom,
.Search-Logged-Complaints input#dateTo{width: 75px;}
.Search-Logged-Complaints input[type="text"], .Search-Logged-Complaints select {  width: 250px;}
.addnewcomplwrapper tbody .fieldLabel select, .addnewcomplwrapper tbody input {width:200px;}

.sidebar.open { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -ms-transform: translate(0, -50%); }
.sidebar.none ~ .sidebar-opener,
.sidebar.open ~ .sidebar-opener,
.sidebar.open ~ .side-panels-btns { display: none; }
.sidebar-opener { border: 1px solid #718eaa; min-height: 120px; width: 30px; z-index: 10; background-color: #c6e2f4; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; position: relative;  }
.sidebar-opener + .sidebar-opener { margin: 10px 0 0; }
.sidebar .scroll-holder input { cursor:pointer; width: 100%; height: 25px; background: #afcfe4; ; text-align: left; font-size: 14px; border: 1px solid #718eaa; }
.sidebar .scroll-holder input + input { margin-top: 10px; }
.left-inputs { padding: 10 10px 5px; margin:0;}
.sidebar-opener-button { display: block; text-align: center; width: 120px; background: none; cursor: pointer; border-width: 0; position: relative; left: 30px; white-space: nowrap; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; text-align: center; text-decoration:none; color:#333; vertical-align: middle; -webkit-transform: rotate(90deg); transform: rotate(90deg); -ms-transform: rotate(90deg); overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 30px; }
.close-button { position: absolute; right: 0; top: 0; bottom: 0; width: 60px; }
.body-sidebar-open .sidebar-opener { display: none; }
.sidebar-opener span {
    border-style: dashed;
    border-width: 4px 4px 4px 0;
    border-color: transparent #799fb7 transparent transparent;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 3px;
    margin: -4px 0 0;
}
.sidebar-button .close-arrow {
    border-style: dashed;
    border-width: 4px 4px 4px 8px;
    border-color: transparent #6c757b transparent transparent ;
    position: absolute;
    top: 50%;
    left: -4px;
    display: block;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    content: '';
}
.sidebar .table { display: table; width: 98%; height: 98%; }
.sidebar .table-cell { display: table-cell; vertical-align: middle; padding: 10px; }
.sidebar .placeholder {text-align: center; font-size: 20px; line-height: 1.25; pading: 20px; display: block; }
.sidebar .placeholder .shape { display: block; margin: 0 0 20px; }
.panels-list[aira-label="0"] { display: none; }
.panels-list { display:none; }

.left-inputs [type] { margin: 0; }
#reasonCodesPopup { padding: 20px 30px; border-left: 15px solid #8CD2F4; border-right: 15px solid #8CD2F4; }
#reasonCodesPopup p { font-size: 14px; line-height: 1.5; font-weight: 500; border-bottom: 1px solid #c8c8c8; padding-bottom: 20px; }
#reasonCodesPopup h1 { margin:0; }
.popupheading { height:2px;
    background: rgba(255,153,0,1);
    background: -moz-linear-gradient(left, rgba(255,153,0,1) 0%, rgba(255,185,88,1) 9%, rgba(255,255,255,1) 24%, rgba(255,255,255,1) 25%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,153,0,1)), color-stop(9%, rgba(255,185,88,1)), color-stop(24%, rgba(255,255,255,1)), color-stop(25%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,153,0,1) 0%, rgba(255,185,88,1) 9%, rgba(255,255,255,1) 24%, rgba(255,255,255,1) 25%);
    background: -o-linear-gradient(left, rgba(255,153,0,1) 0%, rgba(255,185,88,1) 9%, rgba(255,255,255,1) 24%, rgba(255,255,255,1) 25%);
    background: -ms-linear-gradient(left, rgba(255,153,0,1) 0%, rgba(255,185,88,1) 9%, rgba(255,255,255,1) 24%, rgba(255,255,255,1) 25%);
    background: linear-gradient(to right, rgba(255,153,0,1) 0%, rgba(255,185,88,1) 9%, rgba(255,255,255,1) 24%, rgba(255,255,255,1) 25%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ffffff', GradientType=1 );
}

.cardholderTable input,
.cardholderTable select {width: 200px;}
.cardholderTable input[type="button"] {	width: auto;margin: 10px 10px 10px 0;}
.cardholderTable #address1,
.cardholderTable #address2 {width: 35%;}
.ui-dialog.ui-widget[aria-labelledby='ui-dialog-title-addressCorrectionPopupDiv'] .ui-dialog-content { overflow: hidden;}
.updateProfileInfotable { margin-bottom: -5px;}
.updateProfileInfotable tr td:first-child { padding-left: 4px;}
#isAddressIncorrect { width: 157px;}

.disable-button input[type="submit"]:disabled { opacity: 0.4;}
.cust-tooltip-holder { position: relative; display: inline-block; vertical: top; }

.ui-dialog .ui-dialog-titlebar-close span { margin: 0 !important; position: absolute; top: 1px; left: 0px; }
.ui-dialog .ui-dialog-titlebar-close .ui-button-icon-space { display: none; }
.ui-dialog .ui-dialog-titlebar-close { background-color: transparent; color: transparent; -webkit-box-shadow: none; box-shadow: none; border: none; }
.ui-dialog .ui-dialog-titlebar-close:hover { border: 1px solid #79b7e7; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; padding: 8px !important; }

/* ToolTip Custom Styling*/
.tooltipStyling{ background: #ffffff; padding: 4px 6px; border-radius: 2px; box-shadow: inset -1px -2px 2px 0px #000000; -moz-box-shadow: inset -1px -2px 2px 0px #000000; -webkit-box-shadow: inset -1px -2px 2px 0px #000000; border: 1px solid #d8d8d8;}
.ui-dialog.ui-widget { z-index: 101; }
body .ui-widget-overlay { z-index: 100 !important; position: fixed; }
.row-space,
.row-space th,
.row-space td { font-size: 0; line-height: 0; margin: 0; padding: 0; }
.pl-0 { padding-left: 0 !important; }
.pr-0 { padding-right: 0 !important; }
.pr-4 { padding-right: 4px !important; }
.ml-0 { margin-left: 0 !important; }
.mr-0 { margin-right: 0 !important; }
.buttons-group th input[type="button"] + input[type="button"],
.buttons-group th button + button,
.buttons-group td input[type="button"] + input[type="button"],
.buttons-group td button + button { margin-left: 10px !important; }

/*-- Sticky Notes for Critical Comments Start--*/
.full-width { width: 100% !important;}
.ml5 { margin-left: 5px;}
.gray {color: gray;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable[aria-describedby="criticalCommentsPopupDiv"] {width: 380px !important; }
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable[aria-describedby="criticalCommentsPopupDiv"] select { margin-bottom: 5px;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable[aria-describedby="criticalCommentsPopupDiv"] strong { display: block; padding-bottom: 8px; }
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable[aria-describedby="criticalCommentsPopupDiv"] .title span { color: #696969; padding-right: 2px; }
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable[aria-describedby="criticalCommentsPopupDiv"] .title td {border-top: 1px solid #c4c4c4;padding: 4px 0 0;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable[aria-describedby="criticalCommentsPopupDiv"] .title.noborder td {border-top: 0;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable[aria-describedby="criticalCommentsPopupDiv"] #commentText td {padding: 5px 0;}
.ui-draggable .ui-dialog-titlebar { cursor: pointer !important;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable[aria-describedby="criticalCommentsPopupDiv"] .ui-widget-header,
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable[aria-describedby="addCriticalComment"] .ui-widget-header {
    border: 3px solid #4297d7;
    background: #5c9ccc;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.hide[aria-describedby="criticalCommentsPopupDiv"] { display: none !important;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.minimize[aria-describedby="criticalCommentsPopupDiv"] { width: 148px !important;top: auto !important;border-radius: 0;bottom: 150px;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.minimize[aria-describedby="criticalCommentsPopupDiv"]  .ui-dialog-titlebar {border-radius: 0;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.minimize[aria-describedby="criticalCommentsPopupDiv"] #criticalCommentsPopupDiv {display: none;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable[aria-describedby="addCriticalComment"] { transform: none; background-color: white !important; margin: -140px 0 0 -190px;}
.AddCriticalbtn { position: fixed; right: 63px; color: black; background-color: #f0f0f0; border-color: #88a4be;}
.spanishbtn{ top: 165px; }
.common-controls .AddCriticalbtn { top: 163px;}
.AddCriticalbtn:hover { background-color: #edf5ff;}
.CriticalCommentsBox { background-color: #ffffff;}
.CriticalCommentsBox select { width: 100%;}
.CriticalCommentsBox textarea { resize: none; width: 100%; height: 72px; padding: 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
.CriticalCommentsBox strong { font-size: 11px;}
.CriticalCommentsBoxBtn .btn-save,
.CriticalCommentsBoxBtn .btn-close{ background-color: #6B9BC8; color: white; padding: 8px 19px;font-size: 12px !important; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;border-radius: 0;border: 0}
/*.CriticalCommentsBoxBtn .btn-close {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; padding: 7px 26px;}*/
.CriticalCommentsBoxBtn .btn-save:hover, .CriticalCommentsBoxBtn .btn-save:active, .CriticalCommentsBoxBtn .btn-save:focus,
.CriticalCommentsBoxBtn .btn-close:hover,.CriticalCommentsBoxBtn .btn-close:active,.CriticalCommentsBoxBtn .btn-close:focus {background: #6B9BC8; color: white;border: 0}
#criticalCommentsPopupDiv{height: auto !important;max-height: 272px !important;}
.secondary-btn { background-color: #5c9ccc;color: white;padding: 4px 8px;font-weight: bold;border-radius: 5px;}
.show-content-btn {color: #00a2f0 !important;font-weight: bold;display: block;text-align: right;text-decoration: none;margin-top: 8px;}
.CriticalCommentsBox .ui-draggable .ui-dialog-titlebar { cursor: pointer;}
.Search-Critical-Comments input[type="text"], .Search-Critical-Comments select {  width: 172px;}
@media screen and (min-device-width: 1024px) and (max-device-width: 1521px) { .AddCriticalbtn {right: 35px;top: 170px;}}
@media screen and (min-device-width: 1024px) and (max-device-width: 1274px) { .Search-Critical-Comments input[type="text"], .Search-Critical-Comments select { width: 132px;}}
#stickyNotesCommentTable .text { padding-left: 0;}

/*-- Sticky Notes for Critical Comments End--*/
.checkBoxesCol {    padding-left: 0.8rem;}
.ui-dialog-custom-btn{ background-color: #5c9ccc;border: none;color: #fff;padding: 4px 13px;border-radius: 2px; }
.ui-dialog-custom-btn:hover, .ui-dialog-custom-btn:focus { background-color: #3d6583; }

.options-holder input[type="text"] {  width: 190px;}
.dispute-channels-holder {padding-left:3px;}
.dispute-channels-holder > div {  padding: 5px 0;  min-height: 20px;}
.dispute-channels-holder > label {    margin: 0 0 5px;    display: block;}
.dispute-channels-holder > div:last-child{padding-bottom:0;}
.dispute-channels-holder > div label {  display: inline-block;  width: 40px;  padding: 0 0 0 5px !important; vertical-align:top; line-height:20px;}
.dispute-channels-holder > div input[type="checkbox"] {    margin-left: 0; margin-bottom:0;}
.dispute-channels-holder > div input[type="radio"] {    margin-left: 0; margin-bottom:0;}

.new-tooltip {  display: inline; position: relative;}
.new-tooltip > span {  display: none;  position: absolute;  top: -10px;  left: 100%;  background: #FEEECF;  width: 240px;  color: #222;  padding: 5px 10px;  margin-left: 5px;  border-radius: 4px;  line-height: 1.5; }
.new-tooltip:hover > span {  display: block;}
.new-tooltip .tooltipImage {    padding: 0;    display: inline-block;    margin-left: 3px;    width: 12px;    height: 12px;    margin-top: 3px;}
.fieldError { color: #CC0000; display: block; margin-top: 3px;}
.tooltipImage .promotion-tooltipImg {    padding: 4px 5px 5px;}

/*New Styling*/
.ui-dialog .general-popup{font-size: 12px;line-height: 1.5;font-weight: normal}
.ui-dialog.general-dialog-holder {position:fixed !important;top:50%!important;left:50%!important;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
.general-dialog-holder > .ui-dialog-titlebar{text-transform: capitalize;font-size: 13px;line-height: 1.2}
.general-dialog-holder .general-popup > [class*="btn-holder"]{margin: 30px 0 0;display: block;text-align: center}
.general-dialog-holder .general-popup > [class*="btn-holder"] > a,
.general-dialog-holder .general-popup > [class*="btn-holder"] > button{display: inline-block;background-color: #5c9ccc;color: #fff;text-decoration: none;padding: 8px 25px;font-size: 12px;line-height: 1.2;font-weight: normal;margin: 0 10px 0 0}
.general-dialog-holder .general-popup > [class*="btn-holder"] > a:hover,
.general-dialog-holder .general-popup > [class*="btn-holder"] > button:hover{background-color: #3686c2;}
.general-dialog-holder .general-popup > [class*="btn-holder"] > *:last-child{margin-right: 0}

.btns-holder{padding: 12px 0 10px}
.btns-holder.pl-5{padding-left:5px!important;}
.btns-holder.py-0{padding-top:0!important;padding-bottom:0!important}
.btns-holder.mr-1 > .chbtns{margin-right:1px!important}
.btns-holder.center{text-align:center!important}
.btns-holder > .chbtns{margin: 0 15px 0 0}
.btns-holder > .chbtns:last-child{margin-right: 0}
/* IE8 uses \0 */
@media all\0 {
    .ui-dialog.general-dialog-holder {margin-left:-15%;margin-top:-2%}
}
.pr-15{padding-right:15px!important;}
.dispute_detail-info {padding-left: 30px;vertical-align: top}
/*New Styling*/

/* fieldInput styling */

#secretQuestionDiv .fieldInput input[type="text"] {
    width: 20% !important;
    margin-top: 3px;
    margin-bottom: 5px;
}

#secretQuestionDiv .fieldBtn input[type="button"] {
    width: 6% !important;
    margin-right: 10px;
}
/* fieldInput styling */

.suggested-addresses{
    padding-left: 15px;
}
.address-holder{
    height: 25px;
    padding: 15px;
}
.current-address{
    padding: 10px;
}
.entered-billing-address{
    margin-top: 15px;
}
.entered-mailing-address{
    margin-top: 20px;
}
.dialog-btns{
    margin: 15px 20px 30px;
}
.case-activity-table{
    padding: 0px 13px 0px 23px;
}
.case-activity-table .case-detail-table fieldset{
    background-color: #fcfaff;
    padding: 15px;
}
.case-activity-table .case-detail-table{
    padding: 5px 13px 0px 13px;
}
.case-activity-table .case-detail-header{
    padding: 0px 20px 0px 0px;
}
.case-activity-table .activity-detail-header {
    padding: 10px 8px 10px 8px;
}
.case-activity-table .activity-detail-header > table, .case-activity-table .case-info-header > table, .case-activity-table .attachment-header > table{
    padding: 0 10px;
}
.case-activity-table .case-info-header, .case-activity-table .attachment-header {
    padding: 10px 10px 10px 10px;
}
.case-activity-table .activity-detail-table{
    padding: 0px 8px 20px 8px;
}
.case-activity-table .case-info-table, .case-activity-table .attachment-table{
    padding: 5px 15px 10px 15px;
}
.case-activity-table .activity-detail-table fieldset, .case-activity-table .attachment-table fieldset, .case-activity-table .case-info-table fieldset{
    background-color: #fcfaff;
    min-height: 50px;
}
#activity-attachments .attachment-table{
    border-bottom:  1px solid #b5d3e6;
}
#activity-attachments  input.cancel-btn{
    background-color: #def0fc ;
    min-width: 60px;
    min-height: 22px;
    border: 1px solid #c8e1f3;
    border-radius: 5px;
    margin-right: 10px;

}

[aria-describedby=attachmentsPopupDiv].ui-dialog .ui-dialog-content{
    padding:  0px !important;
}
.case-activity-table .back-btn{
    min-height: 20px;
    min-width: 60px;
    background-color: #000;
    color: #fff;
    border: none;

    margin-right: 30px;
}
.custom-dispute-title{
    display: block;
    border: 1px solid #dd8888;
    border-radius: 20px;
    padding: 3px;
    background: #ffeeee;
    max-width: 45px;
    font-size: 8px;
    margin: 0 0 5px;
    color: #dd8888;
    text-transform: uppercase;
}

/*Reissue Restriction Popup Styling*/
#reissue-restriction-dialog { padding-top: 15px; min-height: auto !important; padding-bottom: 15px;}
#reissue-restriction-dialog .dialog-head{margin-bottom:20px;}
#reissue-restriction-dialog .dialog-head img { width: 25px; display: inline-block; vertical-align: middle; margin-right: 5px;}
#reissue-restriction-dialog #forcedReissue { margin-left: 35px !important;}
#reissue-restriction-dialog .dialog-btns{ text-align:right; margin:15px 0 0;}
#reissue-restriction-dialog > strong.checkbox-label{     margin-top: -16px;     display: inline-block;}
/*Reissue Restriction Popup Styling*/

/* Transaction Detail Table Style Start */
.transaction-details-table .icon-icm-check,.transaction-details-table .icon-icm-close{position:relative}
.transaction-details-table .icon-icm-check:after, .transaction-details-table .icon-icm-close:after{background:url("../csimages/success.svg") no-repeat;content:"";position:absolute;width:12px;height:12px;left:50%;transform:translate(-50%, -50%);cursor:pointer;}
.transaction-details-table .icon-icm-close:after{background:url("../csimages/close.svg") no-repeat !important;}
.transaction-details-table td.credit{color:#5080e2;}
.transaction-details-table td.network-credit{color:#4eb2e3;}
.transaction-details-table td.accepted{color:#38958C;}
.transaction-details-table td.rejected{color:#E14F4F;}
.transaction-details-table td.admin-credit{color:#5C4FE1;}
.transaction-details-table td.debit{color:#2cb567;}
.transaction-details-table td.inprogress{color:#ff9b00;}
/* Transaction Detail Table Style End */
.cnpmerchant-btn{padding:3px 5px; width:85px;}
.cnpmerchant-warning{padding: 10px 0 0;font-size: 13px;}

.fieldLabelspan{
    display: inline-block;
    vertical-align: middle;
    margin: 10px 5px 0 0;
}

.fieldLabelarea{
    resize: none;
    height: 75px;
    width: 275px;
}
.block-usercreation-content {
    padding: 20px 0 0;
}
.block-usercreation-content label {
    margin: 0 0 10px;
    display: block;
}
.block-usercreation-content textarea {
    width: 100%;
    resize: none;
    min-height: 130px;
    margin: 0 0 30px;
    padding: 10px;
}
.block-usercreation-content input[type="submit"] {
    padding: 5px;
    display: block;
    width: 80px;
}
.unblockUserCreation-list-holder {
    padding: 20px 0;
}
.unblockUserCreation-list {
    margin: 0 0 15px;
    padding: 0;
}
.unblockUserCreation-list dt {
    min-width: 120px;
    margin: 0 10px 10px 0;
    float: left;
}
.unblockUserCreation-list dd {
    overflow: hidden;
    font-weight: 500;
    margin: 0 0 10px;
}
.unblockUserCreation-list-holder input[type="submit"] {
    padding: 5px;
    display: block;
    width: 80px;
}

.readonly-bankname input[type=text] { border:none; background:none; }
.readonly-bankname input[type=text]:focus { background: none; border: none; outline: none; }

#transTable tbody{
    display: block;
    overflow: auto;
    max-height: 500px;
    width: 100%;
}

#transTable tbody tr td:nth-of-type(7){
    width: 7.75%;
}

/*Promo Pref Dialog*/
.promo-pref-dialog .w-10{width: 10%}
.promo-pref-dialog .w-25{width: 25%}
.promo-pref-dialog .w-65{width: 65%}
.promo-pref-dialog .sec-heading{display: block;width: 100%;margin: 10px 0;font-size: 13px}
.promo-pref-dialog .btn.btn-save{margin-left: 0;}
.promo-pref-dialog table{width: 100%;}
.promo-pref-dialog table .tr-head{background-color: #c3c3c3;border: 1px solid #000;}
.promo-pref-dialog table .tr-head td{padding:3px 0;}
.promo-pref-dialog table .tr-head .default-check{display: inline-block;margin-left: 10px;}
.promo-pref-dialog table .inputs-table{width:100%;border:1px solid #000}
.promo-pref-dialog table .tr-inputs td:first-child{width: 30%;padding:10px 0}
.promo-pref-dialog table .tr-inputs td:last-child{width: 70%;padding:10px 0}

.tbl-steps {border:1px solid #D3D3D3;}
.steps-list {padding:0 8px;margin:0;}
.steps-list li {display:inline-block;font-size: 11px;color: #9B9B9D;margin-right: 40px;}
.steps-list li.active,
.steps-list li.visited {color:#1F1F1F}
.steps-list li.active .step-col,
.steps-list li.visited .step-col {background-color:#72C6EA;color:#ffffff;border-color:#72C6EA;}
.steps-list li.visited .step-col {font-size: 0;position: relative;vertical-align: 3px;}
.steps-list li.visited .step-col:before {content: "";transform: rotate(45deg);height: 9px;width: 3px;border-bottom: 2px solid #ffffff;border-right: 2px solid #ffffff;position: absolute;left: 6px;top: 2px;}
.steps-list .step-col {background-color: #ECECEC;border: 1px solid #DADADA;font-size: 11px;display: inline-block;color: #9B9B9D;width: 18px;height: 18px;text-align: center;line-height: 18px;border-radius: 30px;margin-right: 5px;}
.desc-msg {font-size:11px;color:#2D2D2D;background-color:#CBE6FF;border:1px solid #D3D3D3;font-weight: bold;padding: 5px;}
.dispute-type-box {padding: 8px 5px;}
.dispute-type-text {font-size:11px;}
.dispute-type-list li {color:#444444;font-size:10px;letter-spacing: 0.18px;line-height: 1.2;margin-bottom: 5px;}
.dispute-type-radio {vertical-align:bottom;}
.dispute-type-label {font-size:11px;padding: 12px 0 0 0;}
.dispute-col-top ul {padding: 0 0 0 20px;margin: 10px 0 5px;}
.dispute-col-top tr td {vertical-align:top;}
.dispute-ques-table tr td {vertical-align:top;font-size:11px;}
.dispute-ques-table tr td input[type="text"] {max-width:202px;width:100%;margin:0 35px 20px 0;}
.dispute-ques-table tr td input[type="text"].date_picker {margin:0 0 20px 0;}
.dispute-ques-table tr td .date_picker + img {margin:0 35px 0 0;vertical-align: -3px;}
.dispute-sec-heading {background-color:#CBE6FF;font-size:11px;color:#2D2D2D;padding: 6px;}
.dispute-desc-text {font-size:11px;color:#2D2D2D;letter-spacing: 0.18px;}
.dispute-ques-table tr td:not(.normal):first-child {width:190px;padding: 0 70px 15px 0;font-weight:bold;}
.dispute-ques-table .dis-radio-label {vertical-align: 3px;padding-left: 10px;}
.dispute-child-ques td {padding:10px 0;}
.dispute-sub-heading {color:#2D2D2D;font-size:11px;}
.dispute-sub-info {color:#555555;font-size:11px;font-weight:normal !important;}
.dispute-ques-table.dispute-signoff-table tr td:not(.normal):first-child {width:100%;padding: 0;font-weight:bold;}
.dispute-signoff-table .p0,
.padding-0 {padding:0 !important;}
.m-0{margin:0!important;}
.dispute-signoff-label {font-size:11px;margin-right:125px;}
.dispute-signoff-table .dispute-signoff-label.mw113{display:inline-block;min-width:113px!important}
.dispute-signoff-table .dispute-signoff-label.label{font-weight:700!important}
.dispute-signoff-table .dispute-signoff-label.pr-6{padding-right:6px!important}
.dispute-signoff-table .dispute-signoff-field .form-control.mr-15{margin-right:15px!important}
.visibility-hidden{visibility:hidden!important}
.dispute-signoff-table .dispute-signoff-field input[type="text"].form-control,.dispute-signoff-table .dispute-signoff-field select.form-control{max-width:270px;padding:4px 10px}
.dispute-signoff-table .dispute-signoff-field input[type="text"].form-control.field-normal{max-width:354px}
.dispute-signoff-table .dispute-signoff-field .form-control.field-white:not([readonly]):not([disabled]){background:#fff;color:#000}
.dispute-signoff-table .attachments-browse{display:inline-block;background:#FCFAFE;border:1px solid #7F9DB9;vertical-align:middle;padding:4px 10px 3px 61px;position:relative}
.dispute-signoff-table .attachments-browse .attachments-browse-types{padding:0;font-weight:400;font-size:11px;line-height:1.182;color:#000;word-wrap:break-word;word-break:break-word}
.dispute-signoff-table .attachments-browse .attachments-browse-btn{background:#F0F0F0;border-radius:4px;-webkit-appearance:none;padding:4px 8px;cursor:pointer;font-weight:400;font-size:10px;line-height:1.2;color:#000;position:absolute;top:50%;left:0;display:block;margin:auto 0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:9}
.dispute-signoff-table .attachments-browse .attachments-browse-btn:hover{background:#d0d0d7}
.attachments-saved-files-table{width:100%}
.attachments-saved-files-table .lists-row + .lists-row > td{padding-top:10px!important}
.attachments-saved-files-table .lists-row > td:only-child{width:100%!important}
.attachments-saved-files-table .lists-row > td:first-child{padding-right:15px!important}
.attachments-saved-files-table .lists-row > td:not(:only-child):last-child{padding-left:15px!important}
.attachments-saved-files-table .file-name{display:inline-block;vertical-align:middle;font-weight:400;font-size:10px;line-height:1.2;color:#000;position:relative}
.readonly-attachments .attachments-saved-files-table .file-name{white-space:nowrap}
.readonly-attachments .attachments-saved-files-table .file-name:before{content:'';display:inline-block;vertical-align:middle;border-radius:50%;background:#444;width:4px;height:4px;margin-right:5px}
.attachments-saved-files-table .remove-link{display:inline-block;vertical-align:middle}
.attachments-saved-files-table .remove-link:hover img{opacity:.65}
.dispute-consent-label.dispute-consent-text,.dispute-consent-value.dispute-consent-text{padding:0;margin:0;list-style:none;clear:both;overflow:hidden}
.dispute-consent-label.dispute-consent-text > li,.dispute-consent-value.dispute-consent-text > li{display:block;float:left;position:relative}
.dispute-consent-value.dispute-consent-text > li + li{margin-left:15px}
/*.dispute-consent-value.dispute-consent-text > li:before{content:'';display:inline-block;vertical-align:middle;border-radius:50%;background:#444;width:5px;height:5px;margin-right:5px}*/
.dispute-signoff-table .dispute-signoff-field input[type="text"],
.dispute-signoff-table .dispute-signoff-field select,
.dispute-signoff-consent textarea {max-width:465px;width:100%;}
.dispute-signoff-consent textarea {min-height:68px;}
.dispute-signoff-table .mr-113 {margin-right:113px !important;}
.dispute-signoff-table .mr-107 {margin-right:107px !important;}
.dispute-signoff-table .mr-10 {margin-right:10px!important;}
.dispute-signoff-table .p5,
.msg-padding-5 {padding:5px !important;}
.mw-96 {display:inline-block;min-width:93px !important;}
.dispute-signoff-consent tr td:first-child {width: 208px !important;font-size: 11px;padding-right: 30px !important;}
.dispute-signoff-consent tr td.min-td:first-child {width: 196px!important;}
.dispute-consent-text {color: #444444;margin-top: 18px;position: relative;}
.dispute-signoff-consent .dispute-type-radio {margin-right: 10px;}
.dispute-consent-text {color: #444444;margin-top: 18px;position: relative;}
.dispute-consent-text p {position:relative;padding-left: 15px;margin: 0 0 5px 0;}
.mobile-consent-info p {position:relative;padding-left: 15px;margin: 0 0 5px 0;}
.dispute-consent-text p.dispute-sub-info {padding-left:15px;margin-bottom:0;}
.dispute-consent-text p.dispute-sub-info:before{left:0}
.dispute-consent-text p.dispute-sub-info + p {margin-top:15px;}
.dispute-consent-text .emailAddressClauseGroup + p {margin-top:15px;margin-bottom:0;}
.dispute-consent-text p:before {content: "";width: 4px;height: 4px;background: #444444;position: absolute;top: 5px;left: 5px;border-radius: 5px;}
.mobile-consent-info p:before {content: "";width: 4px;height: 4px;background: #444444;position: absolute;top: 5px;left: 5px;border-radius: 5px;}
.padding-l-col {padding-left: 23px;}
.w-100 {width:100% !important;}
.dispute-ques-table input[readonly="readonly"],
.dispute-ques-table select[readonly="readonly"],
.dispute-ques-table textarea[readonly="readonly"],
.dispute-ques-table input[readonly="true"],
.dispute-ques-table select[readonly="true"],
.dispute-ques-table textarea[readonly="true"] {background-color:#F2F2F2;border-color:#969FA7;}
.tbl-success-wrapper {width: 855px;margin: 0 auto;border: 1px solid #E5E5E5;border-spacing: 0;}
.tbl-success-wrapper .success-heading {background-color: #E6F3FF;text-align: center;}
.tbl-success-wrapper .success-heading strong {font-size: 14px;color: #2D2D2D;}
.tbl-success-wrapper .success-heading p {font-size:11px;text-align: center;margin: 15px 0 0 0;color:#2D2D2D;}
.tbl-success-wrapper .success-heading p strong {font-size:11px;}
.tbl-success-wrapper .success-param {width: 260px;margin: 0 auto;}
.tbl-success-wrapper .success-param tr td {font-size:11px;}
.tbl-success-wrapper .success-desc {border-bottom: 1px solid #E5E5E5;padding: 12px 0 18px;}
.tbl-success-wrapper .success-desc p {font-size:12px;color:#444444;margin: 0 0 12px 0;text-align: center;}
.tbl-success-wrapper .success-mark {position:relative;display: block;width: 30px;height: 30px;background-color: #54C987;border-radius: 30px;margin: 0 auto 12px auto;}
.tbl-success-wrapper .success-mark:before {content: "";transform: rotate(45deg);height: 15px;width: 6px;border-bottom: 2px solid #ffffff;border-right: 2px solid #ffffff;position: absolute;left: 10px;top: 4px;}
.ml-10 {margin-left:10px;}
#dateFromImg {vertical-align:middle;}
.expanded-row {background-color:#ffffff;}
.full-width-col {width:70px !important;padding:0 !important;font-weight:normal !important;}
.dispute-ques-table button {color: black;font-family: Verdana;font-size: 12px;border-color: #7F9DB9;border-bottom-style: solid;border-left-style: solid;border-top-style: solid;border-right-style: solid;border-bottom-width: 1px;border-left-width: 1px;border-top-width: 1px;border-right-width: 1px;}
.dispute-list-data div {font-family: Verdana, Arial, Helvetica, sans-serif;}
.dispute-list-data div span {font-size:10.6px;color:#444444;}
.dispute-list-data div .bullet-arrow:after {width: 4px;height: 4px;background: #444444;}
.dispute-vertical-radio {vertical-align: -2px;}
.dispute-search-section tr td:first-child {width:196px;padding: 0;}
.long-field {max-width:500px !important;}


@media (max-width: 1500px) {
    .dispute-ques-table tr td input[type="text"] {
        max-width: 170px;
        width: 100%;
        margin: 0 20px 20px 0;
    }
    .dispute-ques-table tr td .date_picker + img {
        margin: 0 15px 0 0;
    }
}
.fw-normal{font-weight: normal !important;line-height: 1.5}
.trans-detail-table tr td input {margin: 0 !important}
.disp-trans-amount { font-weight: bold}

/* Customer survey screen */

.survey-error{
    display: block;
    color: red;
    font-size: 14px;
    margin: 40px 0 0;
}

.survey{
    width: 850px;
    margin: 40px auto;
    padding: 35px 85px;
    text-align: center;
    border: 1px solid #E0E7F6;
    box-sizing: border-box;
}

.survey p{
    font-size: 16px;
    line-height: 164.7%;
    color: #000000;
    margin: 0;
    text-align: center;
}

.survey .radio-container {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 90px 0px 0px;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
    color: #000000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.survey .radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.survey .checkmark {
    position: absolute;
    top: -60px;
    width: 50px;
    height: 50px;
    background-position: center;
    background-size: 100%;
    border-radius: 100%;
    background-repeat: no-repeat;
    transform: translate(-50%, 0%);
    left: 50%;
    transition: 0.3s;
}

.survey .radio-container:hover input ~ .checkmark {
    background-position: center;
    background-size: 50px;
    transition: 0.3s;
}

.survey .radio-container input:checked ~ .checkmark {
    background-position: center;
    background-size: 50px;
    transition: 0.3s;
}

.survey .checkmark.completely-satisfied{
    background-image: url(../csimages/customersurvey/completely-satisfied.png);
}

.survey .radio-container:hover input ~ .checkmark.completely-satisfied {
    background-image: url(../csimages/customersurvey/completely-satisfied-hover.png);
}

.survey .radio-container input:checked ~ .checkmark.completely-satisfied {
    background-image: url(../csimages/customersurvey/completely-satisfied-hover.png);
}

.survey .checkmark.satisfied{
    background-image: url(../csimages/customersurvey/satisfied.png);
}

.survey .radio-container:hover input ~ .checkmark.satisfied {
    background-image: url(../csimages/customersurvey/satisfied-hover.png);
}

.survey .radio-container input:checked ~ .checkmark.satisfied {
    background-image: url(../csimages/customersurvey/satisfied-hover.png);
}

.survey .checkmark.partially-satisfied{
    background-image: url(../csimages/customersurvey/partially-satisfied.png);
}

.survey .radio-container:hover input ~ .checkmark.partially-satisfied {
    background-image: url(../csimages/customersurvey/partially-satisfied-hover.png);
}

.survey .radio-container input:checked ~ .checkmark.partially-satisfied {
    background-image: url(../csimages/customersurvey/partially-satisfied-hover.png);
}

.survey .checkmark.unsatisfied{
    background-image: url(../csimages/customersurvey/unsatisfied.png);
}

.survey .radio-container:hover input ~ .checkmark.unsatisfied {
    background-image: url(../csimages/customersurvey/unsatisfied-hover.png);
}

.survey .radio-container input:checked ~ .checkmark.unsatisfied {
    background-image: url(../csimages/customersurvey/unsatisfied-hover.png);
}

.survey .checkmark.completely-unsatisfied{
    background-image: url(../csimages/customersurvey/completely-unsatisfied.png);
}

.survey .radio-container:hover input ~ .checkmark.completely-unsatisfied {
    background-image: url(../csimages/customersurvey/completely-unsatisfied-hover.png);
}

.survey .radio-container input:checked ~ .checkmark.completely-unsatisfied {
    background-image: url(../csimages/customersurvey/completely-unsatisfied-hover.png);
}

button.survey-btn{
    background: #FAAB21;
    padding: 0 30px;
    border-radius: 62px;
    font-weight: 500;
    font-size: 14px;
    line-height: 279.69%;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    margin: 0 0 40px;
}

.survey .radio-holder {
    letter-spacing: -5px;
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 500px;
    text-align: center;
}

.survey .radio-container {
    letter-spacing: normal;
    width: 20%;
    box-sizing: border-box;
}
.kyb-rows .kyb-row {background: #f7f7f8;}
.kyb-rows .kyb-row:not(:last-child){margin: 0 0 15px;}
form[name="DisputesForm"] .card-info > .cards-info-table{text-align:left;table-layout:fixed;min-width:650px}

.verify-dialog-wrapper #displayMsg {font-size: 11px;padding: 10px 10px 20px 10px;}
.mr-5 {margin-right:5px !important;}

.col-seperator {
    display: inline-block;
    height: 10px;
    width: 1px;
    background: #000000;
    vertical-align: middle;
    margin: 0 5px;
}

.otp-dialog-wrapper {padding:6px !important;}
.otp-dialog-wrapper .fieldLabel {
    padding-right:15px;
}
.otp-timer {opacity:0.6;}
.otp-dialog-timer #timer-1,
.otp-dialog-timer > div {
    max-width: 190px;
    display: inline-block;
    margin-right: 10px;
}

.label-blue {
    color: #1b12a9;
}

/*styles for new design/*/
.posted-transections-table tr td{height: 30px;}

.btn-yes-custom {background-color: #5c9ccc; color: white;padding: 7px 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    border-radius: 5px;}
.btn-cancel-custom {background-color: transparent;color: #000;
    padding: 7px 10px;font-family: Verdana, Arial, Helvetica,
sans-serif;font-weight: bold;
    border-radius: 5px;}


.pass-expiry-popup .ui-dialog-titlebar{
    display: none;
}

.pass-expiry-popup .pass-expiry-popup-btn {
    padding: 3px 5px;
    width: 60px;
}

.pass-expiry-popup .pass-expiry-popup-warning {
    padding: 10px 0 0;
    font-size: 12px;
    margin-bottom: 20px;
}


/* sh-style */

.cardenroll-section{
    background: #fcfafe;
    padding: 20px 10px 10px;
    box-sizing: border-box;
}
.cardenroll-section h1{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    color: #000000;
    text-decoration: none;
    margin: 0 0 4px;
}
.cardenroll-box{
    border: 1px solid #CCCCCC;
    padding: 15px 10px 10px;
    position: relative;
    margin-bottom: 30px;
}
.cardenroll-resultbox{
    padding: 25px 10px 10px;
}
.cardenroll-box h2{
    border: 1px solid #CCCCCC;
    color: #990000;
    background: #8cd2f4;
    padding: 6px;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    margin:0;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    content: '';
    top: -13px;
    left: 5px;
    z-index: 1;
}
.enroll-detailbox{
    border: 1px solid #CCCCCC;
    padding: 20px 10px 10px;
    margin: 20px 0 6px;
    position: relative;
}
.cardenroll-box h3{
    padding: 6px;
    border: 1px solid #CCCCCC;
    color: #990000;
    background: #fff;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    margin:0;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    content: '';
    top: -13px;
    left: 5px;
    z-index: 1;
}
.borderline{
    background: -moz-linear-gradient(left, #ff9900 0%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #ff9900 0%,#ffffff 100%);
    background: linear-gradient(to right, #ff9900 0%,#ffffff 100%);
    display: inline-block;
    width: 185px;
    height: 4px;
    margin-bottom: 20px;
}

.cardenroll-row{
    display: block;
    overflow: hidden;
    width: 100%;
    letter-spacing: -0.40em;
}
.cardenroll-column {
    width: 33.33%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
}
.cardenroll-row .cardfield-holder {
    width: 100%;
    margin: 0 0 10px;
    overflow: hidden;
    display:block;
}
.cardenroll-column.search-action{
    width: 100%;
}

.search-actionbox {
    text-align: right;
}
.cardenroll-row .cardfield-holder .info-holder{
    width: 48%;
    padding: 0 1%;
    float: left;
}
.cardfield-holder .label-holder {
    width: 48%;
    padding: 0 1%;
    float: left;
}
.cardfield-holder .label-holder label{
    width: 100%;
}
.cardfield-holder .input-holder {
    width: 48%;
    padding: 0 1%;
    float: left;
}
.cardenroll-row .cardfield-holder input[type=text],
.cardenroll-row .cardfield-holder input[type=password],
.cardenroll-row .cardfield-holder input[type=number],
.cardenroll-row .cardfield-holder input[type=email]{
    max-width: 255px;
    width: 165px;
    height: 16px;
    padding: 4px 2px;
    border: 1px solid #7F9DB9;
    background: #f8f7f9;
}
.cardenroll-row .cardfield-holder select{
    width: 165px;
    border: 1px solid #7F9DB9;
    background: #f8f7f9;
}
.daterange-enrollcolum {
    width: 100%;
}
.cardfield-daterange .label-holder{
    width: 16%;
    padding: 0;
}
.daterange-enrollrow .daterange-enrollcolum select {
    width: 85px;
    font-size: 9px;
    padding: 1px;
}
.daterange-enrollrow .cardfield-daterange  input[type=text]{
    width: 93px;
}
.enroll-dateselector{
    display: inline-block;
    vertical-align: middle;
}

.cardfield-daterange .label-holder{
    padding-left: 4px;
}
.cardenrol-searchbox .cardfield-holder .label-holder{
    height: 24px !important;
}

/*----currentCSRCallNotifyPopup-----*/
/*-----csrDiffCardSrchNotifyPopup-----*/
/*-----csrSameCardSrchNotifyPopup-----*/

.csr_calls_popup{
    margin-left: 0 !important;
    margin-top: 0 !important;
}

#currentCSRCallNotifyPopup, #csrDiffCardSrchNotifyPopup, #csrSameCardSrchNotifyPopup{
    height: auto !important;
}

#currentCSRCallNotifyPopup table, #csrDiffCardSrchNotifyPopup table, #csrSameCardSrchNotifyPopup table{
    width: 100%;
}

#currentCSRCallNotifyPopup .csr-call-notify-popup, #csrDiffCardSrchNotifyPopup .csrDiffCardSrchNotifyPopup-info, #csrSameCardSrchNotifyPopup .csrSameCardSrchNotifyPopup-info{
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
}

#currentCSRCallNotifyPopup .csr-call-notify-popup h4, #csrDiffCardSrchNotifyPopup .csrDiffCardSrchNotifyPopup-info h4, #csrSameCardSrchNotifyPopup .csrSameCardSrchNotifyPopup-info h2{
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-weight: normal;
    font-size: 11px;
    line-height: 145%;
}

#currentCSRCallNotifyPopup .csr-call-notify-popup .csr-call-notify-info, #csrDiffCardSrchNotifyPopup .csrDiffCardSrchNotifyPopup-info .csr-call-notify-info{
    display: inline-block;
    width: 30%;
}

#currentCSRCallNotifyPopup .csr-call-notify-popup .custom-csr-call-notify-info, #csrDiffCardSrchNotifyPopup .csrDiffCardSrchNotifyPopup-info .custom-csr-call-notify-info{
    width: 38%;
}

#currentCSRCallNotifyPopup .csr-call-notify-popup .csr-call-notify-info p, #csrDiffCardSrchNotifyPopup .csrDiffCardSrchNotifyPopup-info .csr-call-notify-info p{
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
}

#currentCSRCallNotifyPopup .csr-call-notify-popup .csr-call-notify-info p.name, #csrDiffCardSrchNotifyPopup .csrDiffCardSrchNotifyPopup-info .csr-call-notify-info p.name{
    width: 120px;
}

#currentCSRCallNotifyPopup .csr-call-notify-popup .csr-call-notify-info p.queue-name, #csrDiffCardSrchNotifyPopup .csrDiffCardSrchNotifyPopup-info .csr-call-notify-info p.queue-name{
    width: 85px;
}

#currentCSRCallNotifyPopup .csr-call-notify-btns, #csrDiffCardSrchNotifyPopup .csrDiffCardSrchNotifyPopup-btns, #csrSameCardSrchNotifyPopup .csrSameCardSrchNotifyPopup-btns{
    padding: 5px 10px 10px;
}

#currentCSRCallNotifyPopup .csr-call-notify-btns input, #csrDiffCardSrchNotifyPopup .csrDiffCardSrchNotifyPopup-btns input, #csrSameCardSrchNotifyPopup .csrSameCardSrchNotifyPopup-btns input{
    color: black;
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: 11px;
    border-color: #7F9DB9;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
}

#currentCSRCallNotifyPopup .csr-call-notify-btns input:nth-last-of-type(1), #csrDiffCardSrchNotifyPopup .csrDiffCardSrchNotifyPopup-btns input:nth-last-of-type(1), #csrSameCardSrchNotifyPopup .csrSameCardSrchNotifyPopup-btns input:nth-last-of-type(1){
    margin-right: 0;
}

/*-----csrSameCardSrchNotifyPopup-----*/

#csrSameCardSrchNotifyPopup .csrSameCardSrchNotifyPopup-btns input{
    padding: 0 15px;
}

.loaderDiv {
    position: absolute;
    top:0px;
    right:0px;
    width:100%;
    height:100%;
    background-color:#eceaea;
    background-image:url('../csimages/transLoad.gif');
    background-size: 50px;
    background-repeat:no-repeat;
    background-position:center;
    z-index:10000000;
    opacity: 0.4;
    filter: alpha(opacity=40);
}
.custom-bg-color{
    background-color: #FEEECF;
}

.custom-bg-color td {
    padding: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}
.d-none{display:none!important}

.stats-popup-search-btn{
    position: relative;
}
.stats-popup-search-btn #greyHelpBox {
    left: -28px !important;
    top: 25px !important;
}
.stats-popup-search-btn #popupcalendar {
    left: -270px !important;
    top: 20px !important;
}
.stats-history-tb-bottom{
    line-height: 0;
    height: 35px;
    background-repeat: repeat;
    background-size: contain;
}

#transDetailsTable .data-heading, #accountInformation .data-heading, #shippingInformation .data-heading{
    height: 25px;
    width: 110px;
    font-weight: bold;
}
#transDetailsTable .data-value, #accountInformation .data-value, #shippingInformation .data-value{
    width: 150px;
}
#transDetailsTable .data-value-column2, #accountInformation .data-value-column2, #shippingInformation .data-value-column2{
    width: 120px;
}

.textError.errorMessages {
    font-size: 12px;
}

.dateRadioOption {
    vertical-align: sub;
}

.calenderIconLink {
    vertical-align: top;
}

#disputeTransShippingAddress {
    margin-left: 5px;
}
.dispute-col-top ul.profilecheckList {
    list-style: none;
    margin: 0 0 15px 0;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
.dispute-col-top ul.profilecheckList li {
    margin-right: 16px;
    line-height: 17px;
    padding-left: 27px;
    position: relative;
}
.dispute-col-top ul.profilecheckList li img {
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0;
}
.desc-msg-or {
    padding: 8px 5px;
    background-color: #FCF1D7;
}
.tbl-steps{
    height: 100%;
}
.radioLabel {
    display: block;
    font-weight: bold;
    padding-left: 20px;
    position: relative;
    margin-left: 3px;
}
.radioLabel input {
    position: absolute;
    left: 0;
    margin: 0;
    top: 2px;
}
.dispute-col-top ul li{
    line-height: 1.4;
}
.dispute-ques-table tr td:not(.normal):first-child.grayHead.grayHead {
    padding: 10px;
    background-color: #F7F9FD;
}
.form-group-inline {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.form-group-inline .dispute-signoff-label {
    width: 130px;
    margin: 0;
    font-weight: bold !important;
}
.form-group-inline .form-control{
    width: 300px;
    margin: 0 !important;
    height: 26px;
    border: 1px solid #cccdcc;
}
.subheading_maroon{
    color: #950000;
}

.dispute-ques-table .input-holderr {
    display: inline-block;
    width: 550px;
    margin-bottom: 20px;
}
.dispute-ques-table .input-holderr .label-holder {
    display: inline-block;
    vertical-align: middle;
}

.dispute-ques-table .input-holderr .input-holder {
    display: inline-block;
    vertical-align: middle;
    width:49%
}
.dispute-ques-table tr td .input-holderr input[type="text"] {
    margin: 0 10px 0 0 !important;
}
.dispute-areabox {
    margin-bottom: 10px;
}

.dispute-ques-table .input-holderr1 {
    display: inline-block;
    width: 460px;
    margin-bottom: 20px;
}
.dispute-ques-table .input-holderr1 .label-holder1 {
    display: inline-block;
    vertical-align: middle;
}

.dispute-ques-table .input-holderr1 .input-holder1 {
    display: inline-block;
    vertical-align: middle;
    width:49%
}
.dispute-ques-table tr td .input-holderr1 input[type="text"] {
    margin: 0 10px 0 0 !important;
}

.align-icons > * { display: inline-block; vertical-align: middle; margin: 0 3px 0 0; }

.re-build-string { margin: 20px 0 30px; }
.re-build-string .heading { display: block; margin: 0 0 10px; font-size: 10px; line-height: 14px; }
.re-build-string .note { margin: 0 0 15px;  font-size: 10px; line-height: 14px; }
.re-build-string .custom-list-dash { margin: 0 0 15px; padding: 0; list-style: none; }

.overflow-table{
    padding-top: 4px;
}

.overflow-table td{
    padding: 8px;
    border: 1px solid rgba(228, 210, 184, 0.4);
}

.overflow-table tr{
    background: #F1F1EB;
}

.overflow-table tr:first-child{
    background: #FEEECF;
}

.overflow-table tr:first-child td{
    padding-top: 4px;
    padding-bottom: 4px;
}

.overflow-table tr:nth-child(2n){
    background: #F7F9FD;
}
#addCreditBureauDisputePopup {overflow: hidden;}


#blockCardSection td,
#reissueCardSection td { font-size: 11px; line-height: 18px;}
.dispute-cards-table { background: #F6F9FE;}
.dispute-cards-table th,
.dispute-cards-table td { height: 31px; padding: 7px 12px; text-align: left; border: 1px solid #DCD5CF; }
.dispute-cards-table th { background: #FEEDCF; }
.dispute-cards-table .form-group-inline { max-width: 244px;}
.dispute-cards-table .form-group-inline .form-control { width: 100%; height: 24px; background: #fff; border: 1px solid #969FA7; }
.dispute-cards-table tfoot td { text-align: right; background: #FEEDCF; }


/*Loader styling*/

.cagent-loader {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999;
}
.cagent-loader:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #fff;
}
.cagent-loader > div{
    position: relative;
    width: 80px;
    height: 80px;
}
.cagent-loader > div div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background: #8CD2F4;
    animation: cagent-loader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.margin-auto {
    margin: 0 auto;
}
.cagent-loader > div div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
}
.cagent-loader > div div:nth-child(2) {
    left: 32px;
    animation-delay: -0.12s;
}
.cagent-loader > div div:nth-child(3) {
    left: 56px;
    animation-delay: 0;
}
@keyframes cagent-loader {
    0% {
        top: 8px;
        height: 64px;
    }
    50%, 100% {
        top: 24px;
        height: 32px;
    }
}
body.loader-active{overflow: hidden;}
body.loader-active .cagent-loader{
    display: flex;
}

/**/

/* Left Menu Styling : START */
.menu-wrapper {background: #fff;vertical-align: top;padding:0; }
.menu-wrapper .formSection {padding: 8px 6px;}
.menu-wrapper .form-search {display: flex;justify-content: space-between;padding: 8px 6px;margin: 0 !important; }
.menu-wrapper .form-search input[type=search] {
    border: none;
    background: transparent;
    margin: 0;
    padding: 8px;
    font-size: 11px;
    color: inherit;
    border: 1px solid transparent;
    width: 100%;
}
.form-search .keyword-search{
    width: 100%;
    border: 1px solid #A6A6A6;
    height: 30px;
    background-image: url('../csimages/search-md.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) 50%;
    background-size: 16px 16px;
}
.menu-wrapper .form-search input[type=search]::placeholder {
    color: #757575;
}
.menu-wrapper .form-search button[type=submit] {
    text-indent: -999px;
    overflow: hidden;
    width: 20px;
    padding: 0;
    margin: 0;
    border: 1px solid transparent;
    border-radius: inherit;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
    cursor: pointer;
    opacity: 0.7;
}
.menu-wrapper .form-search button[type=submit]:hover {
    opacity: 1;
}
.menu-wrapper .form-search button[type=submit]:focus,
.menu-wrapper .form-search input[type=search]:focus {
    /*box-shadow: 0 0 3px 0 #1183d6;
    border-color: #1183d6;*/
    outline: none;
}
.menu-wrapper ul.navbar {
    list-style: none;
    padding-left: 0px;
    margin-top: 8px;
    height: 1080px;
    overflow: auto;
}
.menu-wrapper ul.navbar li.nav-item > a {
    display: block;
    padding: 8px;
    /* min-height: 23px;
    line-height: 23px; */
    font-size: 11px;
    line-height: 15px;
}
form[target="popup"]{
    margin: 0;
}
.menu-wrapper ul.navbar li.nav-item.active > a,
.menu-wrapper ul.navbar li.nav-item:hover > a{
    background: linear-gradient(180deg, #71C8C9 0%, #2352A2 100%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
    color: #fff;
}
/* .menu-wrapper ul.navbar li.nav-item.subnav {
    padding: 4px 0px !important;
} */
.menu-wrapper ul.navbar li.nav-item a {
    color:#000;
    font-weight: 700;
    text-decoration: none;
}
table td[width="87%"]{vertical-align: top;}
.acc {
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
.acc li {
    list-style-type: none;
}

.acc_ctrl {
    background: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    outline: none;
    padding: 8px;
    position: relative;
    text-align: center;
    width: 100%;
    color: #000;
    font-size:11px;
    font-weight: 700;
    line-height: 15px;
    border-radius: 0;
    margin: 0;
}

.acc_ctrl.active,
.acc_ctrl:hover{
    background: linear-gradient(180deg, #71C8C9 0%, #2352A2 100%);
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    outline: none;
    position: relative;
    text-align: center;
    width: 100%;
    color: #fff;
    padding: 8px;
    margin: 0;
}
.acc_ctrl:before {
    background: #000;
    content: '';
    height: 2px;
    margin-right: 8px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 8px;
}
.acc_ctrl.active:before,
.acc_ctrl.active:after,
.acc_ctrl:hover:before,
.acc_ctrl:hover:after{
    background: #fff;
}
.acc_ctrl:after {
    background: #000;
    content: '';
    height: 2px;
    margin-right: 8px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 8px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.acc_ctrl.active:before{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.acc_ctrl.active h2, .acc_ctrl:focus h2 {
    position: relative;
}

.acc_panel {
    background: #F2F2F2;
    display: none;
    /* overflow: hidden; */
}
.bg-grey{
    background: #f0f0f0;
}
.nav-item .acc .acc_panel .subnav {
    padding-left: 0;
    background: #fff;
}
.nav-item .acc .acc_panel .subnav li {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}
.nav-item .acc .acc_panel .subnav li a {
    font-size: 11px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    line-height: 14px;
    display: block;
    padding: 8px 16px;
    border-bottom: 0.5px solid var(--grey-d-8-d-8-d-8, #D8D8D8);
}
.nav-item .acc .acc_panel .subnav li a:hover{
    color: #2E489A;
}
.nav-item .acc .acc_panel .subnav li a.active{
    color: #2E489A;
    font-weight: 700;
}
.text-danger {
    color:#8C1A11 !important;
}
.menu-wrapper ul.navbar::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.menu-wrapper ul.navbar::-webkit-scrollbar
{
    width: 5px;
    background-color: #F5F5F5;
}

.menu-wrapper ul.navbar::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #a3a3a3;
}

/*new styles*/
#accountTable .tbDataFirstRow:nth-child(odd){background: #F1F1EB;}
.tbDataFirstRow td,
.tableCoulmnHeading td{
    border: 1px solid #E1D3BB;
    padding: 4px;
}
.tbDataSecondRow td {
    border: 1px solid #E1D3BB;
    padding: 4px;
}

#accountInformationDates.date-info{
    display: flex;
    max-width: 100%;
    padding: 24px 0;
}

#accountInformationDates .date-info-list{
    flex: 1;
    list-style: none;
    padding: 0 20px 0 0;
    margin: 0;
    font-size: 12px;
    color: #000;
}

#accountInformationDates .date-info-list .title{
    font-size: 11px;
    margin-bottom: 7px;
    color: #333;
}

.popup-btn-holder{
    padding: 24px 0 0;
}

.criticalCommentPopupWrap,
.CriticalCommentsBox{
    background: #FCFAFE;
    border: 1px solid #D8D8D8;
}
.critalCommentPopupWrap table{
    padding: 8px;
}
.btn-popup-add{
    border: 1px solid #A6A6A6;
    color: #000;
    padding: 4px 18px;
    border-radius: 1px;
    background: #E5E5E5;
    line-height: 1;
    cursor: pointer;
}
.btn-popup-close{
    cursor: pointer;
    border: 0;
    text-align: center;
    padding: 10px 19px;
    display: inline-block;
    vertical-align: top;
    background: #6B9BC8;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    font-size: 12px !important;
}

.accountDetailsDialog .btn-popup-close {
    border: 1px solid #6B9BCB;
}

.CriticalCommentsBoxBtn{
    padding: 24px 0 0;
}

.ui-widget-header{
    border-color: #6B9BC8 !important;
    background: #6B9BC8 !important;
}

.ui-dialog{
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.ui-dialog-titlebar.ui-corner-all{
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.ui-dialog .ui-dialog-content{
    padding: 16px !important;
}

.ui-dialog-titlebar.ui-corner-all{
    padding: 8px 16px !important;
}

.ui-dialog .ui-dialog-title{
    font-size: 14px;
    font-weight: 400;
}
.fieldsetBackground{
    background: #FCFAFE;
    margin-bottom: 15px;
}

.fieldset-button-style{
    padding: 24px 0 16px;
    margin: 0 -4px;
}
.border-grey {
    border: 1px solid grey;
}

.fieldset-button-style input[type="button"]{
    border: 1px solid #A6A6A6;
    padding: 4px 18px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-size: 8px;
    background: #E7E7E7;
    cursor: pointer;
}
.fieldset-button-style input[type="button"]:disabled{
    opacity: 0.5;
}
.cardLabel{
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 14px;
    font-weight: bold !important;
    padding:10px 0 14px;
}
.cardLabel input[type="checkbox"]{
    margin-right: 8px;
}

/*customer disclosure style*/
[aria-describedby="emailPopup"].ui-dialog.ui-widget-content,
[aria-describedby="historyPopupDiv"].ui-dialog.ui-widget-content{ min-width: 500px; }
.emailPopup .comments-row label{ font-weight: 700 !important;display: inline-block;vertical-align: middle;padding-right: 25px !important;padding-left: 15px;}
.emailPopup .comments-row textarea {resize: none; padding: 5px;border: 1px solid #ccc;display: inline-block;vertical-align: middle; }
.emailPopup .disclosure-btns .disclosure-btn{border-radius: 3px;border: 1px solid #ccc;background: rgb(240, 240, 240);color: #000;padding: 5px;font-weight: 400;display: inline-block;vertical-align: middle;margin: 0 3px 0 0; min-width: 60px}

/*customer disclosure style*/
.ui-dialog .ui-dialog-content#emailPopup{min-height:268px !important;}
#emailPopup #message .infoMsg b, .cusdisclosure-form td a{color:#367be1}
#emailPopup #error .textError b{ color:#CC0000;}
[aria-describedby="emailPopup"].ui-dialog.ui-widget-content{ min-width: 500px; }
[aria-describedby="historyPopupDiv"].ui-dialog.ui-widget-content{ min-width: 600px; }
.emailPopup .comments-row label{ font-weight: 700 !important;display: inline-block;vertical-align: middle;padding-right: 25px !important;padding-left: 15px;}
.emailPopup .comments-row textarea {resize: none; padding: 5px;border: 1px solid #ccc;display: inline-block;vertical-align: middle; }
.emailPopup .disclosure-btns .disclosure-btn{border-radius: 3px;border: 1px solid #ccc;background: rgb(240, 240, 240);color: #000;padding: 5px;font-weight: 400;display: inline-block;vertical-align: middle;margin: 0 3px 0 0; min-width: 60px}
.disclosure-screen #error {text-align: left;color: #CC0000;padding:0;}
.disclosure-screen #Success {text-align: left;color:#367be1;padding:0;}
/*customer disclosure history popup*/
.dischistory-popup{text-align: left;border: 1px solid;border-collapse: collapse;margin-top: 10px;width:85%;}
.dischistory-popup td{border: 1px solid #e6d8c2; color:#000000; line-height:18px; padding:5px 10px;text-align:left;}
.dischistory-popup tr:nth-child(even){background-color: #f7f9fd;}
.dischistory-popup tr.tableCoulmnHeading{background-color:#feeecf !important;}
.dischistory-popup tr:nth-child(odd){background-color: #f0f0eb;}
#historyPopupDiv .historydisc-info td {padding-bottom:10px;}
#historyPopupDiv .historydisc-info td strong{display: inline-block;min-width: 140px;text-align: left;}

.block-cust-search td {font-weight: 700; color: #000}
.block-cust-info input[type=button], .block-cust-search input[type=button], .block-cust-search input[type=submit], #statusUpdateSuccess input[type=button], #confirmCoustomerBlock input[type=button] {padding: 2px 15px}
#confirmPersonBlock, #statusUpdateSuccess, #statusUpdateError, #confirmCoustomerBlock {text-align: center; color: #000}
#cnfrmMsg {padding: 25px 0;}
#confirmPersonBlock input[type=button] {padding: 2px 15px;}
#statusUpdateSuccess, #statusUpdateError {padding: 35px 0 0 0; }
#statusUpdateSuccess input[type=button] {margin-top: 15px}
#accountDetails input[type=button] {padding:10px 20px; background-color: #106eb8; margin-top: 40px; border-radius: 4px; font-size:12px; font-weight: 700; color: #fff}
#accountDetails {padding-top: 30px;}
#statusUpdateResponse .textError {font-size: 13px; color: #000;}
#statusUpdateResponse .infoMsg {color: #000;}


#transfer-funds-beneficiary-dialog #deceasedInfo ,
#transfer-funds-beneficiary-dialog #benefInfo,
#transfer-funds-beneficiary-dialog #fundsTransferDiv {margin-bottom:10px;}
#benefBankDetailsDiv {margin-top: 10px;margin-bottom: 10px;}
#transfer-funds-beneficiary-dialog .dataEntry , #transfer-funds-beneficiary-dialog .fieldLabel {background: #fff !important;padding: 0px 3px;}
#transfer-funds-beneficiary-dialog #transferMethod {width: 100%;}
#transfer-funds-beneficiary-dialog #bankAccType {width: 94%;}
#transfer-funds-beneficiary-dialog #transferDescription {width: 100%;}
#transfer-funds-beneficiary-dialog #accountNumber {width: 38%;}

#transfer-funds-beneficiary-review-dialog #deceasedInfo ,
#transfer-funds-beneficiary-review-dialog #benefInfo,
#transfer-funds-beneficiary-review-dialog #fundsTransferDiv {margin-bottom:10px;}
#benefBankDetailsDiv {margin-top: 10px;margin-bottom: 10px;}
#transfer-funds-beneficiary-review-dialog .dataEntry , #transfer-funds-beneficiary-review-dialog .fieldLabel {width: 25%;background: #fff !important;padding: 0px 3px;}
#transfer-funds-beneficiary-review-dialog #transferMethod {width: 100%;}
#transfer-funds-beneficiary-review-dialog #bankAccType {width: 94%;}
#transfer-funds-beneficiary-review-dialog #transferDescription {width: 100%;}
#transfer-funds-beneficiary-review-dialog #accountNumber {width: 38%;}

.commentSectionTable #commentType,
.commentSectionTable #cmRemarks,
.commentSectionTable #commentStatus,
#transfer-funds-beneficiary-dialog-reject #rejectReason {width:82%}
#commentDiv {margin-bottom: 20px;}
#transfer-funds-beneficiary-dialog-reject #commentDiv {margin-top: 10px;}
#transfer-funds-beneficiary-dialog-reject .dataEntry {background:#fff !important;padding: 0px 10px;}
.attachments-saved-files-table .file-name  {background: #e9e9e9; padding: 4px 1px 4px 16px;}
.attachments-saved-files-table .remove-link {background: #e9e9e9; padding: 4px 16px 4px 3px;}
.saved-file-info-table {padding-right: 3px;    background: #e9e9e9;border-right: 6px solid #FFF;    width: 160px;}
#beneficiarySearch .cardfield-daterange .input-holder {width: 70%;}
#docProofListDiv {width: 500px;
    overflow-x: auto;
    overflow-y: hidden;
    height: auto;}
#transfer-funds-beneficiary-dialog-edit #docProofListDiv {width: 195px !important;}
.currencyconver-table{width:100vw;}
/*.currencyconver-table,.currencyconver-table tbody {display: block}*/
.currencyconver-table .currencyconver-tr{display: flex; align-items: flex-start}
.currencyconver-table .leftbar-td{width:13%}
.currencyconver-table .leftbar-td, .currencyconver-table .rightbar-td{display: inline-flex}
.curreny-ratebody{overflow: hidden}
#addBenefDiv, #contactDetailDiv ,#docProofDiv , #commentsGridDiv,#transferHistoryDiv,#commentDiv, #infoPanel {margin-top:10px;}
    /*height: calc(100vh - 50px);}*/
.conversion-datawrapper {height: calc(100vh - 100px);}
.currencygrid-wrapper {
    overflow-y: auto;
    height: calc(100vh - 195px);
    width: calc(100vw - 280px);
}
@media screen and (min-width:1401px) and(max-width:1700px) {
    .currencygrid-wrapper {width: calc(100vw - 280px);}

}
@media screen and (max-width:1400px) {
    .currencygrid-wrapper {width: calc(100vw - 230px);}

}

.AccSummary_table tbody {
    display: table !important;
}

/*Assign Reward Points*/

.assign-reward-points .disclosure-screen fieldset{padding: 15px 5px;}
.assign-reward-points .Save-Assign-Reward_Points tr{vertical-align: top;}
.assign-reward-points .Save-Assign-Reward-Points input[type="text"],
.assign-reward-points .Save-Assign-Reward-Points select {min-width: 275px;min-height: 20px;font-size: 10px;}
.assign-reward-points .Save-Assign-Reward-Points input[type="text"]:disabled {background-color: #f2f2f2;}
.assign-reward-points .Save-Assign-Reward-Points input[type="checkbox"] {width: 16px; height: 16px;}
.assign-reward-points .Save-Assign-Reward-Points .assign-reward-btn{padding: 4px 20px;margin: 10px 0 0;}
.assign-reward-points .Save-Assign-Reward-Points .reason-textarea{resize: none;min-width: 275px;font-size: 10px;}
.assign-reward-points .Save-Assign-Reward-Points input[type="checkbox"]{margin: 0;}
.assign-reward-points .Save-Assign-Reward-Points .compulsory {color: red;}

/*Card Holder Profile Updates Modal*/

#cardholderProfileUpdates {padding: 24px 14px;}
.card-holder-profile-updates {margin: 0 !important;}
.posted-transections-table-msg {display:flex;gap:8px;align-items: center;background-color: #fdebeb;margin-bottom: 16px; padding: 6px 10px;color: #FF0000;font-size: 8px;}
.card-holder-profile-updates #postedAdjTransDiv .posted-transections-table-main{max-height: 151px; overflow: auto; margin-bottom: 16px;}
.card-holder-profile-updates #postedAdjTransDiv .posted-transections-table .tableCoulmnHeading .tableHeadingBgbold {width: calc(100% / 6);font-size: 8px;}
.card-holder-profile-updates #postedAdjTransDiv .posted-transections-table tr td {font-size: 8px;height: 18px;}
.card-holder-profile-updates #postedAdjTransDiv .btn-close {margin-top: 7px; height: 30px;width: 72px;background-color: #6B9BC8;color: #FFF;text-align: center;font-size: 12px;font-weight: 700;cursor: pointer;}

/*Delete Credit Bureau History*/

.helpPopup-bullet-list li{
    margin-bottom: 5px;
}
.dcbaArea textarea, .dcbaArea select {
    width: 300px;
    border: 1px solid #7F9DB9;
}
.dcbaArea #helpLink {
    color: #0000eb;
    text-decoration: none;
    font-size: 10px;
}
.dcbaArea select {
    background-color: #fff;
    height: 20px;
    display: inline-block;
}
.dispute-signoff-attachment-field label.radioLabel {font-width: 400 !important; margin-bottom: 12px;}
.reportedByInfo {display: flex;gap: 40px;}
.reportedByInfo .radioLabel {font-weight: 600 !important;margin-bottom: 15px !important;}

/*Profile dialogue height*/
.ui-dialog .ui-dialog-content#custDetailsId {
    height: auto !important;
}

#campaign-popup{max-height: 500px !important;}
.popup-email-header{font-size: 9px;color: #4B4B4B;}
.popup-email-header .input-holder label {color: #000000;line-height: 13px;}
.popup-email-header .input-holder{margin-bottom: 8px;}
.popup-email-header .input-holder input{width: 215px;padding: 2px 5px;font-size: 9px;color: #4B4B4B;background: #ffffff;}
#campaign-popup .button-holder{margin: 24px 0 19px;text-align: right;}
#campaign-popup .button-holder input {font-size: 12px;font-weight: 700;color: #fff;background: #6B9BC8;border-color: #6B9BC8;border-radius: 0;padding: 7px 16px;margin: 0;}
.popup-email-header .input-holder:first-child{margin-top: 10px;}
#campaign-popup p#sent-time {text-align: right;font-size: 9px;line-height: 11px;color: #4B4B4B;margin-bottom: 16px;}
#popup-message {border: 1px solid #D8D8D8;background: #FCFAFE;padding: 8px;}
.popup-message {border: 1px solid #D8D8D8;background: #FCFAFE;padding: 8px;}
#popup-message p{ margin: 0 0 5px;}


:host, :root {
    --color-solitude: #DEE7F8;
    --color-solitude-1: #E1EAFE;
    --color-hawkes-blue: #DAE1F3;
    --color-peach-orange: #FFCC99;
    --color-new-midnight-blue: #000099;
    --color-red: #FF0000;
    --color-speech-red: #CC0000;
    --color-cane: #EEEFE7;
    --color-white-smoke: #F0F0F0;
    --color-magnolia: #FCFAFE;
    --color-cream: #FFFFCC;
    --color-white: #fff;
    --color-black: #000;
    --color-light-grey: #cccccc;
    --color-matterhorn: #505050;
    --color-maroon: #800000;
    --color-whisper: #EEEEEE;
    --color-spanish-white: #E4D2B8;
    --color-gainsboro: #DDDDDD;
    --color-gray: #808080;
}
.text-red {color: var(--color-red) !important}

.text-green {color: green !important}

span.unblock-reward-val {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}
.text-color{color: #000099 !important;}


.font-normal {font-weight: normal !important;}
.font-bold {font-weight: bold !important;}

.border-width-0 { border-width: 0;}
.border-1x-solid {border: 1px solid !important;}
.border-2x-solid {border: 2px solid !important;}
.border-3x-solid {border: 3px solid !important;}

.border-color-solitude {border-color: var(--color-solitude) !important}
.border-color-peach-orange {border-color: var(--color-peach-orange) !important}
.border-color-hawkes-blue {border-color: var(--color-hawkes-blue) !important}
.border-color-light-grey {border-color: var(--color-light-grey) !important}
.border-color-matterhorn {border-color: var(--color-matterhorn)}
.border-color-gray {border-color: var(--color-gray) !important}
.border-white { border-color: var(--color-white);}
.border-black { border-color: var(--color-black);}
.border-red { border-color: var(--color-red);}

.border-left-color {border-left-color: var(--color-hawkes-blue) !important; }
.border-top-matterhorn {border-top: 1px solid var(--color-matterhorn) !important}
.border-top-gray {border-top: 1px solid var(--color-gray) !important}

.border-solid { border-style: solid;}
.border-dotted { border-style: dotted;}

.bg-color-white {background-color: var(--color-white);}
.bg-color-solitude {background-color: var(--color-solitude);}
.bg-color-solitude-1 {background-color: var(--color-solitude-1);}
.bg-color-solitude-2 {background-color: #E1EAFE;}
.bg-color-solitude-3 {background-color: #DDDDDD;}
.bg-color-solitude-4 {background-color: #551A8B;}
.bg-color-peach-orange {background-color: var(--color-peach-orange);}
.bg-color-cane {background-color: var(--color-cane)}
.bg-color-white-smoke {background-color: var(--color-white-smoke)}
.bg-color-magnolia {background-color: var(--color-magnolia)}
.bg-color-red {background-color: var(--color-red)}
.bg-color-cream {background-color: var(--color-cream) !important}
.bg-color-matterhorn {background-color: var(--color-matterhorn) !important}
.bg-color-whisper {background-color: var(--color-whisper) !important}
.bg-color-spanish-white {background-color: var(--color-spanish-white) !important}
.bg-color-gainsboro {background-color: var(--color-gainsboro) !important}
.bg-color-grey {background-color: var(--color-light-grey) !important}

.text-color-blue {color: var(--color-new-midnight-blue) !important;}
.text-color-matterhorn {color: var(--color-matterhorn) !important;}
.text-color-maroon {color: var(--color-maroon) !important}
.text-red {color: var(--color-red) !important}
.text-speech-red {color: var(--color-speech-red) !important}
.text-white { color: var(--color-white) !important;}
.text-black { color: var(--color-black) !important;}
.text-blue { color: blue !important;}
.text-000099{ color: #000099;}
.text-grey {color: #a1a0a0 !important;}
.text-deco-none {text-decoration: none !important}
.text-indent-550 {text-indent: 550px !important}

.cursor-default {cursor: default !important;}
.cursor-pointer {cursor: pointer !important;}
.cursor-wait {cursor: wait !important;}

.flot-left {float: left !important}
.flot-right {float: right !important}
.flot-none {float: none !important}

.w-auto {width: auto !important}
.w-full	 {width: 100% !important;}
.w-1-percent { width: 1% !important;}
.w-2-percent { width: 2% !important;}
.w-4-percent { width: 4% !important;}
.w-5-percent { width: 5% !important;}
.w-6-percent {width: 6% !important}
.w-7-percent {width: 7% !important}
.w-7-percent-p9 {width: 7.9% !important}
.w-8-percent {width: 8% !important}
.w-9-percent {width: 9% !important}
.w-9-percent-p2 {width: 9.2% !important}
.w-10-percent {width: 10% !important}
.w-10-percent-p2 {width: 10.2% !important}
.w-12-percent {width: 12% !important}
.w-12-percent-p7 {width: 12.7% !important}
.w-13-percent {width: 13% !important}
.w-13-percent-p4 {width: 13.4% !important}
.w-14-percent {width: 14% !important}
.w-14-percent-p5 {width: 14.5% !important}
.w-16-percent-p4 {width: 16.4% !important}
.w-16-percent {width: 16% !important}
.w-20-percent {width: 20% !important}
.w-23-percent {width: 23% !important}
.w-24-percent {width: 24% !important}
.w-25-percent {width: 25% !important}
.w-30-percent {width: 30% !important}
.w-40-percent {width: 40% !important}
.w-42-percent {width: 42% !important}
.w-31-percent {width: 31% !important}
.w-31-percent-p8 {width: 31.8% !important}
.w-32-percent-p8 {width: 32.8% !important}
.w-33-percent-p8 {width: 33.8% !important}
.w-51-percent {width: 51% !important}
.w-62-percent {width: 62% !important}
.w-40-percent {width: 40% !important}
.w-42-percent {width: 42% !important}
.w-57-percent {width: 57% !important}
.w-60-percent {width: 60% !important}
.w-70-percent {width: 70% !important}
.w-80-percent {width: 80% !important}
.w-96-percent {width: 96% !important}
.w-98-percent {width: 98% !important}
.w-99-percent {width: 99% !important}
.width-70{ width: 70px; }

.w-half-of-half	 {width: 25% !important;}
.w-half	 {width: 50% !important;}
.w-1 {width: 1px !important}
.w-10 {width: 10px !important}
.w-12 {width: 12px !important}
.w-15 {width: 15px !important}
.w-18 {width: 18px !important}
.w-20 {width: 20px !important}
.w-30 {width: 30px !important}
.w-40 {width: 40px !important}
.w-50 {width: 50px !important}
.w-51-percent {width: 51% !important}
.w-60 {width: 60px !important}
.w-90 {width: 90px !important;}
.w-92 {width: 92px !important;}
.w-93 {width: 93px !important;}
.w-117 {width: 117px !important}
.w-120 {width: 120px !important}
.w-130 {width: 130px !important;}
.w-140 {width: 140px !important;}
.w-48 {width: 148px !important}
.w-150 {width: 150px !important;}
.w-155 {width: 155px !important;}
.w-160 {width: 160px !important;}
.w-165 {width: 165px !important;}
.w-180 {width: 180px !important}
.w-187 {width: 187px !important}
.w-188 {width: 188px !important}
.w-192 {width: 192px !important;}
.w-200 {width: 200px !important;}
.w-201 {width: 201px !important;}
.w-260 {width: 260px !important;}
.w-280 {width: 280px !important;}
.w-300 {width: 300px !important}
.w-350 {width: 350px !important}
.w-460 {width: 460px !important}
.w-482 {width: 482px !important}
.w-500 {width: 500px !important}
.w-700 {width: 700px !important}
.w-50-percent {width: 50% !important}


.h-auto {height: auto !important}
.h-full {height: 100% !important}
.h-half {height: 50% !important}
.h-5 {height: 5px !important}
.h-10 {height: 10px !important}
.h-14 {height: 14px !important}
.h-15 {height: 15px !important}
.h-18 {height: 18px !important}
.h-19 {height: 19px !important}
.h-20 {height: 20px !important}
.h-23 {height: 23px !important}
.h-25 {height: 25px !important}
.h-26 {height: 26px !important}
.h-40 {height: 40px !important}
.h-50 {height: 50px !important}
.h-60 {height: 60px !important}
.h-76 {height: 76px !important}
.h-93 {height: 93px !important}
.h-97-percent {height: 97% !important}
.h-115 {height: 115px !important;}
.h-130 {height: 130px !important}
.h-150 {height: 150px !important;}
.h-175 {height: 175px; !important;}
.h-180 {height: 180px !important;}
.h-306 {height: 306px !important;}
.h-295 {height: 295px !important}
.h-421 {height: 421px !important}
.h-145-percent {height: 145% !important}
.h-725 {height: 725px !important}
.h-20-w-100 {height: 20px; width: 100% !important}

.min-height-60 { min-height: 60px;}

/**
Paddings
**/
.p-0 {padding: 0 !important}
.p-2 {padding: 2px !important}
.padding-5 {padding: 5px !important;}
.p-150 {padding: 150px !important;}
.padding-8 {padding: 8px !important;}
.padding-top-5 {padding-top: 5px !important;}
.padding-top-10, .pt-10 {padding-top: 10px !important;}
.padding-top-7 {padding-top: 7px !important;}
.padding-top-7, .pt-8 {padding-top: 8px !important;}
.padding-top-20 {padding-top: 20px !important;}
.pt-60 {padding-top: 60px !important}
.padding-left-5 {padding-left: 5px !important;}
.padding-left-14 {padding-left: 14px !important;}
.padding-right-1 {padding-right: 1px !important;}
.padding-right-50 {padding-right: 50px !important;}
.padding-left-50 {padding-left: 50px !important;}
.padding-right-14 {padding-right: 14px !important;}
.padding-15 {padding: 15px !important;}
.pl-2 {padding-left: 2px !important;}
.pl-3 {padding-left: 3px !important;}
.pl-5 {padding-left: 5px !important;}
.pl-6 {padding-left: 6px !important}
.pl-8 {padding-left: 8px !important;}
.pl-10 {padding-left: 10px !important}
.pl-20 {padding-left: 20px !important;}
.pl-104 {padding-left: 104px !important;}
.pl-120 {padding-left: 120px !important;}
.pl-174 {padding-left: 174px !important;}

.pr-18 {padding-left: 18px !important}
.pr-25 {padding-right: 25px !important}

.pr-10 {padding-right: 10px !important}
.pr-18 {padding-right: 18px !important}

.pl-0 {padding-left: 0 !important}
.pr-0 {padding-right: 0 !important}
.pr-3 {padding-right: 3px !important}
.pl-40 {padding-left: 40px !important}

.pt-0 {padding-top: 0 !important;}
.pt-7 {padding-top: 7px !important}
.pt-150 {padding-top: 150px !important}
.pt-250 {padding-top: 250px !important}

.pb-0 {padding-bottom: 0 !important;}
.pb-7 {padding-bottom: 7px !important}


.py-10 {padding: 10px 0 !important;}
.px-10 {padding-left: 10px !important; padding-right: 10px !important;}
.px-20 {padding-left: 20px !important; padding-right: 20px !important;}
.px-32 {padding-left: 32px !important; padding-right: 32px !important;}
.pt-4 {padding-top: 4px !important}
.pt-5 {padding-top: 5px !important}
.pt-15 {padding-top: 15px !important}
.pb-2 {padding-bottom: 2px !important}
.pb-5 {padding-bottom: 5px !important}
.pb-8 {padding-bottom: 8px !important}
.pb-10 {padding-bottom: 10px !important}

/**
Utils
**/
.ls-none {list-style: none !important}

.resize-none {resize: none !important;}

.m-auto {margin: auto}
.m-0 {margin: 0}
.my-0 {margin-top: 0; margin-bottom: 0;}
.mx-0 {margin-left: 0; margin-right: 0;}
.mx-auto {margin-left: auto; margin-right: auto;}
.my-auto {margin-top: auto; margin-bottom: auto;}
.mt-1 {margin-top:1px !important;}
.mt-2 {margin-top:2px !important;}
.mt-3 {margin-top:3px !important;}
.mt-7 {margin-top:7px !important;}
.mt-8 {margin-top:8px !important;}
.mt-10 {margin-top:10px !important;}
.mt-25 {margin-top:25px !important;}

.mb-10 {margin-bottom:10px !important;}
.mb-17 {margin-bottom: 17px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mb-30 {margin-bottom: 30px !important;}

.ml-0 {margin-left: 0 !important;}
.mleft-1 {margin-left: 1px !important;}
.ml-5 {margin-left: 5px !important;}
.ml-6 {margin-left: 6px !important;}
.ml-10 {margin-left:10px !important;}
.ml-18 {margin-left:18px !important;}
.ml-40 {margin-left: 40px !important;}
.ml-50 {margin-left: 50px !important;}
.ml-200 {margin-left: 200px !important;}
.ml-320-minus {margin-left: -320px !important;}
.ml-50-percent {margin-left: 50% !important;}
.mr-20 {margin-right: 20px !important }
.mr-10 {margin-right: 10px !important }

.mx-10 {padding-left: 10px !important; padding-right: 10px !important;}
.mx-20 {padding-left: 20px !important; padding-right: 20px !important;}
.mx-30 {padding-left: 30px !important; padding-right: 30px !important;}

.font-family-verdana {font-family: Verdana, Arial, sans-serif !important;}
.font-size-8 {font-size: 8px !important;}
.font-size-8pt {font-size: 8pt !important;}
.font-size-9 {font-size: 9px !important;}
.font-size-10 {font-size: 10px !important;}
.font-size-11 {font-size: 11px !important;}
.font-size-smaller { font-size: smaller !important;}

.text-right {text-align: right !important}
.text-left {text-align: left !important}
.text-center {text-align: center !important}
.text-nowrap {white-space: nowrap !important}

.v-align-top {vertical-align: top !important;}
.v-align-middle {vertical-align: middle !important;}
.v-align-bottom {vertical-align: bottom !important;}
.v-align-super {vertical-align: super !important;}

.overflow-hidden {overflow: hidden !important}

.z-index-101 {z-index: 101 !important;}
.z-index-1000 {z-index: 1000 !important;}

.sendAccessCodePopupClass {position: absolute; top: 50%; left: 50%; margin-right: -50%;}


.inset-inline-start-663 {left: 663px !important;}
.inset-block-start-186 {top: 186px !important}
.inset-inline-start-6 {top: 6px !important;}

.position-relative {position: relative;}
.position-absolute {position: absolute;}

.d-block {display: block !important;}
.d-inline {display: inline !important}
.d-inline-block {display: inline-block !important}
.d-table {display: table !important}
.d-table-row {display: table-row !important}

.visibility-visible {visibility: visible !important}
.visibility-hidden{visibility: hidden !important}

.table-layout-fixed {table-layout: fixed !important;}


.break-word{word-wrap: break-word !important;}

.showCriticalCommentsPopupNew{ position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: -13px; }
.showCriticalCommentsPopupNew1{ position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: -13px; }
.disablePageCLassNew { background-color: rgba(0, 0, 17, 0.3); position: absolute; top: 0; right: 0; width: 100%; height: 100%; font-family: 'Times New Roman', 'Times', 'Serif'; font-size: large; }
.openCustDetailsDialogClass, .openHistoryDialogClass { position: absolute; top: 40%; left: 50%; }
.btn-back-new { display: block; margin: 0 auto; padding: 10px 40px; background: #E5E5E5; border: 1.67797px solid #859CB6; font-weight: 400; }
.fetchAcountHierarchyClass,
.fetchDelinquencyDetailsClass,
.showChProfileUpdatesClass{position: absolute; top: 50%; left: 50%; margin-right: -50%;}
.getIDLicenseDataClass, .getBenefitDetailsClass, .getShipmentInformationClass {position: absolute; top: 50%; left: 50%; margin-right: -50%;}
.openPayOffBlanaceSectionParentClass {width: 100%;height: 100px;}
.openPayOffBlanaceSectionChlidClass{position: absolute; top: 55%; left: 50%; margin-right: -50%;}
.showAddCriticalCmtPopupClass {position: absolute; top: 50%; left: 50%; margin-right: -50%;}
.chbtns-new {padding: 10px 30px;border-radius: 8px;background: #D3E2F8; border: 1px solid #AFCFFD; color: #377CBD;    font-weight: 700; font-size: 10px; line-height: 10px;}
.autoLinkTH {cursor: pointer; padding: 0.2em 0.5em; border:1px solid #CCCCCC; color:#990000; font-size:10px; text-align:right; font-weight: bold;}
.searchCreditLimitRequestsClass {position: absolute; top: 50%; left: 50%; margin-right: -50%;}

.border-1x-solid-left {border-left: 1px solid;}
.font-size-12 {font-size: 12px;}

.gradient-hr {
    background: linear-gradient(to right, #FF9900, #FFFFFF);
    height: 4px;
}


.loadOnlinePaymentListClass {
    border: none;
    background: none;
    left: 0%;
    position: inherit;
    top: 14px;
    width: 90%;
    height: 115px;
}

.setIndexClass {
    border: none;
    background: none;
    left: 2.8%;
    position: absolute;
    width: 95%;
    top: 14px;
    height: 46px;
}

.blockUI.blockOverlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff !important;
    opacity: 0.8 !important;
}
.blockUI.blockMsg.blockElement {
    width: 150px !important;
    margin: 0 auto !important;
    padding: 20px !important;
    text-align: center !important;
    background-color: transparent !important;
    border: none !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%);
}

.getAssociatedCard_CIClass {position: absolute; top: 50%; left: 50%; margin-right: -50%;}
.submitUpdatedListsCLass {position: absolute; top: 50%; left: 50%; margin-right: -50%;}
.credit-statement-loading { background-color: var(--color-black); color: var(--color-white); display: none; position: absolute; left: 94%; top: auto}
.setCardCreditLimitLoaderClass {background-color: #000000; color: #ffffff; display: none; position: absolute; left: 94%; top: auto}
.fetchTransactionsCountParentClass {position: relative; height:16px;}
.fetchTransactionsCountChildClass {position: absolute; top: -3px; left: 88%; margin-right: -50%;}
.fetchPendingTransactionsClass {position: absolute; top: 12px; left: 50%; margin-right: -50%;}
.statement-category-label-new {display: block;float: left;margin-top: 4px;padding-right: 4px;text-align: right;width: 120px;color: blue;}
.postedTransDetailPopupDivNewClass {position: absolute; top: 50%; left: 50%; margin-right: -50%;}
.fetchPostedTransactionsClass {position: absolute; top: 12px; left: 50%; margin-right: -50%;}
.transDetailPopupDivClass {position: absolute; top: 50%; left: 50%; margin-right: -50%;}
.showBankruptcyHistoryPopupClass {position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: -13px;}
div#resetPasswordPopupDiv h4 {color: black !important;}
.loader-holder { min-height: 26px; position: relative;}
.loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.loader img { display: block;}
.warningimageNewClass {height: 35px; width: 35px; float: left; margin: 0 5px 0 0;}
.selectedStatusNewClass {margin: 5px 15px 20px 0; font-size: 12px;}
.setBankruptcyFlagPClass1 {margin: 0 0 17px 40px; font-size: 12px;}
.setBankruptcyFlagPClass2 {list-style: none; font-size: 12px; margin-bottom: 25px;}
.setBankruptcyFlagPClass3 {float: right; margin: 10px 10px 20px 0;}
.m-10-10-20-0 {margin: 10px 10px 20px 0;}
.setBankruptcyFlagPClass4 {height: 20px; width: 60px; margin: 0 20px 0;}
.setBankruptcyFlagPClass5 {height: 20px; width: 60px;}
.resestPasswordConfirmationNewClass {font-size: 14px;font-weight: bold;font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;color: #666;padding: 15px 10px;}
.disablePageCssClass1 { background-color: #000011; position:absolute; top:0; right:0; width:100%; height:100%; opacity:0.5; filter:alpha(opacity=50);font-family:'Times New Roman','Times','Serif';font-size:large; z-index: 1000}
span.unblock-reward-val { display: inline-block; vertical-align: top; padding-right: 10px; }
.cardAprHistoryPopupNewClass, .cardAprInsertPopupNewClass, .showCardAprEditPopupNewClass {position: absolute; top: 50%; left: 50%; margin-right: -50%;}
.approvelimitscontentNewClass {position: relative; top: 50%; left: 50%; margin-right: -50%;}
.approve_limitsNewClassLoader{background-color: #000000; color: #ffffff; display: none; position: absolute; left: 94%; top: auto}
.getSecretQuestionsNewClass {position: relative; top: 12px; left: 50%; margin-right: -50%;}
.sendAccessCodePopupNewClass{position: absolute; top: 50%; left: 50%; margin-right: -50%;}
.whitelistedMerchantsDivNewClass {position: absolute; top: 12px; left: 50%; margin-right: -50%;}
.nextProfileUpdatesListNewClass {position: absolute; top: 50px; left: 50%; margin-right: -50%;}
.setPersonStatusNewModalClass {position: absolute; top: 40%; left: 50%;}
.openAccountDetailsDialogNewModalClass {position: absolute; top: 40%; left: 50%;}
.setCustomerStatusNewModalClass {position: absolute; top: 40%; left: 50%;}
.fetchAcsTransactionsCountNewModalClassParent {position: relative; height:16px;}
.fetchAcsTransactionsCountNewModalClassChild {position: absolute; top: -3px; left: 88%; margin-right: -50%;}
.fetchAcsTransactionsNewModalClass {position: relative; top: 12px; left: 50%; margin-right: -50%;}
.order_supplementarycardLoaderClass {background-color: #000000; color: #ffffff; display: none; position: absolute; left: 94%; top: auto}
.getSecretQuestionsNewClass {position: relative; top: 12px; left: 50%; margin-right: -50%;}
.sendAccessCodePopupNewClass{position: absolute; top: 50%; left: 50%; margin-right: -50%;}
.whitelistedMerchantsDivNewClass {position: absolute; top: 12px; left: 50%; margin-right: -50%;}
.nextProfileUpdatesListNewClass {position: absolute; top: 50px; left: 50%; margin-right: -50%;}
.blurDivStyleCssText { background-color: #000011; position:absolute; top:0; right:0; width:100%; height:100%; opacity:0.5; filter:alpha(opacity=50);font-family:'Times New Roman','Times','Serif';font-size:large; z-index: 1000;}
.autolink.transferhistoryNewAutoLinkClass {cursor: pointer; padding: 0.2em 0.5em; border:1px solid #CCCCCC; color:#990000; font-size:10px; text-align:right; font-weight: bold;}
.asdasd {position: absolute; top: 12px; left: 50%; margin-right: -50%;}
.warningimageCardBlockJsP {height: 35px; width: 35px; float: left; margin: 0 5px 0 0;}
.selectedStatusCardBlockJsP {margin: 5px 15px 20px 0; font-size: 12px;}
.whiteListedMerchantsPaginationClassModal {position: absolute; top: 12px; left: 50%; margin-right: -50%;}
.autolink.transferhistoryNewAutoLinkClass {cursor: pointer; padding: 0.2em 0.5em; border:1px solid #CCCCCC; color:#990000; font-size:10px; text-align:right; font-weight: bold;}
.asdasd {position: absolute; top: 12px; left: 50%; margin-right: -50%;}
.warningimageCardBlockJsP {height: 35px; width: 35px; float: left; margin: 0 5px 0 0;}
.selectedStatusCardBlockJsP {margin: 5px 15px 20px 0; font-size: 12px;}
.whiteListedMerchantsPaginationClassModal {position: absolute; top: 12px; left: 50%; margin-right: -50%;}
.fetchSuspiciousTransactionsCountParent {position: relative; height:16px;}
.fetchSuspiciousTransactionsCountChild {position: absolute; top: -3px; left: 91%; margin-right: -50%;}
.fetchSuspiciousTransactionsNewClass {position: relative; top: -2px; left: 50%; margin-right: -50%;}
.suspicious_transNewCLass {position: relative; top: -2px; left: 50%; margin-right: -50%;}
.hidden-element {display: none; width: 50px; z-index: 5000; position: absolute; top: 49%; left: 49%;}

.achPayment-tooltip .tooltip-content {
    display: none;
    position: absolute;
    background-color: #FEEECF;
    border: 1px solid #ccc;
    padding: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    white-space: normal;
    z-index: 1000;
    left: 100%;
    top: 0;
    width: 300px;
}

.achPayment-tooltip .tooltip-content ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.achPayment-tooltip .tooltip-content li {
    margin: 0;
    padding: 0;
}
.readonly-input {
    background-color: #d8dadb;
    pointer-events: none;
}
.search-actionbox.align-center {
    text-align: center;
}
.border_wrapped {
    border: 1px solid #CCCCCC;
    padding: 10px;
    margin: 0 10px;
}
.cardenroll-column-50 {
    width: 50%;
}
.cardenroll-row .cardenroll-column-50 .cardfield-holder .info-holder:first-of-type{
    width: 32%;
}
.cardenroll-row .cardenroll-column-50 .cardfield-holder input[type=text],
.cardenroll-row .cardenroll-column-50 .cardfield-holder input[type=password]
.cardenroll-row .cardenroll-column-50 .cardfield-holder input[type=number]
.cardenroll-row .cardenroll-column-50 .cardfield-holder input[type=email]
.cardenroll-row .cardenroll-column-50 .cardfield-holder input[type=date]{
    height: 30px;
    padding: 5px 8px;
}
.cardenroll-column-50 .custom-file-type{
    display: flex;
    margin-bottom: 10px;
}
.cardenroll-column-50 .file-uploader-area{
    width: 100%;
}
.cardenroll-row .cardenroll-column-50 .cardfield-holder .info-holder:last-of-type {
    width: 50%;
}
.table_riskrules {
    border-collapse: collapse;
    width: 220px;
    border-color: #E1D3BB;
    max-width: 100%;
}
.table_riskrules th, .table_riskrules td {
    font-size: 11px !important;
    padding: 5px 8px;
}
.table_riskrules th {
    background-color: #FBEFD2;
    width: 50%;
}
.table_riskrules td[colspan="2"] {
    text-align: center;
}
.table_riskrules td .riskrule-emptyrow {
    color: #000;
}
.cardenroll-column_space-top {
    margin-top: 20px;
}
.search-actionbox.align-center {
    text-align: center;
}
.border_wrapped {
    border: 1px solid #CCCCCC;
    padding: 10px;
    margin: 0 10px;
}
.cardenroll-column-50 {
    width: 50%;
}
.cardenroll-row .cardenroll-column-50 .cardfield-holder .info-holder:first-of-type{
    width: 32%;
}
.cardenroll-row .cardenroll-column-50 .cardfield-holder input[type=text],
.cardenroll-row .cardenroll-column-50 .cardfield-holder input[type=password]
.cardenroll-row .cardenroll-column-50 .cardfield-holder input[type=number]
.cardenroll-row .cardenroll-column-50 .cardfield-holder input[type=email]
.cardenroll-row .cardenroll-column-50 .cardfield-holder input[type=date]{
    height: 30px;
    padding: 5px 8px;
}
.cardenroll-column-50 .custom-file-type{
    display: flex;
    margin-bottom: 10px;
}
.cardenroll-column-50 .file-uploader-area{
    width: 100%;
}
.cardenroll-row .cardenroll-column-50 .cardfield-holder .info-holder:last-of-type {
    width: 50%;
}
.table_riskrules {
    border-collapse: collapse;
    width: 220px;
    border-color: #E1D3BB;
    max-width: 100%;
}
.table_riskrules th, .table_riskrules td {
    font-size: 11px !important;
    padding: 5px 8px;
}
.table_riskrules th {
    background-color: #FBEFD2;
    width: 50%;
}
.table_riskrules td[colspan="2"] {
    text-align: center;
}
.table_riskrules td .riskrule-emptyrow {
    color: #000;
}
.cardenroll-column_space-top {
    margin-top: 20px;
}
.height-70 {height: 70px;}
.height-25 {height: 25px;}
.bg-w{background: #f0f0f0 !important;}
.w-100p{width: 100px !important;}
.field-amt{display: inline-block !important; vertical-align: top !important; margin: 0 0 0 -3px !important;}
.w-27-percent{width: 27% !important;}
.w-47-percent{width: 47% !important;}
.w-45 {width: 45px !important}
.pdl-30{padding-left: 30px !important;}
.div-loading{background-color: 000000 !important; color: ffffff !important; display: none !important; position: absolute !important; left: 94% !important; top: auto !important;}
.float-right{
    float: right !important;
}
.relative-40{
    position: relative;
    right:40px;
}
.color-rgb {color: rgb(0, 0, 153);}
.bg-color-change{background-color: #E1EAFE;}
.border-color1{width: 40%; border: 0px; border-color: red; border-style: dotted}
.paperless-color-rgb {color: rgb(0, 0, 153);}
.paperless-border-color1{width: 40%; border: 0px; border-color: red; border-style: dotted}
.fcWaiveRequestDetailPointer-events{pointer-events:auto!important;}

.date-range-box-style{padding-left: 30px; display: inline-block}
.date-range-box-style1{padding-left: 30px; display: none}
.transfer-history-w-50-line {
    font-size: 0; line-height: 0; width: 50px;
}
.negative-5-mb {
    margin-bottom: -5px !important;
}
.userOfacAvsQuestionsDiv{
    display: none;
    vertical-align: middle;
    text-align: center;
    background-color: white;
    height: 10px
}

.specialStatusDivClass2{
    overflow: hidden; margin-top: 10px;
}

.specialStatusDivClass3{
    overflow: hidden;;
}

.w-166 {width: 166px !important}

.card-detail-tab-1 {
    font-size: 9px; color: #000099;  text-decoration: none;
}

.currency-rate-1 {
    font: normal;font-weight: normal;background-color: #E4D2B8
}
#pageContent {
    max-height: 70vh;
}

.accountDetailsDialog .payoff-balance-wrap{
    display: flex;
    align-items: center;
    gap: 5px;
}

.accountDetailsDialog .accountDetailsDialogbtnWrap {
    border: 0;
    float: left;
    padding-left: 1em;
}

.accountDetailsDialog .accountDetailsDialogbtnWrap button{
    margin-left: .4em;
}
.business-info-wrap .dataEntry {
    background: none;
    text-align: right;
}
.disabledField {

    opacity: 0.4;
}
.cell-padding-0 td,.cell-padding-0 th {    padding: 0;}
.cell-padding-1 td,.cell-padding-1 th {    padding: 1px;}
.custom-hr {
    color: #A6C9E2;
    visibility: visible;
    border: 0.5px solid #A6C9E2;
}

.popup-content {
    padding: 16px;
    font-size: 14px;
    line-height: 17px;
    font-family: Verdana, serif;
}

.popup-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 12px 12px 12px;
}
.yes-btn, .cancel-btn {
    padding: 8px 16px;
    font-size: 12px !important;
    font-family: Arial, serif !important;
    border-radius: 1px;
    cursor: pointer;
    border: none;
    width: 79px;
    height: 30px;
    background: #6B9BC8;
    color: white;
}
.confirmationCreditPopup .ui-dialog-title{
    font-weight: 600;
    font-size: 14px;
}
.ui-dialog .ui-dialog-content.confirmationCreditPopup {
    padding: 0 !important;
}
input[type="radio"]{ margin: 0;}
.move-up{

    position: relative;
    bottom: 3px;
}
.move-down{
    position: relative;
    top: 1px;
}
.refundSuccessMsg{
    font-family: Verdana, serif;
    font-weight: 400;
    font-size: 8px;
    line-height: 10px;
    color: black;
}
.refundSuccessDiv{
    width: 250px;
    height: 18px;
    border: 1px solid #d8d8d8;
    padding: 0 10px;
}


.popup-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 12px 12px 12px;
}
.yes-btn, .cancel-btn {
    padding: 8px 16px;
    font-size: 12px !important;
    font-family: Arial, serif !important;
    border-radius: 1px;
    cursor: pointer;
    border: none;
    width: 79px;
    height: 30px;
    background: #6B9BC8;
    color: white;
}
.confirmationCreditPopup .ui-dialog-title{
    font-weight: 600;
    font-size: 14px;
}
.ui-dialog .ui-dialog-content.confirmationCreditPopup {
    padding: 0 !important;
}

input[type="radio"]{ margin: 0;}
.move-up{
    position: relative;
    bottom: 3px;
}
.move-down{
    position: relative;
    top: 1px;
}
.refundSuccessMsg{
    font-family: Verdana, serif;
    font-weight: 400;
    font-size: 8px;
    line-height: 10px;
    color: black;
}
.refundSuccessDiv{
    width: 250px;
    height: 18px;
    border: 1px solid #d8d8d8;
    padding: 0 10px;
}
.statementstatshistory-1 {
    margin-right: 5px;text-align: center;
}

.statementstatshistory-2 {
    display: inline-block;width: 30px;
}

.statementstatshistory-3 {
    left: 663px; top: 186px;
}

.margin-0 {
    margin: 0px 0 0
}
.font-size-8px {font-size: 8px !important;}

.whiteBackground {
    background-color: #ffffff;
}

.pd-6px-top-n-bottom{
    padding-top: 6px;padding-bottom: 6px;
}

.pd-top-10px{
    padding-top: 10px;
}

.m-0-0-10px{margin:0 0 10px;}
.c-900{color:#900}
.c-FF9800{color:#FF9800}

.paymentcorrection{
    width:200px;height:20px;
}
.tblOverlap{
    position:relative;
}
.tableCustDislosureWhite{background:#ffffff;}
.tbl-linkexternalcard-width{width:11.78%}

. customer-disclosures-tbl{
    font-size:0; line-height:0;
}
.docProof-linkExtCard{position:absolute; right:20.2%; top:40%; width:30%}

.tbl-td-padding{padding:10px 0 0}
.tbl-td-padding1{padding:20px 4px 0;}

.input-linkextcard{margin-right:6px}
.btn-block-merchant{padding: 3px;cursor: pointer}
.paymentcorrection-3 {
    left: 663px; top: 186px;
}

.accountDetailsDialog.ui-dialog .ui-dialog-content {
    padding: 16px 16px 0 16px !important;
    min-height: 220px !important;
    max-height: 336px !important;
}
.border-collapse {
    border-collapse: collapse
}
.overflow-y-auto{overflow-y: auto;}
.color-red{color: red;}
.SecondaryCard{display: inline-block;text-align: center;font-size: 14px;font-weight: bold !important;padding:16px 0 17px;}
.-ms-overflow-style-none{-ms-overflow-style: none;}
.scrollbar-width-none{scrollbar-width: none;}

.loginHistoryFieldSetColor{
    background-color:#FCFAFE
}
.deviceTypeFieldWidth{
    min-width : 169px; !important;
}
.loginHsitoryDetailsButtons{
    display: flex !important;
    justify-content: center !important;
}
.bg-color-aecee3 {background-color: #AECEE3 !important}

.mp-reason-select,
.mp-reason-cmnt{
    width: 245px;
    margin: 0 0 10px 0;
}
#markProfileSave{
    padding: 4px 33px;
}
.cs-fraud-alert{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 10px;
    color: #F00;
    line-height: normal;
    padding: 8px 10px;
    background: #f0f0f0;
    border: 1px solid #D8D8D8;
    margin: 16px 0;
}
.cs-fraud-alert > div{
    display: flex;
    gap: 8px;
    align-items: center;
}

.accountDetailsDialog .fieldLabel {
    font-weight: normal !important;
}
.profile-avatar{
    display: flex;
    justify-content: end;
    width: 200px;
}

.reviewAcc-EditTable tr td{width: 50%;}
.reviewAcc-EditTable{font-size: 9px;}
.reviewAcc-EditTable tr td label{ min-width: 200px; display: inline-block;vertical-align: middle;}
.reviewAcc-EditTable tr td input[type="text"], select{width: 191px; border: 1px solid #859CB6;}
.reviewAcc-EditTable tr td input[type="button"]{padding: 2.2px 11px;}
.reviewAcc-EditTable .date-range-container{display: inline-block;vertical-align: middle;}
.reviewAcc-EditTable .date-range-container label{width: auto;}
.reviewAcc-EditTable .date-range-container input[type="text"]{min-width: auto;max-width: 67px;}
.review-actionlist{list-style: none;}
.review-actionlist li {display: inline-block;vertical-align: middle;margin: 0 4px;}
.ui-widget.ui-widget-content[aria-describedby="reject-requests-popup"]{width: 386PX !important;color: #4B4B4B;}
.ui-widget.ui-widget-content[aria-describedby="reject-requests-popup"] .ui-dialog-title{ font-weight: 700;}
.review-account-popup .title-desc{font-size: 10px; display: block;margin: 0 0 15px;}
.review-account-popup .ui-dialog-title{ font-weight: 700;}
.review-account-popup .textarea-holder{padding: 0 0 18px;border-bottom: 0.5px solid #A6C9E2;}
.review-account-popup .textarea-holder label{font-size: 10px;line-height: 20px;}
.review-account-popup .textarea-holder textarea{resize: none; width: 100%;}
.review-account-popup .btns{display: flex;justify-content: end;margin-top: 16px;}
.review-account-popup .btns .btn{background: #6B9BC8;width: 79px;height: 30px;padding: 8px 17px;color: #fff;font-size: 12px;line-height: 16px;font-weight: 700;text-transform: capitalize;margin: 0; margin-left: 9px;border-radius: 0;}
.review-account-popup .requester-info {width: 185px;margin-bottom: 18px;float: left;}
.review-account-popup .requester-info span{margin-bottom: 7px;}
.review-account-popup .requester-info span,.review-account-popup .requester-info strong{display: block;}
.review-account-popup .requester-info strong{color: #000000;}
.accountmodification-table{padding: 0 0 18px;border-bottom: 0.5px solid #A6C9E2;}
.min-width-auto{min-width: auto !important;}

.joint-customerinfo-header {    margin-top: -10px;padding: 10px 7px 5px;}
.joint-customerinfo-header legend{background: #fff;}
.joint-customerinfo-content {width: 400px; display: flex; flex-wrap: wrap; padding: 0; list-style-type: none;}
.joint-customerinfo-content .grid-item { width: 200px;margin: 0 0 5px;}
.joint-customerinfo-content .grid-item input,
.joint-customerinfo-content .grid-item label{display: inline-block; vertical-align: middle;font-weight: 700;}
.joint-customerinfo-content .grid-item label{font-weight: 700 !important;margin-left: 7px;}
.fraudcaution-alert { background: #FFDEDF;
    font-size: 10px;
    line-height: 14px;
    color: #B80003;
    display: flex ;
    padding: 4px 10px;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
    margin-top: 10px;
    width: 100%;
}
.user-avatar-btn.useravatar-btn{margin-top: 10px}
.fraudcaution-alert p{margin: 0;}

.account_summary_comment-td {
    width: 9%;
    height: 19px;
}

.table-cell-center {
    text-align: center;
}
.dropdown-container {
    position: relative;
    width: 260px;
    font-family: Arial, sans-serif;
}

.dropdown-container {
    position: relative;
    width: 200px;
}

.dropdown-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #999;
    background-color: #e9e9ed;
    padding: 3px;
    border-radius: 2px;
    cursor: pointer;
    font-size: 9px;
    min-height: 12px;
}

.dropdown-toggle:hover {
    background-color: #f0f0f0;
}

.dropdown-arrow {
    font-size: 12px;
    margin-left: 10px;
    color: #333;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    background-color: #ffffff;
    border: 1px solid #999;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    margin-top: 1px;
    font-size: 9px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    border-radius: 2px;
}
.table-cell-width {
    width: 10%;
}
.f-width-sm{
    width:130px;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.custom-dialog-cardDetails{width:1000px !important;}
.input-holder{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
select.wid {
    width:40px !important;
}
select#reqDueDayOfMonth{
    width:40px !important;
}

.update-cancel-btns {
    margin-left: 100px
}

.popup-box {
    display: none;
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px #000;
}

.popup-buttons {
    text-align: right;
}

.popup-buttons button {
    padding: 8px 16px;
    margin: 5px;
    font-size: 14px;
    cursor: pointer;
}

.centered-button {
    text-align: center;
    padding: 12px;
}

/* warning-popup-box */
.warning-popup-box.popup-box { box-shadow: none; padding: 0; min-width: 424px; }
.warning-popup-box .popup-header { background: #6b9bcb; color: #fff; padding: 9px 60px 9px 16px; position: relative;  }
.warning-popup-box .popup-main-heading { font-size: 12px; line-height: 16px; }
.warning-popup-box .popup-close { position: absolute; top: 11px ; right: 16px; background: none; border-width: 0; cursor: pointer; }
.warning-popup-box .popup-close:where(:hover, :focus) { outline: dotted 1px; outline-offset: 2px; color: #fff; }
.warning-popup-box .popup-body { padding: 24px 16px 16px; }
.warning-popup-box .popup-body p { margin: 0 0 24px; }
.warning-popup-box .popup-body .popup-buttons { display: flex; align-items: center; justify-content: center; gap: 8px; }
.warning-popup-box .popup-buttons button { margin: 0; }
.btn-blue,
.btn-light { display: inline-block; vertical-align: top; font-size: 10px; line-height: 14px; padding: 7px 10px; border: 1px solid; min-width: 55px; border-radius: 2px; }
.btn-blue { background: #6b9bcb; color: #fff; border-color: transparent; }
.btn-blue:where(:hover, :focus) { background: #497aab; }
.btn-light { background: #e9e9ed; border-color: #d9d9d9; color: #333; }
.btn-light:where(:hover, :focus) { background: #cdcdcd; border-color: #a7a7a7; }
.apr-options-table.promotion-table-opt .tableCoulmnHeading th{ border: 1px solid #E1D3BB;}

#gridMessageBox {
    padding: 8px;
    border-radius: 4px;
    font-weight: bold;
    display: none;
}

.message-success {
    color: blue;
}

.message-declined {
    color: red;
}

.message-error {
    color: red;
}

.hidden {
    display: none;
}
.promotion-table th { font-size: 8px; }
.promotion-table td .text,
.promotion-table td { font-size: 9px; }
.ctp-tooltip {  display: inline; position: relative;}
.ctp-tooltip > span {display: none;position: absolute;background: #000000;width: 285px;color: #FFFFFF;padding: 5px 10px;margin-left: 5px;border-radius: 4px;line-height: 1.5;top: auto;bottom: 18px;left: calc(100% - 152px);}
.ctp-tooltip:hover > span {  display: block;}
.ctp-tooltip .tooltipImage {    padding: 0;    display: inline-block;    margin-left: 3px;    width: 12px;    height: 12px;    margin-top: 3px;}
.p-10 {padding: 10px !important;}



.card-details-heading{
    margin: 8px 0 16px 0;
    font-size: 14px;
    line-height: 22px;
}
.tbDataFirstRow_cardDetails fieldset,
.tbDataSecondRow_cardDetails fieldset{
    background: #FCFAFE;
}
.tbDataFirstRow_cardDetails{
    background-color: #F7F9FD;
}
.tbDataSecondRow_cardDetails {
    background-color: #F1F1EB;
}
.tbDataSecondRow_cardDetails .tbDataSecondRow_cardDetails {
    padding: 10px;
}

.table-scroll{ max-height: 300px; overflow-y: auto; overflow-x: hidden; display: block; }

.redirect-message {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #007bff; /* Blue background */
    color: #ffffff; /* White text */
    padding: 20px;
    border: 1px solid #0056b3; /* Darker blue border */
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    text-align: center;
    z-index: 1000;
}
.redirect-message.visible {
    display: block;
}

.loged-toaster {
    width: 97%;
    margin: 10px auto 10px;
    background-color: #09180E;
    color: #fff;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    transition: opacity 0.4s ease, transform 0.4s ease;
    z-index: 9999;
}

.loged-toaster .toaster.hide {
    opacity: 0;
    transform: translateY(-20px);
    pointer-events: none;
}

.loged-toaster .toaster-message {
    font-size: 14px;
    line-height: 1.4;
    flex: 1;
    margin-left: 20px;
}

.loged-toaster .toaster-message span {
    color: #71D2F2;
}

.loged-toaster .toggle-button {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    margin-right: 20px;
}

.loged-toaster .toggle-label {
    font-size: 14px;
    color: #fff;
}

.loged-toaster .switch {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 12px;
    padding: 0 !important;
}

.loged-toaster .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.loged-toaster .slider {
    position: absolute;
    cursor: pointer;
    background-color: #6B7080;
    border-radius: 12px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.3s;
}

.loged-toaster .slider:before {
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    border-radius: 50%;
    transition: 0.3s;
}

.loged-toaster input:checked + .slider {
    background-color: #71D2F2;
}

.loged-toaster input:checked + .slider:before {
    transform: translateX(8px);
}
.toggle-btn-holder{
    display: flex;
    flex-direction: row;
    justify-content: end;
    gap: 8px;
}

.toggle-btn-holder .btn-light{
    background: #FFF;
    color: #757575;
    padding: 10px 16px;
    border: 1px solid #DBDBDB;
    border-radius: 2px;
    min-width:80px;
    font-size: 12px;
    cursor: pointer;
}
.toggle-btn-holder .btn-primary{
    background: #5c9ccc;
    color: #FFF;
    border: 1px solid #5c9ccc;
    border-radius: 2px;
    padding: 10px 16px;
    min-width:80px;
    font-size: 12px;
    cursor: pointer;

}
#togglePopup p{
    color: #666;
    font-size: 14px;
    line-height: 1.35;
    font-style: normal;
    text-align: left;
    font-weight: 400;
    margin: 0 0 16px;

}
#togglePopup h2{
    color: #222;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    margin: 16px 0 8px;
}
#togglePopup{
    padding:0 16px 16px;
}
.errortoggle-secure{padding:16px 16px;}


#FeePricingGrid{position: relative; top: 12px; left: 50%; margin-right: -50%;}
input.btn-link, button.btn-link {
    background-color: rgba(0,0,0,0);
    border: none;
    text-decoration: underline;
    cursor: pointer;
}
.ui-dialog .ui-dialog-content.confirmation_dialog {
    min-height: inherit !important;
    padding: 24px !important;
}
.ui-dialog .ui-dialog-content.confirmation_dialog p {
    text-align: center;
    color: #333;
    font-size: 11px;
    margin: 0;
}
.ui-dialog .ui-dialog-content.confirmation_dialog ~ .ui-dialog-buttonpane {
    border: 0;
    margin: 0;
    padding: 0;
    text-align: center;
}
.ui-dialog .ui-dialog-content.confirmation_dialog ~ .ui-dialog-buttonpane .ui-dialog-buttonset {
    width: 100%;
    text-align: center;
    padding-bottom: 16px;
}
.ui-dialog .ui-dialog-content.confirmation_dialog ~ .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    margin: 0 4px;
    padding: 8px;
    text-transform: capitalize;
    border: 1px solid #D9D9D9;
    background: #E9E9ED;
    color: #333;
    border-radius: 2px;
}
.ui-dialog .ui-dialog-content.confirmation_dialog ~ .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover{
    background: #DDDDE1;
}
.ui-dialog .ui-dialog-content.confirmation_dialog ~ .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child{
    background: #6B9BC8;
    color: #fff;
    border-color: #6B9BC8;
}
.ui-dialog .ui-dialog-content.confirmation_dialog ~ .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child:hover{
    background: #4297d7;
    border-color: #4297d7;
}
.toggle-color-blue {color: #71D2F2;}



.chat-info {
    position: inherit;
    background-color: #e6f3ff;
    padding: 4px 6px;
    display: flex;
    align-items: center;
    font-family: Arial, sans-serif;
    /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/
    border: 1px solid #AFCFFD;
    max-width: 280px;
}

.chat-info img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 4px;
}

.chat-info .chat-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.chat-info .chat-id {
    font-size: 11px;
    font-weight: 700;
    color: #003366;
}

.chat-info .chat-name {
    font-size: 11px;
    color: #333;
}

.modal-overlay-logout {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.warning-popup-logout{
    background: white;
    text-align: center;
}
.warning-popup-header-logout{
    background-color: #6B9BC8;
    padding:8px 16px;
    text-align: left;
    display: flex;
    justify-content: space-between;
}
.popup-heading-logout{
    color: #FFF;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    margin: 0;

}
.warning-popup-body-logout{
    margin-top: 16px;
    padding: 0 16px;
}
.warning-popup-footer-logout{
    padding: 24px 16px;

}
.warning-popup-button-logout{
    background-color: #6B9BC8;
    border: none;
    color: white;
    padding: 8px 32px;
    text-align: center;
    text-decoration: none;
    /*display: inline-block;*/
    /*font-size: 14px;*/
    margin: 4px 2px;
    cursor: pointer;
}
.cancelbtn-logout{
    background-color: #E9E9ED !important;
    color: black !important;
}
.cross-icon-logout{
    cursor:pointer;
    color: white;
    font-size: 16px;
    font-weight: bold;
}

/*Unenrollment requirement*/

#unenrollmentRequirement{text-align: center; padding: 8px 27px;}
#unenrollmentRequirement p{font-size: 13px; line-height: 18px; letter-spacing: 0.2px; text-align: center;}
#unenrollmentRequirement ul{display: flex; flex-direction: column; text-align: left; list-style-position: inside; margin: 0 auto 15px; padding-left: 0; width: fit-content; gap: 5px;}
#unenrollmentRequirement ul li{font-size: 14px; font-weight: 700; line-height: 20px; color: #3A3D5A;}

#unenrollmentRequirementBank{text-align: center; padding: 8px 27px;}
#unenrollmentRequirementBank p{font-size: 13px; line-height: 18px; letter-spacing: 0.2px; text-align: center;}
#unenrollmentRequirementBank ul{display: flex; flex-direction: column; text-align: left; list-style-position: inside; margin: 0 auto 15px; padding-left: 0; width: fit-content; gap: 5px;}
#unenrollmentRequirementBank ul li{font-size: 14px; font-weight: 700; line-height: 20px; color: #3A3D5A;}

/*===TDECU bank verification Start===*/

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.custom-dialog-style {
    max-width: 300px !important;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.custom-dialog-style.custom-dialog-style-lg {
    max-width: 608px !important;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.custom-dialog-style.custom-dialog-style-error {
    max-width: 380px !important;
}
.ui-dialog.custom-dialog-style .ui-dialog-titlebar-close span{
    background-image:  url("../csimages/cross-icon-white.png");
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.ui-dialog.custom-dialog-style .ui-dialog-titlebar-close:hover{
    background: transparent !important;
    border: none;
    outline: none;
}
.select_bank_logo a {
    display: flex;
    border: 1px solid #D6D7DC;
    padding: 17px 10px;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-direction: column;
    color: #1B223A;
    font-size: 8.3px;
    text-decoration: none;
}
.select_bank_modal p {
    color: #000;
    line-height: 1.2;
    font-size: 9px;
    margin: 0;
}
.select_bank_logo {
    margin-top: 24px;
}
.select_bank_btn {
    margin-top: 8px;
}
.select_bank_btn a {
    border: 1px solid #D6D7DC;
    display: block;
    text-align: center;
    border-radius: 3px;
    color: #1B223A;
    padding: 12px 10px;
    text-decoration: none;
    line-height: 1.2;
    transition: all 0.3s ease;
}
.select_bank_btn a:hover,
.select_bank_logo a:hover,
.select_bank_btn a:focus,
.select_bank_logo a:focus{
    border-color: #6B9BC8;
    border-radius: 0;
    outline: none;
}
.add_tdecu_head {
    color: #000000;
    font-size: 9px;
}
.add_tdecu_head_label {
    font-size: 10px;
    color: #000000;
}
.add_tdecu_head_label span {
    color: #FF0000;
}
.add_tdecu_main input[type="text"] {
    width: 100%;
    height: 20px;
    border: 1px solid #769EBB;
    padding: 0 5px;
}
.add_tdecu_main textarea {
    width: 100%;
    height: 50px;
    border: 1px solid #769EBB;
    padding: 5px;
}
.add_tdecu_head_check {
    display: flex;
    align-items: center;
    gap: 16px;
}
.add_tdecu_head_check input {
    margin: 0;
}
.add_tdecu_head_check label {
    font-size: 12px;
    font-weight: 600;
    color: #1B223A;
}
.add_tdecu_btns {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}
.add_tdecu_btn {
    color: #000000;
    padding: 8px 16px;
    border: none;
    font-weight: 700;
    background: #E9E9ED;
    font-size: 12px !important;
    cursor: pointer;
}
.add_tdecu_btn:not([disabled]):hover {
    filter: saturate(1.5);
}
.add_tdecu_btn_blue {
    min-width: 108px;
    background-color: #6B9BC8;
    color: #fff;
}
.add_tdecu_btn_blue[disabled]{
    background: rgba(16, 110, 184, 0.5);
}
.add_tdecu_btn[disabled] {
    cursor: not-allowed;
}
.add_tdecu_head_val{
    color: #000000;
    font-size: 9px;
}
.verification-error h4 {
    font-size: 14px;
    color: #4B4B4B;
    font-weight: bold;
    margin: 0 0 24px;
}
.verification-error p {
    color: #000000;
    font-size: 9px;
    margin: 0 0 24px;
    text-align: center;
}
.verification-error {
    text-align: center;
    padding: 8px 0;
}
.verification-error_btns {
    display: flex;
    justify-content: center;
    gap: 8px;
}
.verification-error_btns .add_tdecu_btn {
    min-width: 108px;
}
.select_bank_modal .add_tdecu_btns {
    margin: 24px 0 8px;
}
.delete-dioalog-fixed {
    position: fixed;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    margin: 0 !important;
}

.cardDesignPopupTnC-dialog.ui-dialog .ui-dialog-content { padding: 27px 16px 24px !important; }
.cardDesignPopupTnC-dialog .dialog-body { padding: 34px 37px 15px 27px; overflow-y: auto; max-height: calc(100vh - 230px); border: solid #A1A3AE 1px; }
.cardDesignPopupTnC-dialog .dialog-heading-2 { font-size: 14px; line-height: 1.214285714285714; display: block; color: #1B223A; margin: 0 0 6px; }
.cardDesignPopupTnC-dialog p { font-size: 13px; line-height: 1.384615384615385; margin: 0 0 15px; }
.cardDesignPopupTnC-dialog .dialog-footer { display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 24px 0 0; }
.cardDesignPopupTnC-dialog .dialog-footer .btn { margin: 0; }
.cardDesignPopupTnC-dialog .btn { display: inline-block; vertical-align: top; font-size: 12px; line-height: 16px; padding: 8px; min-width: 72px; border: solid 1px transparent; cursor: pointer; border-radius: 0; font-weight: 700; }
.cardDesignPopupTnC-dialog .btn.btn-default { background: #6B9BC8; color: #fff; min-width: 108px; }
.cardDesignPopupTnC-dialog .btn.btn-default:where(:hover, :focus, :active) { background: #4174A4; }
.cardDesignPopupTnC-dialog .btn.btn-default[disabled] { background: rgba(117, 154, 196, 0.5); cursor: not-allowed; }
.cardDesignPopupTnC-dialog .btn.btn-primary { background: #E9E9ED; color: #000; min-width: 72px; }
.cardDesignPopupTnC-dialog .btn.btn-primary:where(:hover, :focus, :active) { background: #d0d0d7; }


/*//Loader styles*/
.custom-loader { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; display: flex; align-items: center; justify-content: center; }
.custom-loader .inner { border: dashed #EFEFF1 1px; border-radius: 10px; color: #1B223A; font-size: 1.125rem; line-height: 1.277777777777778; padding: 28px 10px; min-width: 218px; display: flex; align-items: center; justify-content: center; }
.custom-loader-active .custom-loader { display: flex; }
#accounts-list { position: relative; }
#accounts-list.custom-loader-active { height: 292px; min-height: 292px; max-height: 292px; overflow: hidden; }
.dot-loader::after { content: '...'; display: inline-block; width: 1em; animation: dots 1.5s steps(3, end) infinite; white-space: nowrap; }
@keyframes dots {
    0%   { content: ''; }
    33%  { content: '.'; }
    66%  { content: '..'; }
    100% { content: '...'; }
}

.modal-msg-box h4{
    background-color: #eeeeee;
    padding: 0.8em;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    margin-bottom: 15px;
    margin: 10px 0;
    text-align: left;
}
.w50{
    width: 50% !important;
    text-align: center;
}

.w50 label{
    font-weight: bold !important;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-right: 10px;
    margin-left: 30px;
}

table.modalTable {
    margin-top: 15px;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
}

.table-bordered {
    border: 1px solid #ddd;
}

.table-bordered > thead:first-child > tr:first-child > th {
    border-top: 0;
    font-size:12px;
    background-color: #5c9ccc;
    color: #fff;
}

.table-bordered > thead > tr > th {
    border-bottom-width: 2px;
    border: 1px solid #ddd;
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    padding: 7px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;

}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{
    border: 1px solid #ddd;
}

.table-bordered > tbody > tr > td{
    padding: 8px;
}

.table-striped > tbody > tr:nth-of-type(2n+2){
    background-color: #f9f9f9;
}
#sndAccessCodePopupDiv{ height:700px !important; overflow: auto !important;}
.bank-account-into-table *,
.bank-account-into-table { box-sizing: border-box; }
.bank-account-into-table td:nth-child(1) { padding-right: 20px; width: 22%; }
.bank-account-into-table td:nth-child(2) { padding-right: 40px; width: 28%; }
.bank-account-into-table td:nth-child(3) { padding-right: 20px; width: 22%; }
.bank-account-into-table td:nth-child(4) { width: 30%; }
.bank-account-into-table tr:not(:first-child) td { padding-top: 28px; }
/*===TDECU bank verification End===*/
.employee-card-details-popup{
    position: absolute; top:20%; left: 50%; margin-right: -50%;
}
.table-scroll-corporate-grid{ max-height: 500px; overflow-y: auto; overflow-x: hidden; display: inline-block; }
.bg-solitude-5 {
    background-color: #F0F0F0;
}
.bg-solitude-3 {
    background-color: #DDDDDD;
}

.departmentTableWrap .dataEntry {
    margin: 0;
}

.department-bg {
    background: #FCFAFE;
}
.popupcalendar-loadfuns{
    left: 663px; top: 186px
}
.manual-dis-grid-border, .priority-dis-grid-border{
    border-top: 1px solid grey;
}

.inst-plan-field-value {
    font-weight: 700 !important;
}

.border-1-D8D8D8 {
    border: 1px solid #D8D8D8;
}

.termination-details-checkboxes-td {
    position: relative;
    height: 0;
}

.termination-details-checkboxes {
    position: absolute;
    top: 9px;
    z-index: 1000;
    display: flex;
    align-items: center;
}

.termination-details-checkboxes .termination-details-checkbox-lbl {
    margin-left: 6px;
}

.termination-details-checkboxes input:last-of-type {
    margin-left: 16px;
}

.imp-cancellation-info-field textarea {
    width: 100%;
}

.termination-details-tnc-chkbox {
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.termination-details-tnc-chkbox input {
    margin: 0;
    margin-right: 10px;
}

.termination-details-tnc-chkbox a {
    color: #3376F6;
}

.termination-post-main-table fieldset {
    margin: 0;
}

:is(.inst-plan-main-tbl, .termination-details-main-tbl) td {
    font-size: 9px
}

:is(.inst-plan-main-tbl, .termination-details-main-tbl) legend {
    font-size: 9px;
    background-color: #FFFFFF;
}

.termination-details-main-tbl .tooltipImage.promotion-tooltipImg {
    padding: 0;
    margin-left: 5px;
}

.terminate-details-bottom-btns input {
    border: 1px solid #859CB6 !important;
    background-color: #E5E5E5 !important;
    padding: 3px 5px;
    color: #000000 !important;
    font-size: 8px;
    border-radius: 0 !important;
}


/* =====================================================
   Card Selector Dropdown Styles
   ===================================================== */

/* Search Input Styling */
#dropdownMenuCred input[type="text"],
#dropdownMenuBanking input[type="text"],
#cardSearchCred,
#cardSearchBanking {
    width: calc(100% - 12px);
    margin: 4px 6px;
    border: 1px solid #D8D8D8;
    padding: 4px 8px;
    box-sizing: border-box;
    font-size: 10px;
    border-radius: 3px;
    outline: none;
}

#dropdownMenuCred input[type="text"]:focus,
#dropdownMenuBanking input[type="text"]:focus,
#cardSearchCred:focus,
#cardSearchBanking:focus {
    border-color: #4A90E2;
    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.2);
}

#dropdownMenuCred .cardListCred{
    margin: 0;
    padding: 0 8px;
    border-top: 1px solid #E1D3BB;
    list-style: none;
}

.card-selector {
    width: 300px;
    border: 1px solid #ccc;
    font-family: Arial, sans-serif;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.search-input {
    width: calc(100% - 16px);
    padding: 8px 12px;
    margin: 8px;
    box-sizing: border-box;
    border: 1px solid #D8D8D8;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
}

.search-input:focus {
    border-color: #4A90E2;
    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.2);
}

.card-list {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #E1D3BB;
}

.card-list li {
    border-bottom: 1px solid #e0dcdc;
}

.card-list label {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    padding: 4px 8px;
    cursor: pointer;
}

.card-list input[type="radio"] {
    margin-top: 3px;
}

.card-info {
    display: flex;
    flex-direction: column;
}

.card-info strong {
    font-size: 10px;
    margin-bottom: 1px;
}

.card-info span {
    font-size: 10px;
    color: #000;
}

.button-group {
    display: flex;
    justify-content: center;
    gap: 6px;
    padding: 6px 8px;
}

.button-group .btn {
    padding: 4px 10px;
    cursor: pointer;
    font-size: 12px;
}

.button-group .btn:hover {
    background-color: #e3e7eb;
}

/* Dropdown Container Styles */
.dropdown-container {
    position: relative;
    display: inline-block;
    width: auto;
    min-width: 150px;
    max-width: 220px;
}

/*.dropdown-toggle {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ccc;
    background-color: white;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    min-height: 20px;
    box-sizing: border-box;
}

.dropdown-toggle:hover {
    border-color: #999;
}*/
/*
.dropdown-arrow {
    color: #666;
    font-size: 12px;
    margin-left: 8px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ccc;
    border-top: none;
    max-height: 140px;
    overflow-y: auto;
    z-index: 9999;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    box-sizing: border-box;
}*/

.dropdown-menu.d-none {
    display: none;
}

/* Ensure dropdown stays within modal boundaries */
.ui-dialog .dropdown-menu {
    max-width: calc(100vw - 40px);
    left: 0;
    right: auto;
    width: 100%;
}

/* Adjust dropdown menu for smaller modal widths */
@media (max-width: 1200px) {
    .dropdown-menu {
        max-height: 110px;
    }
}

#dropdownMenuCred, #dropdownMenuBanking {
    width: 100%;
    min-width: 250px;
    max-width: 350px;
}

/* Specific adjustments for table cell containers */
td .dropdown-container {
    width: 100%;
    min-width: 250px;
}

td .dropdown-menu {
    width: 100%;
    min-width: 300px;
    max-width: 350px;
}

/* Search input container styling */
.dropdown-menu {
    padding-top: 0;
}

/* Placeholder styling for search inputs */
#cardSearchCred::placeholder,
#cardSearchBanking::placeholder {
    color: #999;
    font-style: italic;
}

/* Ensure search input is properly contained */
.dropdown-menu > input[type="text"]:first-child {
    border-bottom: 1px solid #e0e0e0;
    border-radius: 4px 4px 0 0;
    margin-bottom: 0;
}

/* Ensure proper positioning in narrow containers */
.dropdown-container .dropdown-menu {
    white-space: nowrap;
}

.dropdown-menu .card-info span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 350px;
}

/* Responsive adjustments for modal dialogs */
.ui-dialog-content .dropdown-menu {
    max-width: calc(100% - 20px);
}

.caret-btn {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: background-color 0.2s ease;
}

/* subtle hover feedback */
.caret-btn:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

/* icon itself */
.expand-icon {
    display: inline-block; /* allows rotation */
    transition: transform 0.25s ease-in-out;
    transform: rotate(0deg);
    transform-origin: center;
    filter: invert(40%) sepia(10%) saturate(200%) hue-rotate(180deg);
}

/* rotated state when expanded */
.caret-btn[aria-expanded="true"] .expand-icon {
    transform: rotate(-90deg);
}

.card-details-btn {
    border-radius: 2px 2px 0 0;
    border-top: 0.5px solid #000;
    border-right: 0.5px solid #000;
    border-left: 0.5px solid #000;
    background: #D8D8D8;
    color: #000;
    padding: 6px 12px;
}


.view-transactions-tab {
    border-radius: 2px 2px 0 0;
    border-top: 0.5px solid #000;
    border-right: 0.5px solid #000;
    border-left: 0.5px solid #000;
    background: #2E489A;
    padding: 6px 12px;
    color: #FFF;
}


.card-details-tab {
    padding: 12px 8px;
}



.card-details-h2 {
    padding: 16px 0 0 6px;
    margin: 0;
    color: #8C1A11;
    font-size: 13px;
}

.tab-left{ text-align:left}
.border-table{
    border: 1px solid #E1D3BB;
    border-top: 0;
}
.min-w133{min-width: 133px}
.min-w70{min-width: 70px}

#td_ch_common_details{
    width: 200px;
    height: 17px;
    vertical-align: top;
}
.border-tab{ border: 1px solid #D8D8D8; border-top: 0; }

.card-details-btn,
.view-transactions-tab {
    border-radius: 2px 2px 0 0;
    border-top: 0.5px solid #000;
    border-right: 0.5px solid #000;
    border-left: 0.5px solid #000;
    padding: 6px 12px;
    font-weight: 700;
    font-size: 9px;
    border-bottom: none;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.tab-btn {
    background: #D8D8D8;
    color: #000;
}

.tab-btn.active {
    background: #2E489A;
    color: #FFF;
}

.tab-btn:hover {
    background: #c9c9c9;
}

.tab-btn.active:hover {
    background: #1f3578;
}

.card-details-tab {
    padding: 12px 8px;
    border: 1px solid #D8D8D8;
}


.pd-lr {
    padding: 16px 8px 8px 8px;
}
.transactions-tab-five {
    padding: 12px 8px;
    border: 1px solid #D8D8D8;
}
#CardSpecialStatusForm{
    margin-bottom: 8px;
}

.tbDataFirstRow_cardDetails .fieldsetBackground{border:none;}

#primaryCardGrid .fieldsetBackground{border: none;}

#primaryCardGrid td{font-size: 9px;}

#accountTable .min-70{ min-width: 70px; }

#accountTable .min-w133{ min-width: 133px; }

#primaryCardGrid .tableCoulmnHeading td { padding: 0;}

#supplementaryCardsGrid .fieldsetBackground{border: none;}

#supplementaryCardsGrid .supplementary-cards-section{border: 1px solid #D8D8D8; border-top: none;}

#newCardDetailsPopup .card-details-container{padding: 16px 0 0;}

#primaryCardGrid .border-table{border: 1px solid #E1D3BB;}

#supplementaryCardsGrid .border-table{border: 1px solid #E1D3BB;}

#accountTable  .tableCoulmnHeading{padding: 0;}
/* ============================
   Fraud Action Buttons
   ============================ */

.fraudBtn {
    background-color: #e0e0e0; /* light grey */
    color: #000; /* dark text */
    border: 1px solid #859cb6; /* subtle border */
    padding: 4px 8px;
    margin-left: 4px;
    font-size: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.fraudBtn:hover:not(:disabled) {
    background-color: #d5d5d5; /* slightly darker on hover */
    border-color: #bbb;
}

.fraudBtn:active:not(:disabled) {
    background-color: #cfcfcf; /* pressed effect */
    border-color: #aaa;
}

.fraudBtn:disabled {
    background-color: #f5f5f5; /* lighter grey */
    color: #999;
    border-color: #ddd;
    cursor: not-allowed;
}

/* ============================
   Fraud Dialog
   ============================ */

.fraud-dialog {
    background: #fff;
    border-radius: 10px;
    padding: 20px 25px;
    width: 400px;
    color: #2a3b4d;
    font-family: Arial, sans-serif;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.fraud-dialog-content h3 {
    color: #2a3b4d;
    margin-bottom: 10px;
}

.fraud-dialog-content label {
    display: block;
    font-weight: 600;
    margin: 15px 0 5px;
    color: #555;
}

.fraud-dialog-content select,
.fraud-dialog-content textarea {
    width: 100%;
    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    font-size: 14px;
    box-sizing: border-box;
    resize: vertical;
}

#nonFraudComment,
#comment {
    resize: none;
    width: 100%;
    margin-bottom: 15px;
    background: #f5f6fa;
    color: #2a3b4d;
    border: 1px solid #d1d5db;
}

/* Divider line */
.fraud-dialog-divider {
    height: 1px;
    background-color: #d0e2f0;
    margin: 15px 0;
}

/* ============================
   Dialog Action Buttons
   ============================ */

.fraud-dialog-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.fraud-btn-close {
    background-color: #e0e0e0;
    color: #2a3b4d;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.fraud-btn-close:hover {
    background-color: #429ef4;
    color: #fff;
}

.fraud-btn-confirm,
.revert-btn-confirm {
    background-color: #5c9ccc; /* blue */
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.fraud-btn-confirm:hover,
.revert-btn-confirm:hover {
    background-color: #429ef4;
}

/* ============================
   Other Action Buttons
   ============================ */

.btn-no {
    background: #f0f0f0;
    color: #000;
    font-weight: bold;
    border: none;
    padding: 8px 16px;
    margin-right: 8px;
    border-radius: 4px;
    cursor: pointer;
}

.btn-continue {
    background-color: #5c9ccc;
    color: #fff;
    font-weight: bold;
    border: none;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
}

.dialog-actions {
    text-align: right;
    margin-top: 16px;
}

/* ============================
   Cursor Interaction States
   ============================ */

.revertFraudTrans:hover,
.revertDetails:hover,
.btn-no:hover,
.btn-continue:hover {
    cursor: pointer;
}

/* ============================
   Tooltip Styling
   ============================ */

.tooltip-wrapper {
    position: relative;
    display: inline-block;
    height: 30px;
}

/* Custom tooltip only when input is disabled */
.tooltip-wrapper[data-tooltip]:has(input:disabled):hover::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.9);
    color: #fff;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 10px;
    line-height: 1.2;
    max-width: 200px;
    white-space: normal;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    opacity: 0;
    animation: fadeIn 0.2s forwards;
    pointer-events: none;
    z-index: 1000;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

/* ============================
   Success Message Containers
   ============================ */

.fraudTransSuccessDiv {
    width: 260px;
    height: 18px;
    border: 1px solid #d8d8d8;
    padding: 0 13px;
    margin-bottom: 5px;
}

.fraud-trans-success-div,
.fraud-trans-success-revert-div {
    padding-inline: 10px;
    width: 320px;
    height: auto !important;
}

.fraud-trans-success-div span,
.fraud-trans-success-revert-div span {
    margin-block: 0;
    padding-block: 0;
}

.fraud-trans-success-div img,
.fraud-trans-success-revert-div img {
    width: 20px;
    height: 20px;
}

.declined-trans-account-field-td {
    padding: 0;
}

.declined-trans-account-field-td table .select2.select2-container.select2-container--default {
    width: 191px !important;
}

:is(.declined-reported-by, .declined-reported-fraud) select {
    margin-left: 20px;
}

.padding-horizontal-5 {
    padding-left: 5px;
    padding-right: 5px;
}
.custom-div {
    margin-top: 3px;
}
.left-box {
    float: left;
    width: 8%;
    vertical-align: middle;
}
.file-text {
    float: left;
}
.pointer-link {
    cursor: pointer;
}
.hidden-box {
    display: none;
    margin-left: 18px;
    margin-top: 7px;
    clear: both;
}

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

.enabled-field {
    background-color: white;
}

.is-hidden {
    display: none !important;
    visibility: hidden !important;
}
.show-block {
    display: block !important;
}
.blur_div
{
    background-color: rgba(0, 0, 17, 0.3);
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    font-family:'Times New Roman','Times','Serif';
    font-size:large;
}
.e-pd-lr {
    padding: 0px 8px 8px 8px;
}
.pd-tr{padding:5px 15px}
.fileDispute-dialog{ display:flex; justify-content: center; text-align: center;}

.mt-30 {margin-top:30px !important;}

.declined-reported-by-field-td {
    min-width: 285px;
}

.chargeoff-info-tooltip { position: absolute; background: #2e2e2e; color: #fff; padding: 8px 12px; border-radius: 6px; font-size: 12px; max-width: 160px; box-shadow: 0 0 0 0; z-index: 9999; display: none; }
.chargeoff-info-tooltip::after { content: ""; position: absolute; left: -12px; top: 12px; border-width: 6px; border-style: solid; border-color: transparent #2e2e2e transparent transparent; }

.chargeoff-note { background-color: #D9EDF7; padding: 8px 12px; color: #2E489A; }
.chargeoff-note-icon { display: inline-block; width: 13px; height: 13px; background: #2E489A; color: #ffffff; border-radius: 50%; text-align: center; line-height: 14px; font-weight: bold; font-size: 7px; margin-right: 8px; vertical-align: middle; font-family: Arial, sans-serif; }

.card-lost-stolen-dialog-field .eventfield{
    width :215px;
    height: 24px;
}
#lostStolenEventDateDialog {padding: 24px 16px;min-height: auto !important;}
#cancelTokenManagementDialog{min-height: auto !important;}
#tokenActionConfirmDialog{min-height: auto !important;}
#noTokensActionedDialog { min-height: auto !important;}
#lostStolenEventDateDialog .mark-as-fraud-field label{padding-right: 24px !important;}
#lostStolenEventDateDialog fieldset{padding: 16px 8px;background: #FCFAFE;border: 1px solid #D8D8D8;}
#lostStolenEventDateDialog .calender-icon {vertical-align: middle;margin-left: 8px;}
.continue-btn, .continue-btn:hover{background-color: #6B9BC8 !important;padding: 8px 12px !important;cursor: pointer !important;color: #fff !important;}
#lostStolenEventDateDialog .ui-widget-content {border: none !important;}
.lost-stolen-dialog .ui-dialog-buttonpane.ui-widget-content { border: none !important;}
.confirmation-text{font-size: 10px;text-align: center;font-weight: 700;padding: 8px 8px 0;color: #000 !important;margin-bottom: 0;}
#tokenActionConfirmDialog .dialog-actions{text-align: center;padding: 16px 0;margin: 0;}
.lost-stolen-dialog .btn-cancel{ background-color: #E9E9ED !important;padding: 8px 19px !important; cursor: pointer !important;border-radius: 0 !important;width: 72px !important;color: #000 !important;border: none !important;font-size: 10px !important;}
.lost-stolen-dialog .btn-cancel:hover{background-color: #E9E9ED !important;border: none !important;color: #000 !important;}
.lost-stolen-dialog .btn-confirm{ background-color: #6B9BC8 !important;padding: 8px 12px !important; cursor: pointer !important;border-radius: 0 !important;color: #fff !important;border: none !important;width: 72px !important;font-size: 10px !important;}
.lost-stolen-dialog .btn-confirm:hover{ background-color: #6B9BC8 !important; cursor: pointer !important;border-radius: 0 !important;color: #fff !important;border: none !important;}
#tokenActionResultMsg {margin-bottom: 15px; padding: 10px; border-radius: 4px; position: relative;}
.center-buttons .ui-dialog-buttonset {float: none !important;text-align: center !important;padding: 0 0 16px;}
.managetoken-btn{width: 128px !important; background-color: #E9E9ED !important;padding: 8px 19px !important; cursor: pointer !important;border-radius: 0 !important;color: #000 !important;border: none !important;}
.managetoken-btn:hover{background-color: #E9E9ED !important;border: none !important;color: #000 !important;}
#tokenLoadingMsg, #popuploader{position: absolute; top: 50%; left: 50%; margin-right: -50%;}


#tokenTableContainer {
    max-height: 180px;
}

#tokenManagementDialog:has(#tokenTableContainer) {
    padding: 0;
    margin: 18px 16px;
}

#tokenTableContainer table {
    border-collapse: collapse;
}

#tokenTableContainer th {
    border: 1px solid #E1D3BB;
    padding-block: 11.5px;
    background-color: #FBEFD2;
}

#tokenTableContainer th:not(:first-child, :last-child) {
    text-align: start;
    padding-inline: 12px;
}

#tokenTableContainer td {
    border: 1px solid #D8D8D8;
}

#tokenTableContainer td:not(:first-child, :last-child) {
    padding-inline: 12px;
}

#tokenTableContainer table tbody td {
    background-color: #fff;
}

#tokenTableContainer table tbody td:last-child {
    text-align: center;
}

#tokenTableContainer table tbody td:last-child button {
    padding: 0 !important;
    background-color: transparent !important;
    text-decoration: underline;
    color: #3376f6 !important;
    border: none;
    margin-inline: 3px;
    cursor: pointer;
}

#tokenTableContainer table tbody td:nth-child(5) div:first-child {
    color: #000000;
}

#tokenTableContainer table tbody td:nth-child(5) div:first-child b {
    font-weight: 400;
}

#tokenTableContainer table tbody td:nth-child(5) div:not(:first-child) {
    color: #4B4B4B;
}

#tokenManagementDialog + .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix:has(#bulkSuspendTokensBtn:disabled):has(#bulkDeleteTokensBtn:disabled) {
    display: flex;
    justify-content: flex-end;
}

#tokenManagementDialog + .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix:not(:has(#bulkSuspendTokensBtn:disabled):has(#bulkDeleteTokensBtn:disabled)) {
    display: flex;
    justify-content: center;
}

#bulkSuspendTokensBtn {
    padding: 8px 16px;
    border: 1px solid #A04C02;
    color: #A04C02;
    border-radius: 0;
    margin-right: 16px;
    margin-bottom: 15.5px;
    font-size: 12px;
    font-weight: 400;
}

#bulkDeleteTokensBtn {
    padding: 8px 16px;
    background-color: #CB1432;
    color: #FFFFFF;
    border-radius: 0;
    border: 1px solid #CB1432;
    margin-bottom: 15.5px;
    font-size: 12px;
    font-weight: 400;
}

:is(#bulkDeleteTokensBtn, #bulkSuspendTokensBtn) img {
    margin-right:8px;vertical-align:middle; width: 13.5px; height: 13.5px
}

/* Token Action Message Styling */
#tokenActionSuccessMsg {
    width: auto;
    height: auto;
    border: 1px solid #d8d8d8;
    padding: 0 10px;
    margin-bottom: 16px;
}

#tokenActionSuccessMsg b {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
}

#tokenActionErrorMsg {
    margin-bottom: 10px;
}

.lost-stolen-dialog {
    width: 450px !important;
}

.lost-stolen-dialog legend {
    color: #8C1A11;
    font-size: 9px;
}

.lost-stolen-dialog #lostStolenEventDateDialog label{
    font-size: 9px;
    padding-right: 0 !important;
}

.lost-stolen-dialog #lostStolenEventDateDialog input {
    font-size: 9px;
    color: #4b4b4b;
    padding: 0 4px;
    margin-left: auto;
    margin-right: 8px;
}

.lost-stolen-dialog .continue-btn {
    font-size: 12px;
    border: none;
    border-radius: 0;
}


.lost-stolen-dialog #lostStolenEventDateDialog img {
    margin-left: 0;
}

.review-tokens-dialog table th {
    font-size: 8px;
}

.review-tokens-dialog table td, .review-tokens-dialog table td :is(div, button) {
    font-size: 9px !important;
}
.lost-stolen-dialog .ui-dialog-titlebar {
    border-radius: 0;
}

.lost-stolen-dialog .ui-dialog-titlebar span {
    font-size: 14px;
}

#tokenTableContainer th:nth-child(1) {
    min-width: 30px;
}

.lost-stolen-dialog.center-buttons, .lost-stolen-dialog.review-tokens-dialog, .lost-stolen-dialog.event-date-dialog {
    padding: 0;
}

#lostStolenEventDateDialog .card-lost-stolen-dialog-field {
    display: flex;
    align-items: center;
}
.lost-stolen-dialog #tokenActionConfirmDialog #popuploader {
    transform: translate(-50%, -50%);
    text-align: center;
}

.lost-stolen-dialog.review-tokens-dialog thead tr {
    position: sticky;
    top: 0;
    /*transform: translateY(-1px);*/
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.lost-stolen-dialog.event-date-dialog {
    width:422px !important;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.lost-stolen-dialog.review-tokens-dialog {
    width:716px !important;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.lost-stolen-dialog.center-buttons.confirmation-dialog-box {
    width:424px !important;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all #tokenManagementDialog:has(#tokenTableContainer) {
    padding: 0 !important;
    margin: 18px 16px;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.lost-stolen-dialog:is(.event-date-dialog, .review-tokens-dialog, .center-buttons.confirmation-dialog-box) .ui-dialog-title {
    font-weight: 700;
}


.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.lost-stolen-dialog.center-buttons.confirmation-dialog-box .continue-btn {
    font-size: 12px;
    border-radius: 0;
    border:none
}
.lost-stolen-dialog #tokenActionSuccessMsg {

    font-size: 8px;
    color: #000;
    display: flex;
    align-items: center;
}

.lost-stolen-dialog #tokenActionSuccessMsg span {
    position: static;
    margin-left: 8px;
}

.lost-stolen-dialog #tokenActionSuccessMsg img {
    position: static;
    width: 20px;
    height: 20px;
}

.lost-stolen-dialog.review-tokens-dialog #tokenManagementDialog {
    min-height: 50px !important;
}
.token-table-wrapper .tokens-nodata-td{padding:  10px 0 ;}