body {
	font-family: 'Roboto', sans-serif;
	background: #fff;
	/* color: #fff; */
	padding: 0px;
	margin: 0px 7px;
	/*background:#D6CFB1;*/

	/*overflow-x:hidden;*/
}

body,
html {
	height: 100%
}

input[type="text"] {
	/* font-family: 'Roboto', sans-serif; */
	/* font-size: 11px; */
	color: #000000;
	/*&border:1px solid #ACA899;*/
	/*height:16px;
	*height:18px;*/
}

.sort {
	padding: .2em;
	/* width: 4em; */
	background-color: #E5E5E5E;
	margin-top: 0px;
	margin-bottom: 0px;
	/* margin-left: 330px; */
	color: #333;
	/*border: 1px solid #CCC;*/
	display: flex;
	float: right;
}

.tableinput {
	font-family: 'Roboto', sans-serif;
	color: #000000;
	border: 0px solid #ACA899;
}

/* .error {
	border-top:2px solid #FF0000!important;
	border-left:2px solid #FF0000!important;
	border-right:2px solid #FF0000!important;
	border-bottom:2px solid #FF0000!important;
} */


input[type="text"].error,
input[type="file"].error,
textarea.error {
	/* border: 1px solid #dc3226 !important; */
	/* border-left: 3px solid #f2717d; */
}

input[type="radio"].error,
input[type="checkbox"].error,
select.error,
span.error {
	/* border:1px solid #FF0000!important; */
	/* border-left: 3px solid #f2717d; */
	/* background-color: #F65D5D; */
}

input[type="radio"].error,
input[type="checkbox"].error,
select.error,
span.error {}

.errorImgBody {
	background-image: url(../../../../images/error.gif);
	background-position: left center !important;
	background-repeat: no-repeat !important;
}

#errCntnr {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #000000;
	/* border: 1px solid #f8adaf; */
	background: #ffffff;
	vertical-align: middle;
	/* box-shadow: 0px 2px 1px #cc7d91; */
	width: 100%;
	margin: auto;
	margin-top: 5px;
	padding: 5px;
	/* clear: both; */
	/* display: table; */
	box-sizing: border-box;
}

#errInnrCntnr .errorImg {
	position: relative;
	top: 3px;
	margin-top: 20px;
	margin-right: 10px;
}

#errInnrCntnr .successImg {
	position: relative;
	top: 3px;
	margin-left: 2px;
	margin-top: 25px;
	margin-right: 10px;
}

#errInnrCntnr .infoImg {
	position: relative;
	top: 3px;
	margin-left: 2px;
	margin-top: 30px;
	margin-right: 10px;
}

#errInnrCntnr .warnImg {
	position: relative;
	top: 3px;
	margin-left: 2px;
	margin-top: 35px;
	margin-right: 10px;
}

#errCntnr .errorhide {
	position: relative;
	float: right;
	margin-top: -15px;
	margin-right: 7px;
	cursor: pointer;
	height: 5px;
}

#errCntnr .errorunhide {
	position: relative;
	float: right;
	cursor: pointer;
}

* html #errCntnr .errorhide {
	position: relative;
	float: right;
	margin-top: -4px;
	margin-right: -3px;
	cursor: pointer;
	height: 5px;
}

* html #errCntnr .errorunhide {
	position: relative;
	float: right;
	margin-right: -3px;
	margin-top: -6px;
	cursor: pointer;
	height: 5px;
}

/* #errCntnr #errorList {
	margin-top: 5px;
} */
#errorList {
	background: rgb(255, 255, 255);
	padding: 15px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
}

input[type="radio"] {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0px;
	border: none;
	padding: 0px;
	position: relative;
	top: 3px;
	/*left: 4px;*/
}

.temp-popup input[type="radio"] {
	left: -2px;
}

img {
	border: 0px;
}

.imgalignment {
	vertical-align: middle;
	*vertical-align: middle;
	padding-bottom: 3px;
}

select {
	font-family: 'Roboto', sans-serif;
	/* font-size: 11px; */
	color: #000000;
	/*border:1px solid #ACA899;
	height:22px;*/
	background-color: #5e8ce9;
}

textarea {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	color: #000000;
	/*border:1px solid #ACA899;*/
}

input.formbutton {
	color: #FFFFFF;
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 20px 5px 20px;
	*padding: 0px 10px 0px 10px;
	height: 25px;
	*height: auto;
	background-color: #004F91;
}

input.scLblfrmbttn {
	color: #000000;
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 10px 5px 10px;
	*padding: 0px 0px 0px 0px;
	height: 25px;
	*height: auto;
}

table.screenlabel {
	/*table-layout:auto;*/
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	/* margin-left: 0px; */
	position: relative;
	width: 100%;
	margin-left: 0px;
	background: #ffffff;
	/* padding:10px; */
	/* height: 95.3vh; */
	border-collapse: collapse;
}

.tblBaseTblDataL tbody tr td i {
	font-size: 16px;
	color: #333333;
	transition: color 1s, font-size 1s;
	font-style: inherit;
}

.fas::before {
	font-family: "FontAwesome" !important;
}

.tblBaseTblDataL tbody tr td i:hover {
	color: #1d86ff;
}

table.screenlabel tr {
	/* height: 20px; */
	/* Remove by RAD-216 */
}

table.screenlabel a img[title="XLS"]:first-child {
	position: absolute;
	top: 10px;
	left: 3px !important;
}

table.screenlabel a img[title="CSV"]:nth-child(1) {
	position: absolute;
	top: 10px;
	left: 25px !important;
}

table.screenlabel a img[title="PDF"]:last-child {
	position: absolute;
	top: 10px;
	left: 49px !important;
}

table.screenlabel td {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 13px;
	color: #333333;
	font-weight: 400;
	/* vertical-align: top */
}

table.screenlabel tr.zeroBottom td {
	padding-top: 5px;
	padding-bottom: 0px;
}

table.screenlabel tr.zeroPadding td {
	padding-top: 0px;
	padding-bottom: 0px;
}

table.screenlabel tr.zeroTop td {
	padding-top: 0px;
	padding-bottom: 5px;
}

table.screenlabel .frmLbl {
	font-weight: normal;
	word-spacing: nowrap;
	text-transform: capitalize;
	color: #333333;
}

table.screenlabel .frmLbl1 {
	font-weight: normal;
	word-spacing: nowrap;
}

table.screenlabel .frmResLbl {
	font-weight: 600;
	word-spacing: nowrap;
	text-transform: capitalize;
	color: #333333;
}

table.screenlabel .frmCellWidth {
	width: 250px;
}

table.screenlabel .vrtclSprtr {
	width: 1px;
	background: url(../../../../images/Theme/old_blue/verticalSeparotor.png) repeat-y;
}

table.screenlabel .errorTd {
	width: 25px;
	text-align: center;
	vertical-align: middle;
	color: #eb2227;
}

table.screenlabel .mendatory {
	text-align: right !important;
}

table.screenlabel .separatorTd {
	width: 30px;
}

.largescreentitle {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #6b105d;
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	margin: auto;

}

.largescreentitle hr {
	display: none
}

.subscreentitle {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin-top: 4px;
	margin-left: 5px;
	width: 797px;
}

.hintfont {

	font-size: 12px;
	font-weight: 400;
	color: #333333;
	padding: 0px 0px;
	display: block;
}

div#buttonContainer {
	font-family: 'Roboto', sans-serif;
	width: 100%;
}

/* div#buttonContainer span {
	padding-right: 5px;
}
 */
hr {
	background-color: #fff;
	height: 2px;
	border: none;
	background: #fff;
	border-width: 0px;
	color: #0962ad;
}

div.leftBlock {
	margin-top: 7px;
	*margin-top: 2px;
	margin-bottom: 2px;
	position: relative;
	float: left;
	left: 0px;
	*left: -4px;
}

div.leftBlock span {
	margin: 0px;
	/* color: #fff; */
}

div.tblrLayout {
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
}

div.tblrLayout .tblrHeader {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #A9775C;
	height: 25px;
	margin: 0px;
	margin-right: 1px;
	padding-bottom: 1px;
	*padding: 0px;
}

div.tblrLayout .tblrHeader div {
	text-align: center;
	float: left;
	color: #F4EFEC;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.tblrLayout .oddRow {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #DDDDDD;
	height: 25px;
	*height: 100%;
}

div.tblrLayout .oddRow div {
	text-align: left;
	float: left;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #A9775C;
	border-left: 1px solid #A9775C;
}

div.tblrLayout .oddRow div span {
	padding-left: 2px;
	padding-right: 2px;
}

div.tblrLayout .oddRow div.lastColumn {
	border-right: 1px solid #A9775C;
}

div.tblrLayout .evenRow {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: normal;
	height: 25px;
	*height: 100%;
}

div.tblrLayout .evenRow div {
	text-align: left;
	float: left;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFFD9;
	border-bottom: 1px solid #A9775C;
	border-left: 1px solid #A9775C;
}

div.tblrLayout .evenRow div span {
	padding-left: 2px;
	padding-right: 2px;
}

div.tblrLayout .evenRow div.lastColumn {
	border-right: 1px solid #A9775C;
}

.hideBlock {
	display: none;
}

.unhideBlock {
	display: ;
}

.clsNoWrap {
	word-spacing: nowrap;
}

.clsWrap {
	word-spacing: wrap;
}

.clsRghtAlgn {
	text-align: right !important;
}

.clsLftAlgn {
	text-align: left !important;
}

div.standardGroupBox {
	border: 1px solid #e0e2e1;
	margin: 0px 10px;
}

div.standardGroupBox .grpBoxHeader {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 15px;
	background-color: #c9c7c6;
	color: #213280;
	padding: 4px 0px 6px 5px;
	border-bottom: 1px solid #ffffff;
}


table.tblBaseTblData {
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	*margin-left: 0px;
	border-collapse: collapse;
	border-bottom: 1px solid #1c6bb0;
	border-top: 1px solid #1c6bb0;
	border-left: 1px solid #1c6bb0;
	width: 97%;
	margin: auto;
}

table.tblBaseTblData th {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: 600;
	background-color: #c9c7c6;
	color: #213280;
	margin: 0px;
	border: 1px solid #c9c7c6;
	text-align: left;
	padding: 7px;
}

table.tblBaseTblData td {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: 400;
	color: #444;
	padding: 5px 8px;
	border: 0px;
	text-align: left;
	border: 1px solid #c1c1c1;
}

.tblBaseTblData {
	border: 0px !important;
	border-left: 0px !important;
	border-right: 0px !important;
	border-bottom: 0px !important;
}

/*.tblBaseTblData tbody tr:nth-child(even)
{
	background:#f2f2f2;
}*/

table.tblBaseTblData .oddRow {
	background-color: #FFFFFF;
}

table.tblBaseTblData .evenRow {
	background-color: #FFFFFF;
}

span.left {
	position: absolute;
	left: 0;
}

span.right {
	position: absolute;
	right: 0;
}

div.line {
	position: relative;
	text-align: center;
	width: 100%;
}

div.line .centerAlign {
	margin-top: -6px;
}

#navigationsection {
	font-size: 10px !important;
}

