@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400&display=swap');
body {
   margin: 0;
   /*! font-family: 'Raleway', sans-serif !important; */
   overflow-x: hidden;
font-family: 'Lato', sans-serif;
}

#cmodel{
	overflow: auto!important;
/* 	height: fit-content; */
height: auto !important;
}
.docimg {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 5px;
	width: 150px;
}

.reload_bal {
	text-decoration: underline;
}

.asyncloader-retail{
	height: 25px!important;
    width: 25px!important;
    z-index: 999!important;
    position: absolute!important;
     margin-top: 3%!important;
    margin-left: 90%!important;
}

.asyncloader-corp{
	height: 25px!important;
    width: 25px!important;
    z-index: 999!important;
    position: absolute!important;
    margin-left: -11%!important;
}
.asyncloader-corp1 {
    height: 25px!important;
    width: 25px!important;
    z-index: 999!important;
    position: absolute!important;
/*     margin-left: 90%!important; */
/*     margin-top: -11%!important; */
    margin-left: -10%!important;
    margin-top: 2%!important;
}

#benif_title {
	width: 100%;
	margin-bottom: 3%;
}

.inner-padding {
	padding: 20px 0px;
}
.swiftform {
	margin-right: 1% !important;
	margin: 0 1% 0 0 !important;
	width: 49% !important;
	float: left !important;
}

.td-btn:hover {
	background-color: #e62e53 !important;
	color: #fff !important;
}

.div-aligner {
	padding: 8% 3%;
	position: relative;
}

.corp-select-charge {
	width: 25%;
	margin-bottom: 10px;
}

.corp-txn-btn {
	margin: 3% 3% 0 0;
	/* width: 95%; */
}

.search-icon {
	height: 13px;
	z-index: 999;
	/* float: left; */
	position: absolute;
	/* margin-left: -25px; */
	margin-top: 12px !important;
	cursor: pointer;
	text-align: right;
	fill: #6e6e6e;
	right: 11px;
	width: 16px;
}

.forgotswift {
	width: 20%;
	float: right;
	color: #d13239;
	position: relative;
}

.swtlist>li {
	text-align: left;
	padding: 1% 4% 1% 6%;
	color: #d13239;
	float: left;
	width: 51%;
	cursor: pointer;
}

.swtlist>li:hover {
	background: #2d2d2d !important;
	color: #ffff !important;
}

.centr {
	text-align: center;
}

.titlebar h2, .titlebar h3 {
	margin-top: 0px !important;
}

.imgcls {
	/* width: 101px !important; */
	/* height: 46px !important; */
}

input:focus, .select-style:focus-within, textarea:focus,selectboxdiv:focus {
	outline: none;
	border-color: #323F48;
}


.corplogo {
	width: 12%;
	height: 6%;
	margin-bottom: 0%;
	margin-top: 0%;
}

/* .corplogo{
    width: 22%;
    height: 9%;
    margin-bottom: -3%;
    margin-top: -4%;
} */
.notfound {
	font-size: 6;
	color: red;
	display: block;
	padding-top: 175px;
	margin-left: 154px;
	clear: left;
}

.datatbltxtaln {
	text-align: center !important;
	border: 1px solid gray;
}

.totrn {
	margin-right: 145px;
	margin-top: 12px;
}

.trnshead {
	width: 44px;
	margin: 0px;
	height: 33px;
	margin-top: 4%;
	margin-left: -66%;
}

.frstradio {
	margin-top: -26%;
	margin-left: 37%;
	width: 84px !important;
	border-bottom: none !important;
	white-space: pre-wrap !important;
}

.secradio {
	padding-left: 45%;
	white-space: pre-wrap !important;
	width: 145px !important;
	margin-top: -33%;
	border-bottom: none !important;
}

.balstyle h3 {
	font-weight: 600;
	color: #e62e53;
	padding-left: 88px;
	margin-top: -14px;
}

.balstyle {
	background: #fff;
	width: 100%;
	z-index: 9999;
	padding: 5px 6px 5px;
	/* display: none; */
	/* border-bottom: 1px solid #dcddde; */
	float: left;
}

.innerstyle {
	float: right;
	margin-right: 196px;
	margin-top: 21px;
}

.green {
	color: green;
}

.red {
	color: red;
}

.innerstyle h3 {
	font-weight: 600;
	color: #e62e53;
	padding-left: 135px;
	margin-top: -14px;
}

.lnk {
	color: #e62e53;
	text-decoration: underline;
}