.clear {
	/* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}

a.button:hover {
	color: #FFF !important;
}

/*a.button {
   background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #154F92),
	color-stop(1, #023269)
);
background-image: -o-linear-gradient(bottom, #154F92 0%, #023269 100%);
background-image: -moz-linear-gradient(bottom, #154F92 0%, #023269 100%);
background-image: -webkit-linear-gradient(bottom, #154F92 0%, #023269 100%);
background-image: -ms-linear-gradient(bottom, #154F92 0%, #023269 100%);
background-image: linear-gradient(to bottom, #154F92 0%, #023269 100%);
    color: #FFFFFF;
    background-color:#023269;
    display: block;
    float: left;
   	font: normal 11px Arial,Verdana;
    height: 22px;
    margin-right: 6px;
    padding-right: 18px; 
    text-decoration: none;
}*/
/*a.button span {
    display: block;
    line-height: 12px;
    padding: 5px 0 5px 18px;
	font-weight:bold;
	background-color:#023269;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #154F92),
	color-stop(1, #023269)
);
background-image: -o-linear-gradient(bottom, #154F92 0%, #023269 100%);
background-image: -moz-linear-gradient(bottom, #154F92 0%, #023269 100%);
background-image: -webkit-linear-gradient(bottom, #154F92 0%, #023269 100%);
background-image: -ms-linear-gradient(bottom, #154F92 0%, #023269 100%);
background-image: linear-gradient(to bottom, #154F92 0%, #023269 100%);
	
}*/

/*a.button:active {
    background-position: bottom right;
    color:#E5D6CF;
    outline: none; 
}*/

/*a.button:active span {
    background-position: bottom left;
    line-height: 12px;
    padding: 5px 0 5px 18px; 
}*/
a.button {
	min-width: 50px;
	border: 1px solid #6b105d;
	padding: 13px 20px;
	margin: 0;
	background-color: #fff;
	height: 34px;
	box-sizing: border-box;
	color: #6b105d;
	border-radius: 5px;
	line-height: 5px;
	font-size: 13px;
	font-weight: 500;
	/* letter-spacing: 1px; */
	/* height: 28px; */
	display: inline-block;
	text-decoration: none;
	text-transform: capitalize;
	box-shadow: 2px 3px 5px #ccc;
	text-align: center;
	margin-right: 10px;
}

a.button.red {
	background-color: #e97127;
	border: 1px solid #e97127;
	color: #ffffff !important;
}

a.button.red:hover {
	background: #ffffff;
	border: 1px solid #e97127;
	color: #e97127 !important;
}



a.button:hover {
	background: #6b105d;
	border: 1px solid #6b105d;
	color: #fff;
}

/* a.button:hover span {
	color: #333333 !important;
} */
span.displayPointerCursor {
	font-family: 'Roboto', sans-serif;
	color: #333;
	text-decoration: underline;
	cursor: pointer;
}

span.limit {
	pointer-events: none;
}

span.displayPointerCursor:hover {
	color: #FF0000;
}

/******** Button Style a href tag replaced by Div *****/
div.button {
	background-color: #023269;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #154F92),
			color-stop(1, #023269));
	background-image: -o-linear-gradient(bottom, #154F92 0%, #023269 100%);
	background-image: -moz-linear-gradient(bottom, #154F92 0%, #023269 100%);
	background-image: -webkit-linear-gradient(bottom, #154F92 0%, #023269 100%);
	background-image: -ms-linear-gradient(bottom, #154F92 0%, #023269 100%);
	background-image: linear-gradient(to bottom, #154F92 0%, #023269 100%);
	color: #FFFFFF;
	display: block;
	float: left;
	font: normal 11px Arial, Verdana;
	height: 22px;
	margin-right: 6px;
	padding-right: 18px;
	/* sliding doors padding */
	text-decoration: none;
	cursor: pointer;
}

div.button span {
	display: block;
	line-height: 12px;
	padding: 5px 0 5px 18px;
	font-weight: bold;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #154F92),
			color-stop(1, #023269));
	background-image: -o-linear-gradient(bottom, #154F92 0%, #023269 100%);
	background-image: -moz-linear-gradient(bottom, #154F92 0%, #023269 100%);
	background-image: -webkit-linear-gradient(bottom, #154F92 0%, #023269 100%);
	background-image: -ms-linear-gradient(bottom, #154F92 0%, #023269 100%);
	background-image: linear-gradient(to bottom, #154F92 0%, #023269 100%);
	background-color: #023269;
	cursor: pointer;
}

div.button span:active {
	background-position: bottom right;
	color: #E5D6CF;
	outline: none;
	/* hide dotted outline in Firefox */
}

div.button:active span {
	background-position: bottom left;
	line-height: 12px;
	padding: 5px 0 5px 18px;
	/* push text down 1px */
}

div#buttonContainer {
	font-family: 'Roboto', sans-serif;
	width: 100%;
	/*  padding-left:15px; */
	box-sizing: border-box;
}


/****END*****/
.grpClsChckIcon {
	padding-top: 9px !important;
}

table.tblDetailsData {
	margin-left: 10px;
	*margin-left: 0px;
	margin-right: 10px;
	border-collapse: collapse;
}

table.tblDetailsData .heading {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #003366;
	color: #F4EFEC;
	height: 25px;
	margin: 0;
	padding: 0px 5px 0px 5px;
	border: 1px solid #003366;
}

table.tblDetailsData td {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	padding: 2px 2px 2px 2px;
	border: 1px solid #003366;
}

table.tblDetailsData .oddRow {
	background-color: #DDDDDD;
}

table.tblDetailsData .evenRow {
	background-color: #FFFFD9;
}

table.tblDataCenterAlg {
	margin-left: 10px;
	*margin-left: 0px;
	margin-right: 10px;
	border-collapse: collapse;
}

.tblDataCenterAlg th {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 600;
	background-color: #f7f8fa;
	color: #737690;
	height: 25px;
	margin: 0px;
	border-right-width: 0px;
	padding: 5px 2px;
}

table.tblDataCenterAlg .heading {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #A9775C;
	color: #F4EFEC;
	height: 25px;
	margin: 0;
	padding: 0px 5px 0px 5px;
	border: 1px solid #393939;
}

table.tblDataCenterAlg td {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #333333;
	padding: 3px 5px;
}

.tblDataCenterAlg tbody tr {
	border: 1px solid #e0e2e1;
}


/*Start Home page portal*/
div.homeContainer {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	color: #000000;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

div.homeHeader,
div.homeFooter {
	padding: 5px 10px 0px 10px;
	background-color: #FFFFFF;
	clear: left;
	line-height: 150%;
}

div.homeLeft {
	float: left;
	width: 260px;
	margin: 0;
	padding: 0px 10px 0px 10px;
}

div.homeRight {
	float: right;
	width: 190px;
	margin: 0;
	padding: 0px 10px 0px 10px;
}

div.homeContent {
	margin-left: 350px;
	margin-right: 200px;
	padding: 0px 10px 0px 10px;
}

div.homeContainer .homeHeader .welcomeMsg {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

div.homeContainer .smallFont {
	font-size: 10px;
}

div.homeContainer .subHeading {
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	margin: 5px;
}

div.homeContainer .standardGroupBox {
	border: 1px solid #D17A10;
	margin-bottom: 10px;
}

div.homeContainer .standardGroupBox .grpBoxHeader {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 15px;
	background-color: #D17A10;
	color: #F4EFEC;
	padding: 5px 0px 5px 5px;
}

div.homeContainer .grpBoxSubHeader {
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	font-weight: bold;
	height: 15px;
	background-color: #E0A965;
	color: #000000;
	padding: 0px 5px 0px 5px;
	/*filter:alpha(opacity=80);
	-moz-opacity:0.8;*/
}

div.homeContainer .removePadding {
	padding: 0 !important;
}

div.homeContainer .standardGroupBox .stndrdGrpBxCntnt {
	padding: 5px;
}

div.homeContainer .normalBoldLeftAlign {
	font-size: 10px;
	font-weight: bold;
	width: 160px;
	float: left;
}

div.homeContainer .normalBold {
	font-size: 10px;
	font-weight: bold;
}

hr.homePage {
	color: #DA9540 !important;
	background-color: #DA9540 !important;
	height: 2px !important;
}

hr.addBeneficiary {
	color: gray !important;
	background-color: gray !important;
	height: 1px !important;
}

table.tblBaseTblDataHomePage {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

table.tblBaseTblDataHomePage th {
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #E0A965;
	color: #000000;
	height: 15px;
	margin: 0px;
	border: 1px solid #E0A965;
	/*filter:alpha(opacity=80);
	-moz-opacity:0.8;*/
}

table.tblBaseTblDataHomePage td {
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	padding: 2px 2px 2px 2px;
	height: 15px;
	border: 1px solid #E0A965;
	/*filter:alpha(opacity=80);
	-moz-opacity:0.8;*/
}

table.tblBaseTblDataHomePage .oddRow {
	background-color: #DDDDDD;
}

table.tblBaseTblDataHomePage .evenRow {
	background-color: #F4EFEC;
}

ul.listValueStyle {
	list-style-type: disc;
	list-style-position: inside padding:0px;
	margin: 5px 0px 5px 0px;
	font-size: 10px;
}

ul.listValueStyle li {
	padding: 0;
	margin-left: -20px;
	*margin-left: 20px;
}

div.listValue {
	padding: 0;
	border: 0;
}

.exchangeRateBorderFix {
	margin: 0px;
}

.alertBorderFix {
	margin: 0px -6px 0px 0px;
	*margin: 0px -6px 0px -1px;
	padding: 0px;
	/*border:1px solid #000000;*/
}

.removeLeftBorder {
	border-left: 0px solid #FFFFFF !important;
}

.removeRightBorder {
	border-right: 0px solid #FFFFFF !important;
}

.removeBottomBorder {
	border-bottom: 0px solid #FFFFFF !important;
}

/*End Home page portal*/
.okButton,
.viewButton,
.deleteButton,
.addButton,
.modifyButton,
.startButton,
.cancelButton,
.submitButton,
.startButton,
.detailsButton,
.rejectButton,
.acceptButton,
.searchButton,
.printButton,
.approveButton,
.authorizeButton {
	width: 42px;
	text-align: center;
	cursor: pointer;
}

.logo {
	background: transparent url(../../../../images/Theme/old_blue/tradefree.gif) top left no-repeat;
	width: 202px;
	height: 40px;
}

.tradefreeNonHomeLogo {
	background: transparent url(../../../../images/Theme/old_blue/tradefree.gif) no-repeat;
	width: 114px;
	height: 25px;
	margin: 0px 6px 0px 0px;
	padding: 0px;
}

/*
pagination
*/
span.pg-normal {
	font-family: 'Roboto', sans-serif;
	color: #333;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	height: 15px;
	cursor: pointer;
	border: 1px solid #CCC;
	background-color: #f7f7f7;
	display: inline-block;
	padding: 5px 10px;
	margin-right: 2px;
	margin-top: 3px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 0px 1px 1px #E5E3E3;
	-moz-box-shadow: 0px 1px 1px #E5E3E3;
	-webkit-box-shadow: 0px 1px 1px #E5E3E3;
}

span.pg-normal:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #f2707d;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 0px 1px 1px #E5E3E3;
	-moz-box-shadow: 0px 1px 1px #E5E3E3;
	-webkit-box-shadow: 0px 1px 1px #E5E3E3;
}

span.pg-selected {
	font-family: 'Roboto', sans-serif;
	color: #CCC;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	height: 15px;
	cursor: default;
	border: 1px solid #CCC;
	display: inline-block;
	padding: 5px 10px;
	margin-top: 3px;
	margin-right: 2px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 0px 1px 1px #E5E3E3;
	-moz-box-shadow: 0px 1px 1px #E5E3E3;
	-webkit-box-shadow: 0px 1px 1px #E5E3E3;
}

span.pg-selected-box {
	font-family: 'Roboto', sans-serif;
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	height: 15px;
	cursor: default;
	border: 1px solid #e97127;
	display: inline-block;
	padding: 5px 10px;
	margin-top: 3px;
	background-color: #e97127;
	margin-right: 2px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 0px 1px 1px #E5E3E3;
	-moz-box-shadow: 0px 1px 1px #E5E3E3;
	-webkit-box-shadow: 0px 1px 1px #E5E3E3;
}

span.pg-selected-box:hover {
	font-family: 'Roboto', sans-serif;
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	height: 15px;
	cursor: default;
	border: 1px solid #f2707d;
	display: inline-block;
	padding: 5px 10px;
	margin-top: 3px;
	background-color: #f2707d;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: 0px 1px 1px #E5E3E3;
	-moz-box-shadow: 0px 1px 1px #E5E3E3;
	-webkit-box-shadow: 0px 1px 1px #E5E3E3;
}

span.pg-selected:hover {
	color: #CCC;
	text-decoration: none;
}

.contentTabTbl {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
	background: #ffffff;
	border-collapse: collapse;
	box-sizing: border-box;
	padding: 10px;
	width: 97%;
	margin: auto;
}

table.contentTabTbl tr {
	height: 20px;
}

table.contentTabTbl td {
	padding-top: 5px;
	padding-bottom: 5px;

}

table.contentTabTbl tr.zeroBottom td {
	padding-top: 5px;
}

table.contentTabTbl tr.zeroPadding td {
	padding-top: 0px;
	padding-bottom: 0px;
}

table.contentTabTbl tr.zeroTop td {
	padding-bottom: 5px;
}

table.contentTabTbl .amtPopup.frmLbl {
	width: 150px !important;
	height: 80px;
	overflow-y: scrool;
	padding-bottom: 15px;
}


table.contentTabTbl .frmLbl {
	font-weight: 600;
	word-spacing: nowrap;
	text-transform: capitalize;
	font-size: 12px;
	width: 100px;
	color: #6b105d;
	padding-left: 10px;
}

table.contentTabTbl .frmResLbl {
	font-weight: bold;
	word-spacing: nowrap;
	text-transform: capitalize;
}

table.contentTabTbl .vrtclSprtr {
	width: 1px;
	background: url(../../../../images/Theme/old_blue/verticalSeparotor.png) repeat-y;
}

table.contentTabTbl .errorTd {
	width: 25px;
	text-align: right;
	vertical-align: middle;
}

table.contentTabTbl .mendatory {
	text-align: right !important;
}

table.contentTabTbl .separatorTd {
	width: 30px;
}

div.contentTabGroupBox {
	border: 0px solid #FFFFFF;
}

div.contentTabGroupBox .grpBoxHeader {
	/* 	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 15px;
	background-color: #CB460D;
	color: #F4EFEC;
	padding: 4px 0px 6px 5px;
	
	
 */
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 15px;
	background-color: #c9c7c6;
	color: #213280;
	padding: 4px 0px 6px 5px;
	border-bottom: 1px solid #ffffff;
}

/* div.contentTabGroupBox table {
	margin: 5px;
}
 */
table.screenFormLabel {
	/*table-layout:auto;*/
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	margin-left: 10px;
	*margin-left: 0px;
	/* width: 792px; */
}

table.screenFormLabel tr {
	/*height:20px;*/

}

table.screenFormLabel td {
	padding-top: 5px;
	padding-bottom: 5px;
}

table.screenFormLabel .frmLbl {
	font-weight: normal;
	word-spacing: nowrap;
	text-transform: capitalize;
}

table.screenFormLabel .frmResLbl {
	font-weight: bold;
	word-spacing: nowrap;
	text-transform: capitalize;
}

table.screenFormLabel .vrtclSprtr {
	width: 1px;
	background: url(../../../../images/Theme/old_blue/verticalSeparotor.png) repeat-y;
}

table.screenFormLabel .errorTd {
	width: 25px;
	text-align: center;
	vertical-align: middle;
}

table.screenFormLabel .mendatory {
	text-align: right !important;
}

table.screenFormLabel .separatorTd {
	width: 30px;
}

table.screenFormLabel p {
	margin: 0;
	padding: 2px 0px 0px 0px;
}

.lineThroughTextDecoration {
	text-decoration: line-through;
}

.noneTextDecoration {
	text-decoration: none;
}

.fontBold {
	font-weight: bold;
}

.purposeCodeListHeading {
	font-weight: bold;
	background-color: #CCCCCC;
	text-align: center;
	width: 50%;
}

#limitDetails {
	margin: -8px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
	border: 1px solid #980F07;
	background-color: #D4E6FF;
	color: #000000;
	z-index: 1000px;
	position: absolute;
	overflow-y: scroll;
	height: 150px;
	width: 293px;
	*width: 300px;
	text-align: left;
}

#limitDetails div {
	cursor: pointer;
}

#limitDetails div:hover {
	color: black;
}

#limitDetails table {
	width: 270px;
	*width: 280px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

#limitDetails table td {
	border-bottom: 1px solid #980F07;
}

.normalCalView {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	background-color: #fff;
	/*     border: 1px solid #ccc; */
	width: 20px;
	padding: 6px 7px;
	height: 17px;
	cursor: pointer;
	color: #333;
}

.normalCalViewSelDate {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	background-color: #CFF9BE;
	color: #333;
	width: 20px;
	padding: 4px;
	height: 16px;
	cursor: default;
	border: 1px solid #CFF9BE;
	border-radius: 3px;
}

.holidayCurCalView {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	width: 20px;
	padding: 4px;
	height: 17px;
	background-color: #c9c7c6;
	cursor: default;
	color: #333;
}

.holidayBankCalView {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	width: 20px;
	padding: 4px;
	height: 17px;
	background-color: #F4B66C;
	cursor: default;
	color: #333;
}

.holidayWeeklyCalView {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	width: 20px;
	padding: 5px;
	height: 17px;
	background-color: #ececec;
	cursor: pointer;
	color: #000000;
}

.calDays {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
}

.calendar-modal {
	background: #fff !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
	padding: 11px;
}

.calendarStyles.modal-first-table .custom_select {
	margin-right: 25px !important;
}

.normalCal {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	background-color: #fff;
	/*     border: 1px solid #ccc; */
	width: 20px;
	padding: 4px;
	height: 17px;
	cursor: pointer;
	color: #333;
}

.holidayCurCal {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	background-color: #fff;
	border: 1px solid #ccc;
	width: 20px;
	padding: 4px;
	height: 17px;
	cursor: pointer;
}

/*** DashBoard CalCurrency ****/
.cncyholidayCurCal {
	background-color: #0141A9;
	color: #fff;
	cursor: pointer;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	height: 17px;
	padding: 4px;
	width: 20px;
	border-radius: 3px;
}

.normalCalSelected {
	border-radius: 3px;
	background: #CFF9BE;
	font-size: 13px;
	padding: 4px;
}

/****** End Here ***/
.holidayBankCal {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	width: 20px;
	padding: 4px;
	height: 17px;
	background-color: #F4B66C;
	cursor: pointer;
	color: #000000;
}

.holidayWeeklyCal {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	width: 20px;
	padding: 4px;
	height: 17px;
	background-color: #cecbcb;
	cursor: pointer;
	color: #000000;
}

.normalHolidayMainCal {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	background-color: #fff;
	border: 1px solid #c1c1c1;
	width: 30px;
	padding: 4px;
	height: 20px;
	cursor: pointer;
}

.currencyHolidayMainCal {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	width: 30px;
	padding: 4px;
	height: 20px;
	background-color: #2E5780;
	cursor: pointer;
	color: #FFFFFF;
}

.bankHolidayMainCal {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	width: 30px;
	padding: 4px;
	height: 20px;
	background-color: #F4B66C;
	cursor: pointer;
	color: #000000;
}

.weeklyHolidayMainCal {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	width: 30px;
	padding: 4px;
	height: 20px;
	background-color: #c1c1c1;
	cursor: pointer;
	color: #000000;
}

.cncyHolidayMainCal {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	width: 30px;
	padding: 4px;
	height: 20px;
	background-color: #878787;
	cursor: pointer;
	color: #000000;
}

.holidayMainCalWeeks {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

table.holdayMain {
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	*margin-left: 0px;
	border-collapse: collapse;
	border-bottom: 1px solid #025296;
}

table.holdayMain th {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #025296;
	color: #FFF;
	height: 25px;
	margin: 0px;
	border: 1px solid #025296;
	padding-left: 10px;
}

table.holdayMain td {
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	padding: 2px 2px 2px 2px;
	height: 15px;
	border-bottom: 1px solid #025296;
	border-top: 1px solid #025296;
}

.tblBaseTblDataL a {
	color: #f2717d !important;
}

table.holdayMain .oddRow {
	background-color: #DDDDDD;
}

table.holdayMain .evenRow {
	background-color: #FFFFFF;
}

.discmlimit {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #333333;
	vertical-align: middle;
	/* background-color: #D9E0F1; */
	padding: 10px;
}

/* Added for New Scrolling Effect of Table*/
table.tblBaseTblDataNew {
	margin: 0px;
	padding: 0px;
	*margin-left: 10px;
	*margin-left: 0px;
	border-bottom: 1px solid #003366;
	*border-collapse: collapse;
}

table.tblBaseTblDataNew thead th,
table.tblBaseTblDataNew tfoot th {
	font-family: 'Roboto', sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #003366;
	color: #F4EFEC;
	height: 25px;
	margin: 0px;
	border: 1px solid #003366;
}

table.tblBaseTblDataNew tbody td {
	font-family: 'Roboto', sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	padding: 2px 2px 2px 2px;
	height: 15px;
	border: 1px solid #003366;
}

table.tblBaseTblDataNew tbody .oddRow {
	background-color: #DDDDDD;
}

table.tblBaseTblDataNew tbody .evenRow {
	background-color: #FFFFFF;
}

/*Newly Added*/
table.tblBaseTblDataL {
	margin: 0px;
	padding: 0px;
	/*border-bottom: 1px solid #025296;*/
	border-collapse: collapse;
	/*border-right: 1px solid #025296;*/
	width: 100%;
}

table.tblBaseTblDataL thead th,
table.tblBaseTblDataL tfoot td {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 600;
	/*  background-color: #f7f8fa; */
	color: #000;
	height: 25px;
	margin: 0px;
	padding: 5px 2px;
	text-align: left;
}

/* table.tblBaseTblDataL thead th:first-child {
	border-left: 1px solid #e0e2e1;
}
table.tblBaseTblDataL thead th:last-child {
	border-right: 1px solid #e0e2e1;
} */
table.tblBaseTblDataL tbody td {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #333333;
	padding: 3px 4px;

}

table.tblBaseTblDataL tbody tr,
table.tblBaseTblDataL thead tr {
	border-bottom: 1px solid #e0e2e1;
}

/*table.tblBaseTblDataL tbody .oddRow{
background-color:#FFFFFF;
}
table.tblBaseTblDataL tbody .evenRow{
background-color:#FFFFFF;
}*/
/*
table.tblBaseTblDataL tbody tr:nth-child(odd) {
	background: #efefef;
}*/

table.tblBaseTblDataL tbody tr:hover {
	background: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

table.tblBaseTblDataL tbody tr:hover input[type="radio"].fancy-options~label:before {
	color: #737690;
}

table.tblBaseTblDataL tbody tr:hover td {
	color: #333333;
}

table.tblBaseTblDataL .borderRight {
	border-right-width: 1px;
}

.sortLablel {
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	color: #333333;
	text-align: right;
	/* margin-right: 50px; */
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

input[type="text"],
select,
textarea {
	height: 26px;
	/* border-bottom: 1px solid #fff !important; */
	background-color: TRANSPARENT;
	/* color: #333; */
	padding: 0px 10px;
	border: 1px solid #c9c7c6;
	/* box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); */
	border-radius: 3px;
	font-size: 12px;
	/* box-shadow: 0px 0px 5px #ccc inset; */
}
}

.modal-first-table input[type="text"],
.modal-first-table select,
.modal-first-table textarea {
	height: 26px;
	/* border-bottom: 1px solid #fff !important; */
	background-color: TRANSPARENT;
	color: #333333;
	padding: 0px 10px;
	border: 1px solid #c9c7c6;
	/* box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); */
	border-radius: 3px;
	font-size: 13px;
	/* box-shadow: 0px 0px 5px #ccc inset;*/
}

input[type="text"]:focus,
textarea:focus,
select:focus {
	border: 1px solid #737690;
	outline: none;
	background-color: #FFFFFF;
	color: #333;
	box-shadow: 0 0px 1px #84bbe6;
	/*padding:2px 0 2px 4px;*/
}

input[type="checkbox"] {
	border: 0px;
}

a.expand {
	background: transparent url('../../../../images/expandall.gif') no-repeat scroll top right;
	display: block;
	float: right;
	font-family: 'Roboto', sans-serif;
	height: 22px;
	margin-right: 6px;
	padding-right: 18px;
	/* sliding doors padding */
	text-decoration: none;
}

a.collapse {
	background: transparent url('../../../../images/collapseall.gif') no-repeat scroll top right;
	display: block;
	float: right;
	font-family: 'Roboto', sans-serif;
	height: 22px;
	margin-right: 6px;
	padding-right: 18px;
	/* sliding doors padding */
	text-decoration: none;
}

a {
	color: #f2717d;
	outline: none;
}

a:hover {
	color: #FF0000;
}

.frmLinks a {
	color: #001e79;
}

.frmLinks a:hover {
	color: #FF0000;
}

.temp-popup {
	position: absolute;
	left: 40%;
	top: 30%;
	transform: translate(-50px, -50px);
	border: 1px solid #333;
	border-collapse: collapse;
	width: 200px;
	height: 150px;
	z-index: 999;
	background: #F1F1F1;
	color: #333;
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,
			Color='#000000');
	border: 1px solid #333;
}

/*data grid css starts*/
#resultSet {
	color: #333;
}

/* 
#resultSet a {
	color: #fff;
} */

#resultSet a:hover {
	background: #fff;
	border: 1px solid #6b105d;
	color: #6b105d;
}

/*data grid css end
input[readonly='readonly'] {
border:1px solid #CCC;
}	

#holidayForm select{
padding:0px !important;
}*/

/*bills*/
.extraspace {
	padding-left: 16px;
	padding-bottom: 12px;
}

/*table.screenlabel .frmResLbl label {
	margin-left: 5px;
}*/

#fountainG {
	position: relative;
	width: 380px;
	height: 42px;
	margin: auto;
	top: 5%;
}

div.homepage-overlay {
	top: 85px;
	margin: 0px auto;
	height: 536px;
	width: 100%;
	float: left;
	z-index: 9999;
	font-weight: bold;
	position: absolute;
	background-color: #ffffff;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

div.plugincheck-loader {
	/*margin-left: 80px;
	width: 200px;
	height: 31px;
	
	background-size: 200px 15px;
	color: #FFF;*/
	background: url(../../../../images/Theme/loaderBar.gif) no-repeat scroll 0px 0px;
	height: 150px;
	max-width: 150px;
	margin: 0 auto;
	background-size: 50%;
	background-position: center;
}

div.tooltipNode {
	position: relative;
	cursor: pointer;
}

div.tooltipBase {
	position: absolute;
	/* min-height: 50px; */
	width: 100%;
	min-width: 300px;
	background-color: #e0e2e1;
	border: 1px solid #e0e2e1;
	border-radius: 5px;
	right: 110%;
	bottom: -15px;
	-webkit-box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
	display: none;
}

div.tooltip {
	width: 10px;
	height: 10px;
	position: absolute;
	right: 98.25%;
	bottom: -3px;
	border: 1px solid;
	border-color: #737690 transparent transparent #737690;
	background: #e0e2e1;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	display: none;
}

div.tooltipText {
	/* 	margin: 1%; */
	overflow-x: hidden;
	/* 	white-space: nowrap; */
	max-height: 300px;
	text-align: left;
	padding: 10px
}

.tooltipNode:hover>div.tooltipBase,
.tooltipNode:hover>div.tooltip {
	display: block;
}

input[type="text"]+a,
select+a,
textarea+a {
	position: relative;
}

input[type="text"]+a img,
select+a img,
textarea+a img {
	background: #f9f6f6;
	color: #6d6c6c;
	border: 1px solid #ccc;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding: 3px 5px;
	font-size: 14px;
	top: -2px;
	left: -12px;
	position: relative;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	transition: background 1s;
}



input[type="text"]+a:hover img,
select+a:hover img,
textarea+a:hover img {
	background: #ddd;
	color: #fff;
}

.calendarStyles input[type="text"],
.calendarStyles select,
.calendarStyles textarea {
	border: 0px solid #e2e2e2;
	background-color: #fff;
	color: #444;
	padding: 2px 2px;
	margin: 2px;
}

.weeksRow td {
	background-color: #fff;
	color: #0141A9;
	font-weight: 500;
}

.dateboxs {
	/* border: 1px solid #ccc; */
	background: #fff;
}

/* .weeksRow {
	    margin-top: -2px !important;
    margin-bottom: -2px;
} */

input[type="file"] {
	border: 1px solid #737690;
	border-radius: 3px;
	background: #fff;
	position: relative;
	outline: none;
	color: #333;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
	cursor: pointer;
}

input[type="file"]:hover {
	border: 1px solid #6b105d;
	color: #6b105d;
}

input[type="file"]:before {
	content: 'Choose File';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 3px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	width: 90px;
	height: 23px;
	background: #737690;
	color: #fff;
	padding: 3px 2px;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
	transition: all 0.5s ease-out;
}

input[type="file"]:hover:before {
	background: #6b105d;
}

input[type="file"] {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	-o-appearance: none !important;
	-ms-appearance: none !important;
}

/* MODAL POPUP */
.modal-fixed-header {
	width: 100% !important;
	position: relative !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	padding: 0px !important;
	border: none !important;

}

.modal-first-table {
	width: 100% !important;
	margin: 0 !important
}

.modal-first-table table {
	width: 100% !important;
	margin: 0 !important;
	box-sizing: border-box
}

/* .modal-first-table .leftBlock {
	margin: 0px auto !important;
	width: 300px;
	float: none !important;
} */

.modal-first-table .leftBlock>table {
	white-space: nowrap !important;
}

.modal-no-margin {
	margin: 0 !important;
}

.custom-modal-header .close {
	font-size: 12px;
	font-weight: 600;
	color: #333;
	opacity: 1;
}

.custom-modal-header .close:hover {
	color: #f2717d
}

/* MODAL POPUP */
.branch_code {
	position: absolute;
	left: 97px;
	top: 13px;
}

.icons {
	background: #f9f6f6;
	padding: 5px 6px;
	color: #fff;
	position: relative;
	border: 1px solid #d2d1d1;
	border-radius: 3px;
	border: 1px solid #ccc;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	transition: background 0.1s ease-in;
}

.icons:hover {
	background: #1d86ff;
	border: 1px solid #1d86ff;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
}

.icons i {
	font-size: 14px;
	color: #444;
}

.icons:hover i {
	color: #fff;
}

.modal-body .largescreentitle {
	text-align: center;
	/* padding:20px 0px !important; */
	height: auto;
	line-height: auto;
	text-transform: uppercase;
	font-weight: bold;
	color: #333333;
}

/* .custom-modal-header {

    top: 5px;

} */
.modal-content {
	border-radius: 0px;
	border: 0px;

}

table.globalSearchTbl {
	/*table-layout:auto;*/
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	margin-left: 10px;
}

table.globalSearchTbl tr {
	/*height:20px;*/
}

table.globalSearchTbl td {
	padding-top: 5px;
	padding-bottom: 5px;
}

table.globalSearchTbl .frmLbl {
	font-weight: normal;
	word-spacing: nowrap;
	text-transform: capitalize;
}

.bdr {
	border: 1px solid #CCC;
}

/*IDPMS Bulk Payment Styles-Start*/
.basic-table thead>tr:first-child>th {
	border-top: 1px solid #e5e5e5 !important;
}

.basic-table thead tr th,
.basic-table tbody tr td {
	border: 1px solid #e5e5e5;
}

.basic-table thead th {
	font-size: 12px;
	font-weight: bold;
	background: #f7f7f7;
	text-align: center;
	padding: 12px 0;
}

.basic-table tbody td:first-child {
	text-align: left;
}

.basic-table tbody td {
	font-size: 11px;
	text-align: center;
	vertical-align: middle !important;
	padding: 8px;
}

.info {
	padding: 0px 15px;
}

.info p {
	font-size: 10px;
}

.info .checkbox-selction-txt {
	font-size: 12px;
	font-weight: bold;
}

/*IDPMS Bulk Payment Styles-End*/
.select {
	width: 160px;
	height: 90px
}

@media (min-width: 768px) {
	.modal-dialog {
		width: 880px !important;
		margin: 6% auto;
	}
}

.icon-style {
	background: #fff;
	color: #6d6c6c;
	border: 1px solid #c9c7c6;
	text-align: center;
	font-size: 13px;
	top: -1px;
	left: -6px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	transition: background 1s;
	text-decoration: none;
	border-left: 0;
	height: 26px;
	vertical-align: middle;
	width: 26px;
	display: inline-block;
	position: relative;
}

.icon-style i {
	position: absolute;
	left: 6px;
	top: 5px;
}

.icon-style:hover,
.icon-style:focus {
	background: #e97127;
	color: #fff;
	border: 1px solid #e97127;
}

.icon-style.pad {
	padding: 3px 7px;
}

.Txtbold {
	font-size: 14px !important;
	font-weight: 600 !important;
	text-align: left !important;
}

.ml10 {
	margin-left: 30px;
}

.mr5 {
	margin-right: 25px;
}

.contentTabTbl .custom_select,
.calendarStyles .custom_select {
	margin: 0px !important;
}

.calendarStyles .custom_select {
	margin-right: 34px !important;
	font-weight: 500;
}

.calendarStyles .custom_select:last-child {
	margin-right: 0px !important;
}

.custom_select {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	margin-left: 0px
}

.custom_select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-ms-appearance: none;
	padding-right: 27px;
}

.select-arrow {
	color: #737690;
	right: 10px;
	top: 5px;
	/* width:30px; */
	position: absolute;
	display: block;
	z-index: 6;
	margin: 0 0 0 0;
	pointer-events: none;
}

.calendarStyles .custom_select select {
	padding-right: 20px;
	font-weight: 500;
	font-size: 14px;

}

.calendarStyles .select-arrow {
	top: 8px;
	right: 8px;
}

.fa-chevron-down:before {
	font-size: 10px;
}

select::-ms-expand {
	display: none;
}

select,
textarea {
	-webkit-appearance: none;
	appearance: none;
	-ms-appearance: none;
}

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

.content-wrapper {
	position: absolute;
	margin-top: 60px;
	margin-left: 85px;
}

.content-panel {
	padding: 15px;
}

.card-row {
	width: 100%;
	display: flex;
	/*New Opera 12.1, Firefox 20+*/
	display: -webkit-flex;
	/*New Chrome*/
	display: -ms-flex;
	/*ie 10*/
	display: -moz-flex;
	/*Old Firefox 19*/
	display: -webkit-flex;
	/*Old ios6 , safari 3.1.6*/
	margin-bottom: 15px;

	flex-direction: row;
}

.card-col-7 .card {
	width: 14%;
	width: calc(14.28% - 10px);

}

.card-col-2 .card {
	width: calc(50% - 10px);
}

.card-col-3 .card {
	width: calc(33.3% - 0px);
	margin: 0px;
	margin-bottom: 15px;
}

.card-col-1 .card {
	width: 100%;
	margin: 0px;
}

.card {
	min-height: 150px;
	background: #fff;
	padding: 15px;
	margin: 5px;
	position: relative;
	cursor: pointer;
	box-sizing: border-box;
	width: calc(50% - 10px);

	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);

	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;

}

.box-shadow {
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);

}

.disply-flex-column {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.disply-flex-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.card h1 {
	font-size: 14px;
	margin: 0px;
	color: #444444;
}

.card-row .card h1 span {
	display: block;
}

.currency-panel {
	text-align: center;
}

.circle {
	border: 1px solid #cdcdcd;
	width: 40px;
	height: 40px;
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #000;
	margin: auto;
	border-radius: 50%;
	vertical-align: middle;
	position: relative;
	transition: all 0.3s ease;
}

.amount-panel {
	font-size: 22px;
	font-weight: 600;
}

.amount-panel small {
	font-size: 14px;
}

.card.blue {
	border-bottom: 4px solid #1d86ff;
}

.card.yellow {
	border-bottom: 4px solid #ffc71d;
}

.card.purple {
	border-bottom: 4px solid #8207bb;
}

.card.gray {
	border-bottom: 4px solid #989998;
}

.card.pink {
	border-bottom: 4px solid #f109d9;
}

.card.green {
	border-bottom: 4px solid #38ab05;
}

.card.red {
	border-bottom: 4px solid #ff1d1d;
}


.card.blue .amount-panel {
	color: #1d86ff;
}

.card.yellow .amount-panel {
	color: #ffc71d;
}

.card.purple .amount-panel {
	color: #8207bb;
}

.card.gray .amount-panel {
	color: #989998;
}

.card.pink .amount-panel {
	color: #f109d9;
}

.card.green .amount-panel {
	color: #38ab05;
}

.card.red .amount-panel {
	color: #ff1d1d;
}

.card.blue:hover {
	background: #1d86ff;
}

.card.yellow:hover {
	background: #ffc71d;
}

.card.purple:hover {
	background: #8207bb;
}

.card.gray:hover {
	background: #989998;
}

.card.pink:hover {
	background: #f109d9;
}

.card.green:hover {
	background: #38ab05;
}

.card.red:hover {
	background: #ff1d1d;
}

.card.blue:hover h1,
.card.blue:hover .circle,
.card.blue:hover .amount-panel,
.card.yellow:hover h1,
.card.yellow:hover .circle,
.card.yellow:hover .amount-panel,
.card.purple:hover h1,
.card.purple:hover .circle,
.card.purple:hover .amount-panel,
.card.gray:hover h1,
.card.gray:hover .circle,
.card.gray:hover .amount-panel,
.card.pink:hover h1,
.card.pink:hover .circle,
.card.pink:hover .amount-panel,
.card.green:hover h1,
.card.green:hover .circle,
.card.green:hover .amount-panel,
.card.red:hover h1,
.card.red:hover .circle,
.card.red:hover .amount-panel {
	color: #fff;

}

.card-header2 {
	margin-bottom: 15px;
	padding: 10px;
}

.card-header2 h1 {
	position: relative;
	/* padding:10px; */
	font-size: 14px;
	margin: 0px;
	color: #444444;
	display: inline-block;
	font-weight: 600;
	padding-bottom: 10px;

}

.card-header2 h1::after {
	content: "";
	display: block;
	width: 70px;
	/* height: 3px; */
	background: #1d86ff;
	position: absolute;
	top: 97%;
	left: 8px;
}

.buttons-wrapper {
	width: 100%;
	padding: 5px 0px;
}

button {
	outline: none;
}

.buttons-panel {
	position: relative;
	display: flex;
	flex-direction: row;

}

.buttons-panel button:last-child {
	margin-left: auto;
}

.buttons-primary {
	border: 1px solid #cdcdcd;
	background: #fff;
	color: #444;
	position: relative;
	padding: 5px 13px;
	cursor: pointer;
	margin: 0px 3px;
	border-radius: 30px;

}

.buttons-primary:hover {
	background: #1d86ff;
	color: #fff;
}

.buttons-panel input,
.buttons-panel select {
	border: 0px;
	background: transparent;
	width: 60px;
	outline: none;
	box-shadow: none;
	padding: 0px;
	height: inherit;

}

.buttons-panel select {

	width: 80px;

}

.buttons-primary .select-arrow {
	color: #333;
	right: -13px;
	top: 0px;
	width: 30px;
	position: absolute;
	display: block;
	z-index: 10;
	margin: 0 0 0 0;
	pointer-events: none;
}

.buttons-panel input:focus,
.buttons-panel select:focus {
	box-shadow: none;
	border: 0px;
	background: transparent;
}

.buttons-primary i {
	font-size: 14px;
	color: #b5b5b5;
	margin-right: 5px;
}

.buttons-primary:hover i {
	color: #fff;
}

.ui-widget-header {
	border: 1px solid #1d86ff !important;
	background: #1d86ff !important;
	color: #fff;
	font-weight: bold;
}

.ui-widget.ui-widget-content {
	border: 0px;
	box-shadow: 0 2px 28px rgba(0, 0, 0, 0.4);
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 0px !important;
	background: transparent !important;
	font-weight: normal;
	color: #454545;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #025296 !important;
	background: transparent !important;
	color: #025296 !important;
}

.ui-datepicker td span,
.ui-datepicker td a {
	text-align: center !important;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 49.4% !important;
	margin-right: 3px !important;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: inherit !important;
}

.calendar-modal iframe {
	width: 250px;
	height: 215px;
}

/********Bank side Dashboard*******/
.darkBlue {
	background: #1d86ff;
	color: #fff;
}

.total_count {
	text-align: right
}

.total_count h1 {
	color: #fff;
	font-size: 32px;
	margin: 12px 0px;
}

.icon {
	position: relative;
	width: 50px;
	height: 50px;
	background: #fff;
	color: #1d86ff;
	font-size: 32px;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	line-height: 47px;
}

.icon::before {
	content: "\03a3";
	font-family: sans-serif;
}

.day-panel {
	border-top: 1px solid #ccc;

}

.day-panel h2 {
	color: #fff;
	text-align: right;
	font-size: 14px;
	font-weight: 400;
	font-style: italic;
}

.hub-list {
	padding: 2px;
}

.hub-list ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	background: #e5e5e6;
}

.hub-list ul li {
	margin-bottom: 2px;
}

.hub-list ul li a {
	text-decoration: none;
	text-transform: uppercase;
	background: #cdcdd2;
	color: #fff;
	font-size: 13px;
	padding: 18px 30px;
	display: inline-block;
	box-sizing: border-box;
	position: relative;

}

.hub-list ul li.active a {
	background: #1d86ff;
}

.hub-list .disply-flex-row {
	justify-content: start;
	height: 100%;
}

.card.hub-list ul li a:hover {
	background: #1d86ff;
}

.tab-content-container {
	width: 70%;
}

.tab-content-container .tab-content-div:not(.active) {
	display: none;
}

.hub-details ul {
	background: #fff !important;
}

.hub-details ul li {
	font-size: 14px;
	color: #606069;
	padding: 8px 13px;
}

.hub-details ul li span {
	color: #ee0000;
	margin-right: 20px;
	margin-left: 5px;
}

.name-box {
	width: 130px;
}

.progress {
	position: relative;
	width: 100%;
	height: 8px;
	background: #e5e5e6;
	top: 6px;
}

.progress::after {
	content: "";
	display: block;
	height: 8px;
	position: absolute;
	background: #3554ae;
}

.progress.fifty::after {
	width: 50%;
}

.progress.ten::after {
	width: 10%;
}

.progress.twenty::after {
	width: 20%;
}

.progress.fourty::after {
	width: 40%;
}

.card.padding5 {
	padding: 5px;
}

.current-month-table {
	width: 100%;
	background: #f3f3f3;

}

.current-month-table thead th {
	background: #e5e6e7;
	padding: 10px;
	text-align: left;
	text-transform: uppercase;
	font-size: 12px;
	border: 1px solid #fff;
}

.current-month-table thead th.sat,
.current-month-table thead th.sun {
	background: #808285;
	color: #fff;
}

.current-month-table tbody td {
	padding: 15px 10px;
	font-size: 14px;
	border: 1px solid #fff;
}

.current-month-table tbody td.sat,
.current-month-table tbody td.sun {
	color: #ed2724;
}

.red-bg-light {
	background: #f2e6de;
}

.red-bg-light td {
	font-weight: bold;
	color: #ed2724;
}

.current-month-header {
	color: #3554ae;
	font-size: 16px;
	font-weight: 600;
	width: 100%;
	padding: 0px 10px 10px 10px;
	box-sizing: border-box;
}

/*********************  Quick Remittance  *****************/
.quick-detail {
	margin-bottom: 50px;
}

.quick-detail ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: flex;
	flex-direction: row;
	margin-top: 30px
}

.quick-detail ul li {
	position: relative;
	font-size: 14px;
	text-align: center;
	padding: 0px 8px;
	box-sizing: border-box;
	border-right: 2px solid #f4f4f4;
}

.quick-detail ul li.account-overview {
	width: 24%;
}

.quick-detail ul li.bene-details {
	width: 19%;
}

.quick-detail ul li:last-child {
	padding-right: 0px;
}

.box-shadow {
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.header-box .circle {
	border: 1px solid #ebf1f8;
	background: #ebf1f8;
	width: 30px;
	height: 30px;
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: #0b47f2;
	border-radius: 50%;
	vertical-align: middle;
	position: relative;
	transition: all 0.3s ease;
}

.header-box .circle i {
	position: absolute;
	left: 8px;
	top: 8px;
}

.header-box {
	color: #025296;
	font-size: 15px;
	position: relative;
	top: -17px;
	margin: 0px;
	margin-bottom: 10px;
}

.header-box::after {
	content: "";
	display: block;
	width: 50%;
	position: absolute;
	left: 25%;
	bottom: -10px;
	border-bottom: 2px dotted #025296;
}

.quick-info {

	font-size: 13px;
}

.quick-info h1 {
	color: #444444;
	font-size: 14px;
	font-weight: 600;
	margin: 0px;
	margin-bottom: 10px;
}

.quick-info h3 {
	color: #444444;
	font-size: 12px;
	font-weight: 600;
	margin: 0px;
}

.action-links {
	background: #ebf1f8;
	height: 100%;
	width: 70px;
}

.action-links a {
	color: #1d86ff;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	vertical-align: middle;
	display: block;
	position: relative;
	line-height: 70px;
	box-sizing: border-box;
	height: 70px;
}

.action-links a:hover,
.action-links a:focus,
.action-links a.active {
	background: #025296;
	color: #fff;
}

.action-links a.active::after {
	content: "";
	display: block;
	position: absolute;
	top: 43%;
	left: -4px;
	width: 8px;
	height: 8px;
	background: #025296;
	/* border-style: solid; */
	/* border-color: #025296; */
	border-left: 0;
	transform: rotate(45deg);
}

.quick-info .inp {
	border-radius: 4px;
	box-shadow: 0 1px 2px #ccc;
	/* padding: 8px; */
	border: 1px solid #ccc;
	font-size: 14px;
}

.quick-info .inp.inp80 {
	width: 80px;
}

.quick-info .field-wrap {
	margin-bottom: 8px;
}

.quick-info .select-arrow {
	color: #333;
	right: 2px;
	top: 2px;
	width: 30px;
	position: absolute;
	display: block;
	z-index: 10;
	margin: 0 0 0 0;
	pointer-events: none;
	cursor: pointer;
}

.quick-info select {
	width: 150px;
}

.quick-info .file {
	width: 220px;
}

.quick-info input[type="file"]:before {
	content: inherit;
}

width {
	width: 100% !important;
}

.horizental-fields .field-wrap {
	float: left;
}

.horizental-fields .field-wrap.right {
	float: right;
}

.label-name {
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	margin-bottom: 5px;
}

/*********** Checkbox style*********/
.radio_panel {
	margin-top: 2px;
	/* padding-left: 10px  */
}

.checkbox {
	/*  display: inline-block; */
	position: relative;
	padding-left: 30px;
	padding-top: 3px;
	/* margin-bottom: 40px; */
	cursor: pointer;
	font-weight: 400;
	font-size: 13px;
	color: #6b105d;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 10px;
	width: 10px;
	border: 1px #999999 solid;
	padding: 4px;
	border-radius: 4px;
	background: #fff;
}

/* On mouse-over, add a grey background color */
/* .checkbox:hover input ~ .checkmark {
  background-color: #ccc;
} */

/* When the checkbox is checked, add a blue background */
.checkbox input:checked~.checkmark {
	background-color: #e97127;
	border: #e97127;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked~.checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
	left: 7px;
	top: 3px;
	width: 3px;
	height: 7px;
	border: 1px solid #fff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.check-box {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	height: 100%;
}


.box {
	min-height: 200px;
	border: 2px solid #b3b1b1;
	background: #fff;
	padding: 15px;
	box-sizing: border-box;

	cursor: pointer;
	position: relative;
}

.box:before {
	display: block;
	content: "";
	width: 9%;
	height: 17%;
	position: absolute;
	bottom: -3px;
	right: -3px;
	border-bottom: 3px solid #0962ad;
	border-right: 3px solid #0962ad;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
}

.box:after {
	display: block;
	content: "";
	width: 9%;
	height: 17%;
	position: absolute;
	top: -3px;
	left: -3px;
	border-top: 3px solid #0962ad;
	border-left: 3px solid #0962ad;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
}

.box:hover:before,
.box:hover:after {
	width: 95%;
	height: 90%;
}

.section_heading h1 {
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	margin-bottom: 20px;
	color: #333333;
}

.section_heading h1::after {
	content: "";
	display: block;
	position: absolute;
	top: 27px;
	left: 50%;
	width: 146px;
	height: 2px;
	background: #b3b1b1;
	transform: translate(-50%, 50%);
	-moz-transform: translate(-50%, 50%);
	-ms-transform: translate(-50%, 50%);
	-webkit-transform: translate(-50%, 50%);
}

.list {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	width: 100%;
}

.list li {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #5d5d5d;
	/* width: 25%; */
	text-align: center;
	line-height: 30px;
	/* border-right: 2px solid #e5e5e5; */
	box-sizing: border-box;
	position: relative;
}

.list li:last-child {
	border: 0;
}

/* .list.list3 li
{
  width: 32%;
	
} */

.list li .count {

	font-size: 20px;
	color: #0962ad;

}

.list li .count a {
	text-decoration: none;
	color: #0962ad;
	position: relative;
	z-index: 999;
}

.list li .count a:hover {
	color: #FF0000;
}

.clearfix {
	content: "";
	clear: both;
	display: table;
}

/* .radio_panel
{
	height: 40px;
} */

/* The container */
.radio_container {
	position: relative;
	padding-left: 27px;
	margin-bottom: 12px;
	/*   padding-top: 3px; */
	font-weight: 400;
	color: #444444;
	cursor: pointer;
	font-size: 13px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-left: 10px !important;
}

/* Hide the browser's default radio button */
.radio_container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.radio_container .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 8px;
	width: 8px;
	background-color: #fff;
	border-radius: 50%;
	z-index: 999;
}

/* On mouse-over, add a grey background color 
.radio_container:hover input ~ .checkmark {
  background-color: #ccc;
}*/

/* When the radio button is checked, add a blue background */
.radio_container input:checked~.checkmark {
	background-color: #ed0a0a;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio_container input:checked~.checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.radio_container .checkmark:after {
	top: 5px;
	left: 5px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: white;
}

.span_block {
	margin-right: 13px;
}

.download_icon {
	cursor: pointer;
}

.list li .span_block img {
	color: #0962ad;
	position: relative;
	z-index: 999;
}

.summary-table tbody tr td,
.summary-table thead tr th {
	text-align: left !important;
	padding: 10px !important;
}

.summary-table {
	margin-bottom: 30px !important;
	width: 98% !important;
}

.summary-table tbody tr {
	background: #fff !important;
}

.iframe-container {
	margin-top: 0px;

}

/**table styles 1**/
.table-style-1 {
	width: 100%;
	font-family: 'Roboto', sans-serif;
}

.table-style-1>thead>tr>th {
	font-weight: 400;
	padding: 5px 15px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
}

.table-style-1>tbody>tr>td {
	font-weight: 300;
	text-align: center;
	font-size: 12px;
	padding: 5px 15px;
}

.table-first-col>thead>tr>th:first-child,
.table-first-col>tbody>tr>td:first-child {
	text-align: left;
}

.table-style-1>tbody>tr>td i {
	transform: rotate(-90deg);
	display: inline-block;
	font-weight: 700;
	margin-left: 5px;
}

.table-div .panel-body {
	padding: 0px;
}

.table-style-1>tbody>tr:nth-child(odd) {
	background: #f7f7f7;
}

.balance {
	font-size: 13px;
	font-weight: 400;
}

.padding5 {
	padding: 5px;
}

.padding10 {
	padding: 10px;
}

.padding15 {
	padding: 15px;
}

.min-height150 {
	min-height: 150px;
}

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

	/* table.screenlabel {
        width: 90%;
    } */
	.quick-detail ul li.bene-details {
		width: 15%;
	}

	.quick-info .inp.inp80 {
		width: 60px;
	}

	.buttons-primary {
		padding: 5px 10px;
	}

	.card {
		padding: 15px 10px;
	}

}

@media screen and (max-width:860px) {
	.box {
		margin-bottom: 10px;
	}
}


.fxlayer {

	background: #e2e2e2 !important;
	border: 2px solid #e2e2e2 !important;
	width: 99%;
	z-index: 999;
	padding: 10px 0px;
	box-shadow: 0px 1px 11px #e2e2e2;
}

.fxtable td {
	font-size: 13px;
}

.fxtable td input {

	width: 110px !important;
}

.fxtable td button {
	border: 0;
	padding: 3px 20px 3px 20px;
	margin: 0;
	background-color: #1d86ff;
	height: 30px;
	box-sizing: border-box;
	color: #ffffff;
	border-radius: 3px;
	line-height: 23px;
	font-size: 13px;
	font-weight: 500;
	/* letter-spacing: 1px; */
	height: 28px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	margin-right: 10px;
	width: auto !important;
	cursor: pointer;
}

.fxtable td button:hover {
	background: #025296;
}

.lcblocknew {
	background: #ffffff !important;

	width: 97%;
	z-index: 999;
	padding: 10px 0px;

}

.lcblocknew .tbl {
	width: 100% !important;

}

.lcblocknew .tbl table {
	font-size: 13px !important;
}

.lcblocknew .tbl td input,
.lcblocknew .tbl td select {

	height: 24px !important;
	border: 1px #e2e2e2 solid;
	background-color: #FFF;
	color: #444;
	padding: 0px 10px;
	border-radius: 3px;
	font-size: 13px;
	margin-bottom: 5px;
	/* box-shadow: 0px 0px 5px #ccc inset; */
}

.lcblocknew .tbl td input[type="button"] {
	border: 0;
	padding: 3px 20px 3px 20px;
	margin: 0;
	background-color: #f2707d;
	height: 30px;
	box-sizing: border-box;
	color: #ffffff;
	border-radius: 3px;
	line-height: 20px;
	font-size: 13px;
	font-weight: 500;
	/* letter-spacing: 1px; */
	height: 28px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	margin-right: 10px;
	width: auto !important;
	cursor: pointer;
}

.lcblocknew .tbl td input[type="button"]:hover {
	background: #ffffff;
	border: 1px solid #6b105d;
	color: #6b105d;
}

.lcblocknew .tbl td input[type="text"]+a img,
select+a img,
textarea+a img {
	background: #f9f6f6;
	color: #6d6c6c;
	border: 1px solid #ccc;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding: 5px 5px;
	font-size: 14px;
	top: -1px;
	left: -9px;
	position: relative;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	/* box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); */
	transition: background 1s;
}

.lcblocknew .tbl td:first-child {
	width: 180x;
}

#lctable {
	position: relative;
	border: 0px;
	top: 13px;
	left: 0px;

}

.lclayer {
	width: 100%;
	padding: 6px;
}

.lclayer thead tr td,
.lclayer thead tr th b {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	/* font-weight: 400; */
	background-color: #FFFFFF;
	color: #000000;
	padding: 5px;
	margin: 0px;
	border-right-width: 0px;
}


table#lcdetailsnew>thead>tr>td {
	border-left: solid 0.5px rgba(94, 44, 49, 0.2);
	border-top: solid 0.5px rgba(94, 44, 49, 0.2);
	border-bottom: solid 0.5px rgba(94, 44, 49, 0.2);
}

.margin-right10 {

	margin-right: 10px !important;
}

.span-wrapper {
	margin-right: 10px;
}

.span-wrapper input[type="radio"],
.span-wrapper input[type="checkbox"],
.fancy-options {
	position: absolute;
	left: -9999px;
}

/* Radio Button  Styles */
input[type="radio"].fancy-options~label {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

input[type="radio"].fancy-options~label:before {
	font-family: "FontAwesome" !important;
	content: '\f10c' !important;
	font-size: 20px;
	font-weight: 400;
	cursor: pointer;
	color: #c9c7c6;
	position: relative;
}

.box input[type="radio"].fancy-options~label:before {
	color: #737690;
}

.modal-first-table input[type="radio"].fancy-options~label:before {
	color: #c9c7c6;
}

input[type="radio"].fancy-options:checked~label:after {
	font-family: "FontAwesome" !important;
	content: '\f192' !important;
	font-size: 20px;
	font-weight: 400;
	cursor: pointer;
	color: #f2717d;
	position: absolute;
	top: 0;
	left: 0;
}

/* Checkbox Styles */
input[type="checkbox"].fancy-options~label {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

input[type="checkbox"].fancy-options~label:before {
	font-family: "FontAwesome" !important;
	content: '\f096' !important;
	font-size: 20px;
	font-weight: 400;
	cursor: pointer;
	color: #c1bcbc;
}

input[type="checkbox"].fancy-options:checked~label:after {
	font-family: "FontAwesome" !important;
	content: '\f046' !important;
	font-size: 20px;
	font-weight: 400;
	cursor: pointer;
	color: #f2717d;
	position: absolute;
	top: 0;
	left: 0;
}

.word-break {
	word-break: break-word;
	word-break: break-all;
}

.no-wrap {
	white-space: nowrap;
}

.green {
	color: #06ac39;
}

.red {
	color: #dc3226 !important;
}

.width80 {
	width: 80px;
}

.width83 {
	width: 83px;
}

.width90 {
	width: 90px;
}

.scroll-x {
	overflow-x: scroll;
}

.mendatory,
.errorTd {
	color: #eb2227;
}

.bg-none {
	background: none !important;
}

/*
.color333 {
	color : #333333 !important;
}
.colorfff {
	color : #ffffff !important;
}
*/
.white-bg {
	background: #ffffff;
}

/* Tab css */
ul.tabs {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 2px solid #c9c7c6;
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	cursor: pointer;
	padding: 0px 5px;
	height: 31px;
	line-height: 31px;
	background-color: #ffffff;
	color: #333;
	position: relative;
}

.tab_last {
	border-right: 1px solid #333;
}

ul.tabs li:hover {
	background-color: #ccc;
	color: #333;
}

ul.tabs li.active {
	background-color: #f2717d;
	border-bottom: 2px solid #f2717d;
	color: #fff;
	display: block;
}

.tab_container {
	box-shadow: 0px 1px 5px #ccc;
	border: 2px solid #ccc;
	color: #333333;
}

.tab_content {
	padding: 15px;
	display: none;
}

.tab_drawer_heading {
	display: none;
}

@media screen and (max-width: 480px) {
	.tabs {
		display: none;
	}
}

.row-eq-height {
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex;
}



.toolBox {
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	text-align: center;
	padding: 4px 0px;
	position: relative;
}

.toolBox ul {
	margin: 0;
	padding: 0px;
}

.toolBox ul li {
	display: inline-block;
}

.toolBox ul li a {
	color: #fff;
	padding: 4px 10px;
	border-radius: 100%;
	transition: all 0.5s;
	width: 25px;
	height: 25px;
	text-align: no;
	text-decoration: none;
}

.toolBox ul li a:hover {
	/*	    background: #1d86ff;
	    border: 1px solid #1d86ff;*/
	color: #f5f5f5;
}

.toolBox i {
	/*font-weight: 500;*/
	font-size: 14px;
	font-style: initial;
}

.side-menu-hide #side-menu {
	display: none !important;
}



.control-label {
	font-size: 11px;
}

.no-padding {
	padding: 0px !important;
}

.Account_table {
	width: 400px;
}

.Account_table a.button {
	width: 100%;
	text-align: center;
	margin-bottom: 3px;
}

.checkbal {
	display: block;
	margin: 3px 0px;
}

.display-block {
	display: block;
}

.checklist .row:hover {
	background: #e0e2e1;
}

/* .popup-styles .radio_container {

    padding-top: 4px !important;
} */
.popup-styles table.tblBaseTblData td {
	padding: 5px 8px !important;
}

.duplicate_details {
	color: #333;
	text-align: center;
}

#myModalSmall .modal-dialog {
	width: 620px !important;
	margin: 6% auto;
}

#myModalExtraSmall .modal-dialog {
	width: 640px !important;
	margin: 6% auto;
}

#myModalExtraSmall .modal-iframe {
	height: 180px;
}

.modal-iframe2 {
	height: 200px;
	width: 100%
}

.popup-styles .pagination-wrap tbody tr td {
	display: inline-flex !important;
	text-align: left !important;
}

.popup-styles .pagination-wrap {
	margin: 0px 10px;
}

#myModalSmall div.leftBlock {
	float: inherit !important;
}

#myModalSmal2 .modal-dialog {
	width: 420px !important;
	margin: 6% auto;
}

#myModalCheckBalance .modal-dialog {
	width: 600px !important;
	margin: 6% auto;
}

#myModalSmal2 .modal-footer {
	text-align: center;
}

.scroll-x-hidden {
	overflow-x: hidden;
}

.lock-icon {
	position: absolute;
	left: -19px;
	z-index: 999999;
}

.xs-popup .modal-dialog {
	width: 440px !important;
}

.xs-popup .modal-footer {
	text-align: center;
}

.width50 {
	width: 50px
}

.width60 {
	width: 60px
}

.width70 {
	width: 70px
}

.width80 {
	width: 80px
}

.width90 {
	width: 90px
}

.width100 {
	width: 100px
}

.width110 {
	width: 110px !important;
}

.width120 {
	width: 120px
}

.width130 {
	width: 130px
}

.width140 {
	width: 140px
}

.width150 {
	width: 150px
}