.lnkbttn {
	color: #e72f53 !important;
	border-bottom: 1px solid #e72f53;
	/* background-color: #e62e53; */
	/* padding:  5px; */
	display: inline;
}

.warn {
	color: #ffc812;
}

.modif {
	height: 19px;
	margin-top: -3px;
	width: 57px;
	margin-left: 29px;
	margin-right: 98px;
	margin-bottom: -85px;
	line-height: 0px !important;
}

.header {
	font-weight: normal;
}
/*     width: 98px; */
.load {
position: absolute !important;
    top: 29% !important;
    left: 9% !important;
    width: 18px !important;
    z-index: 210 !important;
    background: none;
}

.bck {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	opacity: 0.5 !important;
	background: grey !important;
	z-index: 10 !important;
	pointer-events: none !important;
	filter: alpha(opacity = 50) !important;
	-webkit-touch-callout: none !important; /* iOS Safari */
	-webkit-user-select: none !important; /* Safari */
	-khtml-user-select: none !important; /* Konqueror HTML */
	-moz-user-select: none !important; /* Firefox */
	-ms-user-select: none !important; /* Internet Explorer/Edge */
	user-select: none !important;
}

.invisible {
	display: none !important;
}

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

/* override all the font color */
.contact-form .doubley {
	color: black !important;
}

.frmpart p, .capty p, .step-pane p {
	color: black !important;
}

.input__label--akira {
	color: black !important;
}

.footer {
	color: black !important;
}

.wrapp form p.intro {
	color: black !important;
}

.regist {
	color: black !important;
}

.cancel {
	color: black !important;
}

.widgets li p {
	color: black !important;
}

.titlebar h2, .titlebar h3 {
	color: black !important;
}

.widgets li h4 {
	color: black !important;
}

p {
	color: black !important;
}

label, p {
	color: black !important;
}

.asidemenu li a {
	color: black;
}

.titlebar h2, .titlebar h3 {
	color: black !important;
}

.rightcontent {
	color: black !important;
}

.rightcontent.ben .tabs-menu a, .rightcontent.ben .tabs-menu2 a {
	color: black !important;
}

.dataTables_wrapper .dataTables_filter input {
	color: black !important;
}

table.dataTable thead .sorting_asc {
	color: black !important;
	font-size: small;
}

table.dataTable thead .sorting {
	color: black !important;
	font-size: small;
}

table.dataTable.no-footer {
	color: black !important;
}

table.dataTable thead th, table.dataTable thead td {
	color: black !important;
	font-size: small;
}

.dataTables_wrapper .dataTables_filter label::after, input[type="search"]::after
	{
	color: black !important;
}

.titlebar h2, .titlebar h3 {
	color: black !important;
}

.asidemenu.profmgt li, .favsall.profmgt li {
	color: black !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover
	{
	color: black !important;
}

.paginate_button.previous {
	color: black !important;
}


/*PRELOADING------------ */
#overlayer {
  width:100%;
  height:100%;
  position: fixed;
  z-index:9999;
  background: #cb33393b;
}
.loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  /* z-index:3; */
  border: 4px solid #Fff;
  top: 50%;
  animation: loader 2s infinite ease;
  margin: auto;
  left: 0;
  right: 0;
  z-index: 9999;
}

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #ffffff;
  animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  
  25% {
    transform: rotate(180deg);
  }
  
  50% {
    transform: rotate(180deg);
  }
  
  75% {
    transform: rotate(360deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-inner {
  0% {
    height: 0%;
  }
  
  25% {
    height: 0%;
  }
  
  50% {
    height: 100%;
  }
  
  75% {
    height: 100%;
  }
  
  100% {
    height: 0%;
  }
}

table.dataTable thead .sorting {
    background-position: 100%;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    background: #e92a50;
}

.angularpopup{
color: red;
	padding-top: 3px;
	clear: left;
	font-style: italic;
	font-size: 15px;
	
}

.angularerror {
	color: red;
	padding-top: 3px;
	clear: left;
	font-style: italic;
	font-size: 12px;
}
.angularerror.snackbar {
    color: red;
    display: block;
    padding-top: 3px;
    margin-left: 10px;
    clear: left;
    font-style: italic;
    font-size: 12px;
    position: fixed;
    z-index: 1;
    right: 0;
    font-size: 14px;
    top: 78px;
background: none;}

 


.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 15px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

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

	.asidemenu li:hover .st0{fill:#fff !important;}
	.asidemenu li:hover .st1{fill:#fff !important;}