.width160 {
	width: 160px
}

.width170 {
	width: 170px
}

.width180 {
	width: 180px
}

.width190 {
	width: 190px
}

.width200 {
	width: 200px
}

.width210 {
	width: 210px
}

.width220 {
	width: 220px
}

.width230 {
	width: 230px
}

.width240 {
	width: 240px
}

.width250 {
	width: 250px
}

.width300 {
	width: 250px
}

.width350 {
	width: 350px
}

.bg-red {
	background: #f2717d;
}

.bg-red:hover {
	background: #f2717d !important;
}

.icon-position {
	position: absolute;
	right: -14PX;
	top: -21px;
	;
}

.icon-styles {
	cursor: pointer;
	background: #FFF;
	border: 1px solid #c9c7c6;
	border-radius: 50%;
	color: #333;
	text-align: center;
	padding: 7px;
}

.icon-styles:hover,
.icon-styles:focus {
	border: 1px solid #f2707d;
	background: #f2707d;
	color: #fff;
}

/* #textualDescModal .modal-dialog {
	-webkit-transform: translate(0, -2%);
    -ms-transform: translate(0, -2%);
    -o-transform: translate(0, -2%);
    transform: translate(0, -2%);
    width: 494px !important;
} */
#textualDescModal .modal-dialog,
#textualDescModalAc47A .modal-dialog,
#textualDescModalDr46A .modal-dialog {
	width: 745px !important;
	margin: 6% auto;
	transform: inherit;
}

/*Inquiry Download POPUP*/
#myModal_viewer_id.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 1;
	/* Sit on top */
	padding-top: 200px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}

/* Modal Content */
#myModal_viewer_id .modal-content {
	background-color: #fefefe;
	margin: auto;
	/*     padding-bottom: 30px;
    padding-left: 20px; */
	border: 1px solid #888;
	width: 25%;
	position: relative;
	text-align: center;
}

/* The Close Button */
#myModal_viewer_id .close {
	color: #000;
	font-size: 28px;
	padding-left: 20px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	position: absolute;
	right: 7px;
}

#myModal_viewer_id .modal-content p {
	margin: 10px !important;

}

.modal-backdrop2 {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1049;
	background-color: #000;
	display: none;
}

.modal-backdrop2.in {
	filter: alpha(opacity=50);
	opacity: .5;
	display: block;
}

/* .modal-backdrop2.fade {
    filter: alpha(opacity = 0);
    opacity: 0;
} */
.auto-scroll-y {
	max-height: 400px;
	width: 50%;
	overflow-y: auto;
	overflow-x: hidden;
}

.modal-footer {
	padding: 5px 5px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
}

.modal a.button {
	padding: 7px 12px !important;
	height: inherit !important;
}

.modal-body {
	position: relative;
	padding: 10px 10px 3px 10px;
}

/****** Tooltip ******/
.tooltip2 {}

.tooltip2 .tooltiptext {
	visibility: hidden;
	width: 180px;
	background-color: #f2717d;
	color: #fff;
	font-size: 13px;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 9999999999;
	top: 150%;
	left: -100%;
	margin-left: -60px;
}

.tooltip2 .tooltiptext::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 60%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #f2717d transparent;
}

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

/**Tooltip Right**/

.tooltipRight .tooltiptextRight {
	visibility: hidden;
	width: 200px;
	background-color: #f2717d;
	color: #fff;
	font-size: 13px;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	top: -5px;
	left: 110%;
}

.tooltipRight .tooltiptextRight::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #f2717d transparent transparent;
}

.tooltipRight:hover .tooltiptextRight {
	visibility: visible;
}

/*  .mandatatory-line 
{
	border-left: 3px solid #f2717d !important;
} */
.mandatatory-line {
	border-left: 3px solid #ed0a0a !important;
}

.mandatatory-line:focus,
.mandatatory-line:focus {
	border-left: 3px solid #f2717d !important;
}

.mandatatory-line-green {
	border-left: 3px solid #4bb543 !important;
}

.mandatatory-line-green:focus,
.mandatatory-line-green:focus {
	border-left: 3px solid #4bb543 !important;
}

.control-label {
	font-size: 11px;
}

.no-padding {
	padding: 0px !important;
}

/* .Account_table {
	width: 400px;
} */
.Account_table a.button {
	width: 100%;
	text-align: center;
	margin-bottom: 3px;
}

.checkbal {
	display: block;
	margin: 3px 0px;
}

.display-block {
	display: block;
}

.checklist .row:hover {
	background: #e0e2e1;
}

.frmLbl {
	color: #333;
	font-size: 13px;
}

.input-group {
	display: flex;
	align-items: center;
}

.input-group-icon {
	position: relative;
	left: -2px;
}

.input-group input[type="text"],
.input-group select,
.input-group textarea {
	width: 100%;
}

.input-group .custom_select {
	width: 100%;
}

.mandatory-line {
	border-left: 3px solid #f2707d !important;
}

.details-box {
	color: #8c8c8c;
	font-size: 14px;
	padding: 15px;
	margin-bottom: 15px;
}

.details-box ul {
	margin: 0;
	padding: 0;
}

.details-box ul li {
	display: inline-block;
	width: 49%;
	margin-bottom: 15px;
	line-height: 18px;
}

.details-box ul li span {
	display: block;
}

.details-box ul li:last-child {
	margin-bottom: 0;
}

.details-box-value {
	color: #000;
}

.details-box .radio_panel {
	display: inline-block;
}

.details-box2 ul li {
	width: 100%;
}

.details-box a {
	margin-right: 10px;
}

.details-box .row {
	margin-bottom: 20px;
}

.box-shadow2 {
	-webkit-box-shadow: 0px 2px 2px 2px rgba(194, 194, 194, 1);
	-moz-box-shadow: 0px 2px 2px 2px rgba(194, 194, 194, 1);
	box-shadow: 0px 2px 2px 2px rgba(194, 194, 194, 1)
}

.form-style .frmLbl {
	padding-left: 0px !important;
}

.d-flex {
	display: flex;
	flex-direction: row
}

.amtPopup {
	overflow-y: auto;
	overflow-x: hidden;
	height: 100px;
	width: 100%;

}

.full-height {
	height: 100%;
	background: #fff;
	/* min-height: 95.5vh; */
	width: 100%;
	margin: auto;
	max-width: 1240px;
	/*  overflow-x: scroll; */
}

.full-height.full-height-none {
	min-height: inherit;
}

.col-wrap {
	word-break: break-all;
}

.whiteSpace {
	white-space: nowrap;
}

.buttonContainer-pl10 {
	padding-left: 10px;
}

.buttonContainer-pl20 {
	padding-left: 20px;
}

.custom_select_marign0 {
	margin: 0;
}

.padding0 {
	padding: 0px;
}

/*MIS Report Start*/
.widget_panel1 {
	background: #fff;
	color: #333;
	border: 1px solid #d0d0d0;
	box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
	padding: 5px 8px;
	float: left;
	position: relative;
	min-width: 272px;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;

}

.widget_panel1:hover {
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}

.widget_panel1_header,
.widget_panel1_footer {

	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 5px;
}

.widget_panel1_header h1 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #213280;
	text-transform: uppercase;
	font-weight: 400;
}

.icon_panel {
	font-size: 14px;
	color: #f2717d;
}

.icon_panel ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.icon_panel ul li {
	display: inline-block;
	margin-left: 5px;
	font-size: 12px;
	cursor: pointer;
	position: relative;
}

.icon_panel ul li i {
	font-size: 16px;
}

.icon_panel [class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
	margin-left: 0 !important;
}

.report_count {
	font-size: 14px;
	color: #737690;
	font-weight: 600;
}

.icon_panel ul li.grey-color {
	color: #737690;
}


.dropdown_list ul {
	margin: 0;
	padding: 0;
}

.dropdown_list ul li {
	display: inline-block;
}

.dropdown_list .radio_container {
	margin-bottom: 0;
}

.icon_panel ul li.download_icon:hover .dropdown_list {
	transform: translateX(-10px) !important;
	opacity: 1;
}

/**Tooltip Right**/

.icon_panel ul li .tooltipRight .tooltiptextRight {

	width: 220px;
	height: 20px;
	background: #d0d0d0;
	color: #333;
	border: 1px solid #d0d0d0;
	font-size: 13px;
	text-align: left;
	border-radius: 6px;
	padding: 5px 10px;
	position: absolute;
	z-index: 1;
	top: -5px;
	left: 45px;
	transition: all 0.3s;
	transform: translateX(100px);
	visibility: hidden;
	opacity: 0;
}

.icon_panel ul li .tooltipRight .tooltiptextRight::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -5px;
	border-width: 6px;
	border-style: solid;
	border-color: transparent #d0d0d0 transparent transparent;
}

.icon_panel ul li .tooltipRight:hover .tooltiptextRight {
	transform: translateX(-10px) !important;
	visibility: visible;
	opacity: 1;
}


.icon_panel ul li .tooltipLeft .tooltiptextLeft {
	width: 220px;
	background: #d0d0d0;
	border: 1px solid #d0d0d0;
	font-size: 13px;
	text-align: left;
	border-radius: 6px;
	padding: 5px 10px;
	position: absolute;
	z-index: 1;
	top: -5px;
	left: -240px;
	transition: all 0.3s;
	transform: translateX(-100px);
	visibility: hidden;
	opacity: 0;
}

.icon_panel ul li .tooltipLeft .tooltiptextLeft::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -5px;
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent transparent #d0d0d0;
}

.icon_panel ul li .tooltipLeft:hover .tooltiptextLeft {
	transform: translateX(-10px) !important;
	visibility: visible;
	opacity: 1;
}

/*MIS Report End*/

/**Account & Limits**/
.details-box {
	color: #8c8c8c;
	font-size: 14px;
	padding: 15px;
}

.details-box ul {
	margin: 0;
	padding: 0;
}

.details-box ul li {
	display: inline-block;
	width: 49%;
	margin-bottom: 15px;
	line-height: 18px;
}

.details-box ul li span {
	display: block;
}

.details-box ul li:last-child {
	margin-bottom: 0;
}

.details-box-value {
	color: #000;

}

.details-box .radio_panel {
	display: inline-block;
}

.details-box2 ul li {
	width: 100%;
}

.details-box a {
	margin-right: 10px;
}

.details-box .row {
	margin-bottom: 20px;
}

.box-shadow2 {
	-webkit-box-shadow: 0px 2px 2px 2px rgba(194, 194, 194, 1);
	-moz-box-shadow: 0px 2px 2px 2px rgba(194, 194, 194, 1);
	box-shadow: 0px 2px 2px 2px rgba(194, 194, 194, 1)
}

.irs--round .irs-bar {
	background-color: #483f84 !important;
}

.irs {
	margin-bottom: 30px;
}

.irs--round .irs-handle {
	top: 26px;
	width: 20px;
	height: 20px;
	border: 6px solid #fff;
	background-color: #afaeae;
	border-radius: 24px;
	box-shadow: 0 1px 3px rgba(0, 0, 255, 0.5);
}

.irs--round .irs-min,
.irs--round .irs-max {
	color: #8a8a8a;
	font-size: 14px;
	line-height: 1;
	top: 45px;
	padding: 3px 5px;
	background: none;
	border-radius: 4px;
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
	font-size: 14px;
	line-height: 1;
	text-shadow: none;
	padding: 5px 12px;
	background-color: #fff;
	color: #636363;
	border-radius: 20px;
	border: 1px solid #afaeae;
	min-width: 74px;
	text-align: CENTER;
	font-weight: 600;
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
	position: absolute;
	display: block;
	content: "";
	bottom: -11px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -3px;
	overflow: hidden;
	border: 5px solid transparent;
	border-top-color: #afaeae;
}

.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
	background-color: #afaeae;
}

.irs-from,
.irs-to,
.irs-single {
	position: absolute;
	display: block;
	top: -7px;
	left: 0;
	cursor: default;
	white-space: nowrap;
}

.tab-2 #tabs {
	overflow: hidden;
	background: #fff;
	border: inherit;
}

.tab-2 #tabs .tabs-list {
	float: left;
	width: 200px;
	height: 100vh;
	text-align: center;
	margin: 0px;
	padding: 0px;
	margin-right: 20px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);

	overflow-y: scroll;
	overflow-x: hidden;
}

.tab-2 #tabs .tabs-list li {
	padding: 12px 15px;
	border-bottom: 1px solid #b1b1b1;
	color: #333;
	font-size: 14px;
	margin: 0;
	display: block;
	text-transform: uppercase;
	cursor: pointer;
	position: relative;
	text-align: left;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;


	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.tab-2 #tabs .tabs-list li:last-child {
	border-bottom: 0px;
}

.tab-2 #tabs .tabs-list li.active,
.tab-2 #tabs .tabs-list li.focus,
.tab-2 #tabs .tabs-list li.hover {
	color: #fff;
	background: #6b105d;
}

.tab-2 #tabs .tabs-list li.active:after {
	content: "";
	position: absolute;
	display: block;
	/* width: 10px; */
	/* height: 10px; */
	/* background: #00a9da; */
	right: -12px;
	top: 32%;
	/* transform: rotatex(180deg); */
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent transparent #2f3b88;
	z-index: 99;
}

.tab-2 #tabs .tabs-list li:hover {
	color: #fff;
	background: #6b105d;
}

.tab-2 .tabcontent {
	background: #fff;
	/*padding: 20px 20px 0px;*/
	text-align: left;
	color: #333;

}

.tab-2 #tabs .tabcontent {
	overflow: hidden;
}

.tab-2 .tabcontent ul li {
	color: #888888;
	font-size: 14px;
	line-height: 31px;
	list-style: none;
}




.tab-3 #tabs {
	overflow: hidden;
	background: #fff;
	border: inherit;
}

.tab-3 #tabs .tabs-list {
	float: left;
	width: 200px;
	height: 100vh;
	text-align: center;
	margin: 0px;
	padding: 0px;
	margin-right: 20px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);

	overflow-y: scroll;
	overflow-x: hidden;
}

.tab-3 #tabs .tabs-list li {
	padding: 12px 15px;
	border-bottom: 1px solid #b1b1b1;
	color: #333;
	font-size: 14px;
	margin: 0;
	display: block;
	text-transform: uppercase;
	cursor: pointer;
	position: relative;
	text-align: left;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;


	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.tab-3 #tabs .tabs-list li:last-child {
	border-bottom: 0px;
}

.tab-3 #tabs .tabs-list li.active,
.tab-3 #tabs .tabs-list li.focus,
.tab-3 #tabs .tabs-list li.hover {
	color: #fff;
	background: #6b105d;
}

.tab-3 #tabs .tabs-list li.active:after {
	content: "";
	position: absolute;
	display: block;
	/* width: 10px; */
	/* height: 10px; */
	/* background: #00a9da; */
	right: -12px;
	top: 32%;
	/* transform: rotatex(180deg); */
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent transparent #2f3b88;
	z-index: 99;
}

.tab-3 #tabs .tabs-list li:hover {
	color: #fff;
	background: #6b105d;
}

.tab-3 .tabcontent {
	background: #fff;
	/*padding: 20px 20px 0px;*/
	text-align: left;
	color: #333;

}

.tab-3 #tabs .tabcontent {
	overflow: hidden;
}

.tab-3 .tabcontent ul li {
	color: #888888;
	font-size: 14px;
	line-height: 31px;
	list-style: none;
}




/**Accounts Page**/
/*.account-info .details-box {
    -webkit-box-shadow: 0px 2px 2px 2px rgba(194,194,194,0.7);
    -moz-box-shadow: 0px 2px 2px 2px rgba(194,194,194,0.7);
     box-shadow: 0px 2px 2px 2px rgba(194,194,194,0.7); 
    
}*/
.account-info .details-box ul {
	margin: 0;
	padding: 0;
}

.account-info .details-box ul li {
	display: inline-block;
	/* margin-bottom: 25px; */
	line-height: 18px;
	position: relative;
}

/*.account-info .details-box ul li:after {
    content: "";
    position: absolute;
    right: 52px;
    top: 22px;
    display: block;
    width: 1px;
	height: 25px;
	background: #ccc;

}*/
.details-box ul li span {
	display: block;
}

.account-info .details-box-value {
	color: #000;
	font-size: 14px;
	margin-top: 0px;
	font-weight: 500;
}

.box-style1 {
	background: #fff;
	max-width: 500px;
	border-radius: 20px;
	border: 1px solid #b1b1b1;
	-webkit-box-shadow: 1px 8px 27px 1px rgba(0, 0, 0, 0.1), 1px 8px 27px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 8px 27px 1px rgba(0, 0, 0, 0.1), 1px 8px 27px 1px rgba(0, 0, 0, 0.1);
	margin: 0px auto;
}

.account_detail .account_detail__header {
	background: #6b105d;
	color: #fff;
	padding: 15px 15px;
	border-radius: 20px 20px 0px 0px;

}

.account_detail .account_detail__header2 {
	background: #fff;
	color: #8a8a8a;
	padding: 15px 15px;
	border-radius: 20px 20px 0px 0px;

}

.account_detail .account_detail__body {
	padding: 15px;
	position: relative;
}

.account_card_logo {
	position: absolute;
	right: 10px
}

.account_detail .account_detail__header h1 {
	margin: 0;
	font-size: 16px;
	font-weight: 400;
}

.account_no {
	margin-bottom: 20px;
}

.account_no__digits {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 50%;
}

.account_no__digits .details-box-value {
	color: #000;
	font-size: 22PX;
	margin-top: 0px;
	font-weight: 500;
}

.center-box {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.details-table .col_25 {
	width: 25%;
}

.details-table td {
	width: 25%
}

.details-table .errorTd {
	display: none
}

.inner-table td {
  width: auto;
}

.tblBaseTblDataL .radio_container {
	margin-right: 0px !important;
}

.checkbox .hintfont {
	display: inherit !important;
}

div.leftBlock .radio_panel .radio_container span {
	color: #333;
}

.applicantSearch .radio_container {
	padding-left: 17px !important;
}

.paginationStyle .pagination-wrap tbody tr td {
	display: inherit !important;
}

.radio_panel .checkbox {
	margin-right: 10px;
	padding-top: 0;
}

.green {
	color: green;
}

.img-absolute-removing a img {
	position: inherit !important;
}


textarea {
	overflow-y: auto
}

=======.table-style1 {}

.table-style1 {
	font-family: "FontAwesome" !important;
	border-collapse: collapse;
	width: 95%;
}

.table-style1 td,
.table-style1 th {
	border: 1px solid #ddd;
	padding: 5px;
	font-size: 14px;
	text-align: left;
}

.table-style1 tr:nth-child(even) {
	background-color: #f2f2f2;
}

.table-style1 tr:hover {
	background-color: #ddd;
}

.table-style1 th {
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: left;
	background-color: #213280;
	color: white;
	font-size: 14px;
	font-weight: 400;
}

/**Accordian**/
.accordion-2,
.accordion-2-content {
	padding: 20px;
}

.accordion-2-title {
	border-bottom: 2px solid #dedede;
	padding: 10px 13px;
	margin-bottom: 1px;
	cursor: pointer;
}

.accordion-2 .accordion-2-title a {
	font-size: 14px;
	color: #333;
	text-decoration: none;
	position: relative;
	padding-left: 29px;
}

.accordion-2 .accordion-2-title a:after {
	content: "\f067";
	font-family: 'FontAwesome';
	display: block;
	position: absolute;
	left: 6px;
	font-size: 13px;
	top: 0px;
	color: #808080;
	/* transition: all 0.4s ease; */
}

.accordion-2 .accordion-2-title a.active:after {
	content: "\f068";
	color: #f2717d;
}

.accordion-2-title ul li {
	display: inline-block;
	color: #000;
	padding-right: 50px;
	position: relative;
	/* font-weight: bold; */
	font-size: 12px;
}

.accordion-2-title.active {

	color: #f2717d
}

.accordion-2-title.active a.active {
	color: #f2717d
}

.ftnr_track {
	display: flex;
	justify-content: space-around;
	margin-top: 20px
}

.ftnr_track .form-filed {
	width: 80%;
	position: relative;
}

.width100 {
	width: 95%
}

.ftnr_track .custom_select {
	display: block !important;
	margin: inherit !important;
}

.ftnr_track .select-arrow {
	right: 20px
}

.ftnr_track [class*="col-"] {
	padding: 0px 3px;
}

.ftnr_track .form-filed .frmResLbl {
	display: block;
	margin-bottom: 10px
}



/**FTNR**/
.ftnr_section_row {
	margin-top: 10px;
	border-top: 2px solid #6b105d;
	padding-top: 20px;
}

.ftnr_form_style .frmResLbl {
	display: block;
	margin-bottom: 5px;
}

.ftnr_form_style input,
.ftnr_form_style select,
.ftnr_form_style textarea {
	width: 100% !important;
}

.ftnr_form_style .custom_select {
	display: block;
}

.attach {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}

.attach li {
	display: inline-block;
	position: relative;
}

.attach li:last-child {
	margin-left: 30px;
}

.ftnr_form_style input[type="text"],
.ftnr_form_style select,
.ftnr_form_style textarea {
	padding: 0px 0px 0px 10px;
}

.ftnr_form_style input[type="text"]+a img,
select+a img,
textarea+a img {
	border-left: 0;
	top: 0;
	left: -1px;
	padding: 3px 5px;
}

.ftnr_form_style a.button {
	height: 26px;
	min-width: inherit;
	padding: 10px 10px;
	margin-left: 5px;
	margin-right: 0;
}

.ftnr_form_style .caret {
	position: absolute;
	margin-left: -17px;
}

.plusButton {
	text-decoration: none;
	font-size: 18px;
	border: 1px solid #737690;
	display: inline-block;
	padding: 0px 10px;
	border-radius: 5px;
	color: #737690
}

.minusButton {
	text-decoration: none;
	font-size: 18px;
	border: 1px solid #737690;
	display: inline-block;
	padding: 0px 10px;
	border-radius: 5px;
	color: #737690
}

.FTNRAttachment {
	text-align: right;
	padding: 0px 55px
}

.bg-red a {
	color: #000000 !important;
}

.bg-red a:hover {
	background: transparent;
	border: none;
}



.add_row {

	background: #fff !important;
	font-size: 24px;
	background: #fff;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1) !important;
	border: 1px solid #ccc;
	border-radius: 6px;
	height: 28px;
	width: 28px;
	line-height: 22px;
	cursor: pointer;

	margin-top: 25px;
	margin-left: 5px;
}

.add_row.remove_row {
	margin-top: 0px
}

.add_row:hover {
	color: #FFF;
	background: #f2717d !important;
}

.list_box {
	list-style: none;
	display: flex;
	padding: 0;
	justify-content: center;
}

.list_box_item {
	padding: 5px 15px;
	border: 1px solid #ccc;
}

.list_box_item .button {
	height: 100%;
	line-height: 38px;
}

.list_box_item .list_box_item_label {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	margin-right: 15px;
}

.list_box_item .list_box_item_label2 {
	font-size: 13px;
}

.list_box_item .icon-style {
	top: 0;
}

.list_box li .button {
	height: 100%;
	line-height: 10px;
	border-radius: 0;
	color: #FFF;
	background: #f2717d;
	border: 1px solid #ccc;
}

.list_box li .button:hover {
	color: #333;
	background: #fff;
}

.more-icon {
	text-align: center;
	cursor: pointer;
}

.dropdown-list {
	background: #fff;
	box-shadow: 0px 3px 22px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 22px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 3px 22px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 3px 22px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	z-index: 99;

	display: none;

	position: absolute;
	right: 0;
	min-width: 100px;
	height: 136px;
	transition: all 0.3s ease-in;

}

/* .more-options:hover .dropdown-list {
	opacity:1;
    visibility:visible;
} */

.dropdown-list.show {
	display: block;
}

.dropdown-list ul {
	list-style: none;
	padding: 10px;
	margin: 0;

}

.dropdown-list ul li {
	padding: 10px;
	cursor: pointer;
	display: flex;
	align-items: center;
}

.dropdown-list ul li:hover,
.dropdown-list ul li:foucs,
.dropdown-list ul li.active {
	background: #E9E9E8
}

.more-options .dropdown-list ul li i,
.more-options .dropdown-list ul li img {
	margin-right: 10px;
	font-size: 18px;
}

.more-options .dropdown-list ul li i.red {
	color: #ED3338
}

.btn-group .btns {
	background-color: #fff;
	border: 1px solid #C9C9C9;
	color: #b6b6b6;
	padding: 9px 15px;
	cursor: pointer;
	float: left;
	font-size: 14px;
}

.btn-group .btns.active {
	color: #000;
}

/* Clear floats (clearfix hack) */
.btn-group:after {
	content: "";
	clear: both;
	display: table;
}

.btn-group .btns:not(:last-child) {
	border-right: none;
	/* Prevent double borders */
}

.btn-group .btns:first-child {
	border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	-o-border-radius: 5px 0px 0px 5px;
}

.btn-group .btns:last-child {
	border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	-o-border-radius: 0px 5px 5px 0px;
}


/* Add a background color on hover */
.btn-group button:hover {
	color: #000;
}

.sort select {
	height: 33px;
	line-height: 32px;
}

.sort .select-arrow {
	right: 12px;
	top: 12px;
}

.asending span {
	display: block;

}

/* Tooltip style */
.tooltips {
	position: relative;
}

.tooltips::before,
.tooltips::after {
	position: absolute;
	left: 50%;
	opacity: 0;

	transition: all ease 0.3s;
}

.tooltips::before {
	content: "";
	border-width: 10px 8px 0px 8px;
	border-style: solid;
	border-color: #737690 transparent transparent transparent;
	top: -25px;
}

.tooltips::after {
	content: attr(data-tooltip);
	color: #fff;
	background: #737690;
	font-size: 11px;
	text-align: center;
	width: 60px;
	padding: 5px;
	margin-left: -30px;
	top: -20px;
	border-radius: 3px;

	transform: translateY(-100%);
}

.tooltips:hover::before,
.tooltips:hover::after {
	opacity: 1;
}

option:disabled {
	opacity: 1;
}

select:disabled {
	opacity: 1;
}



.minusButton {
	text-decoration: none;
	font-size: 18px;
	border: 1px solid #737690;
	display: inline-block;
	padding: 0px 10px;
	border-radius: 5px;
	color: #737690
}

.FTNRAttachment {
	text-align: right;
	padding: 0px 55px
}

.bg-red a {
	color: #000000 !important;
}

.bg-red a:hover {
	background: transparent;
	border: none;
}

/*****IDPMS, EDPMS & Bill catogories*****/
.h-v-center {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);

	background: #fff;
	padding: 20px;
	box-sizing: border-box;
}

.h-v-center1 {
	width: 80%;
	position: absolute;
	top: 25%;
	left: 40%;
	transform: translate3d(-50%, -50%, 0);

	background: #fff;
	padding: 20px;
	box-sizing: border-box;
}

.h-v-center2 {
	width: 80%;
	position: absolute;
	top: 72%;
	left: 40%;
	transform: translate3d(-50%, -50%, 0);

	background: #fff;
	padding: 20px;
	box-sizing: border-box;
}

.width960 {
	width: 100%;
	max-width: 660px;
}

.bill-catogories {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;

	justify-content: space-between;
	align-items: center;

}

.bill-catogories .bill-catogories-item {
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);

	padding: 20px 20px;
	width: 100%;
	margin: 20px;
	text-align: center;
	transition: all .2s ease-in-out;

}

.bill-catogories .bill-catogories-item:hover {
	transform: scale(1.1);
}

.bill-catogories .bill-catogories-item ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.bill-catogories .bill-catogories-item ul li {
	margin-bottom: 20px
}

.foreign-usage {
	border-left: 3px solid #46C3DB;
}

.inland-usage {
	border-left: 3px solid #FF304F;
}

.foreign-sight {
	border-left: 3px solid #FFA45C;
}

.inland-sight {
	border-left: 3px solid #17B978;
}

.bill-catogories .bill-catogories-item header {
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 20px
}

.bill-catogories .bill-catogories-item.foreign-sight .radio_container:hover {
	color: #FFA45C;
}

.bill-catogories .bill-catogories-item.foreign-usage .radio_container:hover {
	color: #46C3DB;
}

.bill-catogories .bill-catogories-item.inland-sight .radio_container:hover {
	color: #17B978;
}

.bill-catogories .bill-catogories-item.inland-usage .radio_container:hover {
	color: #FF304F;
}

/******IDPMS,EDPMS & Bill catogories******/
.transaction-box {
	background: #ffffff;

	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);

	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 15px;
	border-left: 3px solid #333;

	transition: all .2s ease-in-out;
	cursor: pointer;

}

.transaction-box:hover {
	transform: scale(1.1);
}

.main-box .transaction-box {
	margin-bottom: 15px
}

.main-box .grpBoxHeader {
	text-align: center;
	margin-bottom: 20px;
	font-weight: 600;
	color: #707070;
	text-transform: uppercase;
}

.main-box .main-box-inner {
	position: relative;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	padding: 20px 15px;
	text-transform: uppercase;
	text-align: center;
}

.main-box .main-box-inner .label-text {
	color: #ACACAC;
	font-size: 14px;
	font-weight: 500;
}

.main-box .transaction-box.initiator {
	color: #FFA45C;
	border-left: 3px solid #FFA45C;
}

.main-box .transaction-box.initiator .transaction-request h1 {
	color: #FFA45C;
}

.main-box .transaction-box.authorizer {
	color: #46C3DB;
	border-left: 3px solid #46C3DB;
}

.main-box .transaction-box.authorizer .transaction-request h1 {
	color: #46C3DB;
}

.main-box .transaction-box.bank {
	color: #FF304F;
	border-left: 3px solid #FF304F;
}

.main-box .transaction-box.bank .transaction-request h1 {
	color: #FF304F;
}

.main-box .transaction-request h1 {
	color: #FFA45C;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
}

.transaction-categories .activeSpanHyper:hover {
	color: #737690;
}

.main-box-inner .radio_panel {
	margin-bottom: 30px;
}

.transaction-categories ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	list-style: none;
	margin: 0
}

.transaction-categories ul li {
	padding: 0px 5px;
	text-align: center;
}

.transaction-categories ul li .count {
	font-size: 20px;
	font-weight: 600;
	color: #737690;
	margin: 0px;
	cursor: pointer;
}

.transaction-categories ul li .count a {
	color: #737690;
	text-decoration: none
}

.transaction-categories ul li .count:hover {
	color: #f2717d;
}

.transaction-categories ul li .name {
	font-size: 12px;
	font-weight: 400;
	color: #ACACAC;
}

.transaction-categories ul li h1 {
	margin: 0;
	/* margin:0px 0px 0px -79px; */
	color: #737690;
}

.updated-details p {
	margin: 0px;
}

.main-box-inner .count a {
	color: #737690;
	text-decoration: none;
}

.main-box-inner .count a:hover {
	color: #f2717d;
}

.main-box-inner .count a.color2 {
	color: #FF6876;
	text-decoration: none;
}

.main-box-inner .button {
	width: 50%
}

.ftnr_section table {
	border-collapse: collapse;
	width: 100%;
}

.ftnr_section table th {
	background-color: #f2f2f2;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 10px;
}

.ftnr_section table td {
	font-size: 13px;
	font-weight: 500;
	padding: 5px 10px;
}

.ftnr_section table th,
.ftnr_section table td {

	color: #000;
	text-align: left;
	border: 1px solid #ddd;
}

.ftnr_section table td input,
.ftnr_section .date input {
	border: 0px;
}

.ftnr_section table tr:nth-child(even) {
	background-color: #f2f2f2;
}

.ftnr_section table tr:hover {
	background-color: #ddd;
}

.ftnr_section .date {
	margin: 10px 0px 10px 0px;
}

.ftnr_section .date .frmResLbl,
.ftnr_section .date input {
	font-size: 13px;
	font-weight: 600;
	color: #000;
}

.ftnr-detail .largescreentitle {
	text-align: center
}

.ftnr_section .checklist_table td {
	font-weight: 400 !important;
}

.checklist .radio_panel .checkbox {
	display: flex;
	padding: 0px 30px;
}

.ftnr_section .screenlabel {
	margin-bottom: 20px;
}

.ftnr_section .screenlabel thead tr th:first-child {
	width: 80px;
}

.ftnr_section .screenlabel thead tr th:nth-child(2) {
	width: 125px;
}


.outstanding-list
{
	padding: 0;
    margin: 0;
    width: 100%;
    display:flex;
    flex-wrap: wrap;
    list-style: none;
    min-height: 215px;
    border: 1px solid #c4c4c4;
}
.outstanding-list .outstanding-list-item
{
	width:49.7%;
	text-align:center;
	border-bottom: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
	    display: flex;
    align-items: center;
    flex-direction: column;
}
.outstanding-list .outstanding-list-item:last-child,.outstanding-list .outstanding-list-item:nth-child(2)
{
	border-right : none
}

.outstanding-list .outstanding-list-item .count h2
{
	color: #737690;
	font-size: 22px;
	font-weight: 600;
	margin:16px 0px;
}
.outstanding-list .outstanding-list-item h1
{
	color: #737690;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	margin:0px;
	position: relative;
}
.outstanding-list .outstanding-list-item h1::before
{
	content:"";
	position: absolute;
	left: 25%;
	top: 120%;
	
	width: 50px;
	height: 2px;
	background: #737690;
	
}
.outstanding-list .outstanding-list-item h1.outstanding::before
{
	background: #46C3DB;

}
.outstanding-list .outstanding-list-item h1.under-process::before
{
	background: #FFA45C;

}
.outstanding-list .outstanding-list-item h1.overdue::before
{
	background: #FF304F;
	width:35px;

}
.outstanding-list .outstanding-list-item h1.total::before
{
	background: #17B978;
	width:25px;
}

.outstanding-list .outstanding-list-item h1.outstanding
{
	color: #46C3DB;

}
.outstanding-list .outstanding-list-item h1.under-process
{
	color: #FFA45C;

}
.outstanding-list .outstanding-list-item h1.overdue
{
	color: #FF304F;

}
.outstanding-list .outstanding-list-item h1.total
{
	color: #17B978;
}

.export-box
{
	border-left: 2px solid #707070; 
}

.outstanding-box
{
	border-left: 2px solid #2F89FC; 
}
.outstanding-box .row
{
	margin-bottom:0px;
}
.outstanding-box .radio_panel {
    margin-bottom: 0px;
}
.shipping-bill-box
{
	border-right: 2px dotted #707070;
}

.workflow-panel{position: relative}
.workflow-list 
{
	width: 100%;
    margin: auto;
    list-style: none;
    display: flex;

    padding: 0px;
    flex-wrap: wrap;
    /* justify-content: flex-end; */
    max-width: 860px;
    position: relative;
    
    padding: 0px 50px;
}
.workflow-list ul{display:flex; width: 100%; position:relative}

.indicates ul
{
	list-style:none;
	margin:0;
	padding:0;
	display: flex;
	justify-content: flex-end;
	justify-content: flex-start;
}
.indicates ul li
{
	font-weight: 400;
	color: #333;
	position: relative;
	    font-size: 12px;
    padding: 0px 25px;
}
.indicates ul li.indicates_mandatory::before, .indicates ul li.indicates_mandatory::after,.indicates ul li.indicates_Nonmandatory::before, .indicates ul li.indicates_Nonmandatory::after
{
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	left: 0px;
	
}
.indicates ul li.indicates_mandatory::after
{
	width: 10px;
    border-color: #e70909;
    border-style: solid;
    border-bottom: 1px;
}
.indicates ul li.indicates_Nonmandatory::after
{
	width: 10px;
    border-color: #333;
    border-style: dotted;
    border-bottom: 1px;
	
}
.workflow-list-item 
{
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 5px;
    padding: 0px 10px;
    min-width: 26%;
    height: 70px;
    margin: 15px 30px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    display: flex;
        justify-content: flex-end;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    line-height: 5px;
    
    cursor: pointer;
}
/* .workflow-list-item:first-child::after */
/* { */
	/* content: ""; */
    /* display: block; */
    /* position: absolute; */
    /* top: 50%; */
    /* border-style: dotted; */
    /* border-color: #333; */
    /* border-bottom: 2px; */
    /* left: -59px; */
    /* width: 32%; */
    /* z-index: 0; */
/* }  */
.workflow-list-item.mandatory::before 
{
	border-style: solid;
    border-color: #e70909;
    border-bottom: 2px;
}
.workflow-list-item.mandatory:nth-child(3n)::before
{
	border-style: solid;
    border-color: #e70909;
    border-bottom: 2px;
}

.workflow-list ul:first-child::before{
	content: "";
    display: block;
    position: absolute;
    top: 50%;
    border-style: dotted;
    border-color: #333;
    border-bottom: 2px;
    left: 0;
    width: 10%;
}

.workflow-list ul:nth-child(even){
  justify-content:flex-end;	
}
.workflow-list ul:nth-child(even) .workflow-list-item:first-child::after{
   position: absolute;
    border-right: 2px;
    border-style: dotted;
    border-color: #333;
    height: 100%;
    left: 50%;
    top: 100%;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
}

.workflow-list ul:nth-child(even) .workflow-list-item:last-child::before{
position: absolute;
    border-right: 0px;
    border-style: none;
    border-color: #333;
    height: 100%;
    left: 50%;
    top: 100%;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
}
 .workflow-list ul:nth-child(even) .workflow-list-item.mandatory:first-child::after{
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    border-style: solid;
    border-color: #e70909;
    border-bottom: 2px;
    left: 50%;
    width: 100%;
    z-index: 0;
} 

 .workflow-list ul:nth-child(even) .workflow-list-item:first-child::after{
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    border-right: 2px;
    border-style: dotted;
    border-color: #333;
    height: 100%;
    left: 50%;
    top: 100%;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    z-index: 0;
}
 


/* .workflow-list ul:last-child .workflow-list-item::after{ */
	/* border-style:none !important; */
/* } */

/* .workflow-list ul:last-child .workflow-list-item:last-child::after{ */
     /* content:"End"; */
	 /* display: block; */
	 /* position: absolute; */
	 /* background: #1269b3; */
	 /* color: #ffffff; */
	 /* border-radius: 100px; */
	 /* height: 50px; */
	 /* width:50px; */
	/* font-size: 12px; */
	/* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    /* font-weight: 600; */
	/* margin-left: 65px; */
	/* left:100% */
/* } */
/* .workflow-list ul:last-child .workflow-list-item:nth-child(1)::after, .workflow-list ul:last-child .workflow-list-item:nth-child(2)::after */
/* { */
	/* margin-left: 60px; */
    /* left: 100%; */
/* } */


/* .workflow-list ul:last-child .workflow-list-item:nth-child(1)::after, .workflow-list ul:last-child .workflow-list-item:nth-child(2)::after */
/* { */
	/* margin-left: 60px; */
    /* left: 100%; */
/* } */


/* .workflow-list-item:first-child.mandatory::after 
{
	border-style: solid;
    border-color: #ccc;
    border-bottom: 2px;
} */
.workflow-list-item::before
{
	content: "";
    display: block;
    position: absolute;
    top: 50%;
    border-style: dotted;
    border-color: #333;
    border-bottom: 2px;
    left: 100%;
    width: 30%;
}
 /* .workflow-list-item:last-child::before */
/* { */
	/* width: 50%; */
	/* border-style: none; */
/* }  */
 .workflow-list ul:nth-child(even):last-child .workflow-list-item:first-child::after 
{ 
	content: "End";
    display: block;
    position: absolute;
    left: -124px;
    top: 10%;
    z-index: 99;
    background: #e70909;
    color: #ffffff;
    border-radius: 100px;
    height: 50px;
    width: 50px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    border-style: none;
}
 .workflow-list ul:nth-child(odd):last-child .workflow-list-item:last-child::after 
{ 
	content: "End";
    display: block;
    position: absolute;
    left: 280px;
    top: 10%;
    z-index: 99;
    background: #e70909;
    color: #ffffff;
    border-radius: 100px;
    height: 50px;
    width: 50px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;

}
 .workflow-list ul:nth-child(odd):last-child .workflow-list-item:last-child::before{
	 border-style: none;
 }
.workflow-list-item:nth-child(3n+0)::after
{
	    top: 160%;
	    left: 30%;
}
.workflow-list-item:nth-child(3n)::before
{
    position: absolute;
    border-right: 2px;
    border-style: dotted;
    border-color: #333;

    height: 100%;
    left: 50%;
    top: 100%;

    border-top: 0;
    border-bottom: 0;
    border-right: 0;
}
 .workflow-list-item:nth-child(3n)::after
{
    position: absolute;
    border-style: none;
    border-color: #333;

    left: 35%;
    top: none;

    border-top: 0;
    border-bottom: 0;
    border-right: 0;
}
 

/* .workflow-list-item:nth-child(6n)::before */
/* { */
   /* left: 50% !important; */
/* } */
/* .workflow-list-item:nth-child(9n)::before
{
    
    border:0;
} */

/* .workflow-list-item:last-child::after
{
	content: "";
    position: absolute;
    border-style: dotted;
    border-color: #333;
    left: 100%;
    top: 50%;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    width: 50%;
} */




.workflow-list-item h1{margin: 0px; margin-bottom: 15px;     margin-top: 12px;}
.workflow-list-item p{magin:0px}

/* .workflow-list-item.fm{border:2px solid #46C3DB; color: #46C3DB;}
.workflow-list-item.fc{border:2px solid #E6C073; color: #E6C073;}
.workflow-list-item.cmpl{border:2px solid #2F89FC; color: #2F89FC;}
.workflow-list-item.sm{border:2px solid #107A8B; color: #107A8B;}
.workflow-list-item.sc{border:2px solid #FFD615; color: #FFD615;}
.workflow-list-item.finc{border:2px solid #17B978; color: #17B978;}
.workflow-list-item.finm{border:2px solid #C94E4E; color: #C94E4E;}
.workflow-list-item.trsy{border:2px solid #FCB1B1; color: #FCB1B1;}
.workflow-list-item.swiftc{border:2px solid #85203B; color: #85203B;}
.workflow-list-item.s2{border:2px solid #CAA5F1; color: #CAA5F1;}
.workflow-list-item.swiftm{border:2px solid #FFA45C; color: #FFA45C;} */



/* .workflow-list::before
{
	    content: "Start";
    display: block;
    position: relative;
    left: -100px;
    top: 10%;
    background: #1269b3;
    color: #ffffff;
    border-radius: 100px;
    height: 70px;
    width: 70px;
    margin: 0px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    margin-top:35px;
    margin-right:45px;
} */
/* .workflow-list::after
{
	content:"End";
	display: block;
	margin-top: 35px;
	position: absolute;
	right: 0;
    bottom: 10%;
	background: #1269b3;
	color: #ffffff;
	border-radius: 100px;
	height: 70px;
	width:70px;
	font-size: 14px;
	display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
} */

/* .workflow-list .start, .workflow-list .end
{
	position: absolute;
	background: #CCCCCC;
	color: #333333;
	border-radius: 100px;
	height: 70px;
	width:70px;
	margin: 0px;
	font-size: 14px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.workflow-list .start
{
	left: -80px;
    top: 10%;
}
.workflow-list .end
{
	    right: -80px;
    bottom: 15%;
} */
.overlay
{
	width: 100%;
	height: 100%;
	background: rgb(29,134,255,0.8);
    color: #fff;
	
	position:absolute;
	left:0;
	right:0;
	
	opacity:0;
	overflow: hidden;
	
	transition: all 0.3s ease;
}
/* .workflow-list-item:hover .overlay
{
	opacity:1;
	overflow: visible;
} */
.workflow-list-content
{
	padding: 10px;
	box-sizing: border-box;
}
.workflow-list-content h2
{
	margin: 5px 0;
	font-size: 12px;
}
.workflow-list-item.fm:hover .overlay{background:#46C3DB; color: #ffffff;}
.workflow-list-item.fc:hover .overlay{background:#E6C073; color: #ffffff;}
.workflow-list-item.cmpl:hover .overlay{background:#2F89FC; color: #ffffff;}
.workflow-list-item.sm:hover .overlay{background:#107A8B; color: #ffffff;}
.workflow-list-item.sc:hover .overlay{background:#FFD615; color: #ffffff;}
.workflow-list-item.finc:hover .overlay{background:#17B978; color: #ffffff;}
.workflow-list-item.finm:hover .overlay{background:#C94E4E; color: #ffffff;}
.workflow-list-item.trsy:hover .overlay{background:#FCB1B1; color: #ffffff;}
.workflow-list-item.swiftc:hover .overlay{background:#85203B; color: #ffffff;}
.workflow-list-item.s2:hover .overlay{background:#CAA5F1; color: #ffffff;}
.workflow-list-item.swiftm:hover .overlay{background:#FFA45C; color: #ffffff;}


  
  /* .workflow-list .workflow-list-item:nth-child(1){order: 0} */
  /* .workflow-list .workflow-list-item:nth-child(2){order: 1}  */
  /* .workflow-list .workflow-list-item:nth-child(3){order: 2}  */
  /* .workflow-list .workflow-list-item:nth-child(4){order: 6} */
  /* .workflow-list .workflow-list-item:nth-child(5){order: 4;}  */
  /* .workflow-list .workflow-list-item:nth-child(6){order: 3}  */
  /* .workflow-list .workflow-list-item:nth-child(7){order: 6} */
  /* .workflow-list .workflow-list-item:nth-child(8){order: 7}  */
  /* .workflow-list .workflow-list-item:nth-child(9){order: 8}  */
  /* .workflow-list .workflow-list-item:nth-child(10){order: 9}  */
  /* .workflow-list .workflow-list-item:nth-child(11){order: 10;} */
  /* .workflow-list .workflow-list-item:nth-child(12){order: 11}  */
  /* .workflow-list .workflow-list-item:nth-child(13){order: 12} */
  /* .workflow-list .workflow-list-item:nth-child(14){order: 13} */
  /* .workflow-list .workflow-list-item:nth-child(15){order: 14} */
  /* .workflow-list .workflow-list-item:nth-child(16){order: 15} */
  /* .workflow-list .workflow-list-item:nth-child(17){order: 16} */
  /* .workflow-list .workflow-list-item:nth-child(18){order: 17} */
  /* .workflow-list .workflow-list-item:nth-child(19){order: 18} */
  /* .workflow-list .workflow-list-item:nth-child(20){order: 19}  */
  
  /* .workflow-list .workflow-list-item:nth-child(1)::after{ right: -160px} */
  /* .workflow-list .workflow-list-item:nth-child(2)::after{right: -160px } */
  /* .workflow-list .workflow-list-item:nth-child(7)::after{ right: -160px} */
  /* .workflow-list .workflow-list-item:nth-child(8)::after{right: -130px } */
  
  /* .workflow-list .workflow-list-item:nth-child(4)::before, .workflow-list .workflow-list-item:nth-child(5)::before, .workflow-list .workflow-list-item:nth-child(6)::before, .workflow-list .workflow-list-item:nth-child(10)::before { */
   
    /* right: 100%; */
    /* left: inherit; */

/* } */

.flex-end
{
	justify-content: flex-end;
}
.indicates ul
{
	list-style:none;
	margin:0;
	padding:0;
	display: flex;
	justify-content: flex-end;
}
.indicates ul li
{
	font-weight: 400;
	color: #333;
	position: relative;
	    font-size: 12px;
    padding: 0px 25px;
}
.indicates ul li.indicates_mandatory::before, .indicates ul li.indicates_mandatory::after,.indicates ul li.indicates_Nonmandatory::before, .indicates ul li.indicates_Nonmandatory::after
{
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	left: 0px;
	
}
.indicates ul li.indicates_mandatory::after
{
	width: 10px;
    border-color: #e70909;
    border-style: solid;
    border-bottom: 1px;
}
.indicates ul li.indicates_Nonmandatory::after
{
	width: 10px;
    border-color: #333;
    border-style: dotted;
    border-bottom: 1px;
	
}
.start{
	  position:relative; 
      display: flex;
     justify-content: center;
     align-items: center; 
  }
.start::after
{
	content: "Start";
    display: block; 
    
    width: 50px;
    height: 50px;
    
    border-radius: 100px;
    background: #6b105d;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    
     position: absolute;
    left: -248px;
    top: -26px;
     z-index: 1;
     
     display: flex;
     justify-content: center;
     align-items: center;
}
 
 .workflow-list ul:last-child:nth-child(odd) .workflow-list-item:last-child h1::before { 
 	content: ""; 
 	display: block; 
 	position: absolute; 
 	top: 50%; 
 	border-style: solid; 
 	border-color: #e70909; 
 	border-bottom: 2px; 
 	left: 100%; 
 	width: 30%; 
 } 
 
 .workflow-list ul:last-child:nth-child(even) .workflow-list-item:first-child h1::before {
  	content: ""; 
  	display: block;
   	position: absolute;
    top: 50%; border-style: solid;
    border-color: #e70909; 
    border-bottom: 2px;
    right: 100%;
    width: 30%; 
 }