/****** Default Style *******/

body,html {
	height: 100%;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

body {
	background-color: #f2f2f7; 
}



/****** Fonts *******/

@font-face {
  font-family: ggb;
  src: url('fonts/Gilroy-GEO-Black.ttf');
}

@font-face {
  font-family: ggh;
  src: url('fonts/Gilroy-GEO-Heavy.ttf');
}

@font-face {
  font-family: gb;
  src: url('fonts/Gilroy-Black.ttf');
}

@font-face {
  font-family: gbd;
  src: url('fonts/Gilroy-Bold.ttf');
}

@font-face {
  font-family: geb;
  src: url('fonts/Gilroy-ExtraBold.ttf');
}

@font-face {
  font-family: gh;
  src: url('fonts/Gilroy-Heavy.ttf');
}

@font-face {
  font-family: gl;
  src: url('fonts/Gilroy-Light.ttf');
}

@font-face {
  font-family: gm;
  src: url('fonts/Gilroy-Medium.ttf');
}

@font-face {
  font-family: gr;
  src: url('fonts/Gilroy-Regular.ttf');
}

@font-face {
  font-family: gsb;
  src: url('fonts/Gilroy-SemiBold.ttf');
}

@font-face {
  font-family: gt;
  src: url('fonts/Gilroy-Thin.ttf');
}

@font-face {
  font-family: gul;
  src: url('fonts/Gilroy-UltraLight.ttf');
}


/***** Theme Text Styles *****/

.noteTitle {
	font-family: gsb;
	font-size: 24px;
	color: #1c1c1c;
	padding-bottom: 10px;
}

.table-container {
	padding: 20px 0px 30px;
}

.table-container.trasactionDetails {
	padding: 20px 0px 5px;
}

.noteDetails {
	font-family: gr;
	font-size: 14px;
	color: #414141;
}

.noteDetailsInfo {
	font-family: gr;
	font-size: 12px;
	color: #6363666;
}

.table-container .table-note {
	display: inline-block;
	width: 100%;
}

.table-container .noteDetails {
    display: inline-block;
    float: left;
    padding: 0px 15px;
    position: relative;
    left: 12px;
}

.dataTables_paginate {
	margin: 0px auto !important;
}

.paginate_button {
	padding: 5px;
    font-size: 12px;
    font-family: gsb;
}

.paginate_button a {
	color: #1c1c1c;
}


.paginate_button.next a , .paginate_button.previous a{
	color: #007AFF;
}

.paginate_button.previous.disabled a,.paginate_button.next.disabled a{
	opacity: 0.5;
}

.table-container .noteDetails:nth-of-type(1) {
	border-right: 1px solid #f2f2f7;
}

.color-Theme {
	color: #007AFF !important;
}

.nav-tabs {
   border-bottom: 2px solid #c7c7cc;
}

.nav-tabs .nav-item {
	width: 160px;
	text-align: center;
}

.font-bold {
	font-family: gsb;
}

.nav-tabs .nav-link{
   border: 0px;
   padding: 0.4286em .8575em
}

.dataTables_filter {
	display: none;
}

a.redirectLink,a.redirectLink:hover{
	color: #007AFF;
	text-decoration: none;
	outline: none;
}

.modal .heading {
	color: #414141;
	font-family: gm;
	font-size: 20px;
	padding-bottom: 5px;
}

.modal .description {
	color: #414141;
	font-family: gr;
	font-size: 14px;
	padding-bottom: 5px;
}

.modal-content .modal-header {
	display: inline-block;
}

.modal-content .modal-footer {
	padding: 10px;
}

.modal-content .modal-footer .btn-theme {
	background: #007AFF;
	color: #fff;
	height: 48px;
	line-height: 48px;
	font-size: 14px;
}

.expireNote {
	color: #414141;
	font-size: 12px;
	font-family: gm;
}

.expireNote .counter {
	color: #FF1C1C;
}

.expireNote .resendOtp {
	color: #007AFF;
	text-decoration: underline;
	outline: none;
	cursor: pointer;
}

/************ Tabs *************/

#myTabContent {
	padding: 25px 0px
}

#myTabContent table{
	margin-top: 35px !important;
}

#trasactionTabs {
	position: relative;
	padding: 0px;
}

.table-tabs {
	padding-top: 20px;
}

#reportrange {
	position: absolute;
	right: 30px;
    top: 60px;
	max-width: 225px;
	font-size: 14px;
	font-family: gsb;
	background: #FAFBFD !important;
    border: 1px solid #E0E0E0 !important;
    border-radius: 5px;
}

.dt-button {
	background: transparent;
	border: 1px solid #E0E0E0 !important;
    border-radius: 5px;
	display: table;
    padding: 5px 20px;
    cursor: pointer;
}

.dt-button span {
	font-size: 14px;
	font-family: gr;
	display: table-cell;
	vertical-align: middle;
}

.dt-button:before {
    content: '';
    width: 11px;
    height: 10px;
    background-image: url(../media/ic_download.png);
    float: left;
    display: table-cell;
    vertical-align: middle;
    margin-top: 5px;
    margin-right: 10px;
}

.dt-button-collection .dt-button:before {
	display: none;
}

.dt-button-collection .dt-button {
	background: #fff;
}

.dt-buttons {
	position: relative;
}

.dt-buttons > button {
	margin-left: 30px;
}

.dt-button-collection {
    position: absolute;
    z-index: 1;
    top: 100%;
}

.dt-button-collection > div {
	border: 1px solid #e0e0e0;
    padding: 10px;
    background: #fafafa;
}

.dt-button-collection > div > .dt-button {
	margin-bottom: 5px;
	    width: 82px;
}

.btn-theme {
	height: 48px;
	background: #007aff;
	font-family: gm;
	font-size: 14px;
	color: #fff;
	line-height: 34px;
}

.btn-theme-blue {
	height: 36px;
    background: #007aff;
    font-family: gm;
    font-size: 12px;
    color: #fff;
    line-height: 28px;
    width: 125px;
    padding: 5px;
    border-radius: 5px;
}

.btn-theme-grey {
	height: 36px;
    background: #f9f9f9;
    font-family: gm;
    font-size: 12px;
    color: #007aff;
    border: 1px solid;
    line-height: 28px;
    width: 125px;
    padding: 5px;
    border-radius: 5px;
}

.transactionTitle {
	color: #1c1c1c;
	font-size: 16px;
}

.table.recipt-table thead > tr {
	background: #f2f2f7;
}

.table thead > tr {
	background: #f8f9fb;
}

.table thead > tr > th {
	padding-top: 20px;
	padding-bottom: 20px;
}

.table.recipt-table thead > tr > th {
	padding: 0.75rem;
}

.table thead > tr > th:after {
	display: none !important;
}

.table, .table > thead, .table th,.table td {
	border: 0px !important;	
}

.table-striped tbody tr:nth-of-type(odd) {
	background: transparent;
}

.table {
	border-top: 2px solid #c7c7cc !important;
}

.table.recipt-table {
	border: 0px !important;
}

.table th, .table td {
 border-bottom: 2px solid #c7c7cc !important;
}

.table.recipt-table td {
  border-bottom: 1px dashed #707070 !important;
  padding-top: 5px;
  padding-bottom: 5px;
}

.profileTable input[readonly='readonly']{
	border: 0px;
	cursor: not-allowed;
}

.profileTable {
	border-top: 1px solid #c7c7cc !important;
}

.profileTable .bmd-form-group {
	padding-top: 0px;
}

.profileTable tr td {
	border-bottom: 1px solid #c7c7cc !important;
}

.profileTable tr:nth-of-type(1) td {
	border: 0px !important;
}
.profileTable input{
	width: 125px;
}

.table-scorll table{
	min-width: 500px; 
}

.table.recipt-table th ,.table.recipt-table tfoot td,.table.recipt-table.payment-details-table tr td{
	border: 0px !important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	background: #007aff;
}

.table.recipt-table.payment-details-table tr.bdr-bottom td {
  border-bottom: 1px dashed #707070 !important;
}

.table.recipt-table.payment-details-table tr.bdr-bottom td:nth-last-of-type(1) {
	border: 0px !important;
}

.table th {
	font-size: 14px !important;
	font-family: gsb;
	color: #1c1c1c !important;
}
.table td {
	font-size: 14px !important;
	font-family: gr;
}

.table tbody .btnData {
	border: 1px solid #AEAEB2;
    padding: 2px 5px;
    font-size: 14px;
    border-radius: 4px;
}

.border-box {
	padding: 15px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
}


/****** Nav Bar *******/

a,
a:hover,
a:focus {
    transition: all 0.3s;
}

.header {
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    position: fixed;
    width: 100%;
    height: 58px;
    background: #fff;
    z-index: 1;
    padding-right: 50px;
}

.header .navbar {
	box-shadow: none;
}

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

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

.showResponsive {
	display: none;
}

/* ---------------------------------------------------
    HEADER STYLE
----------------------------------------------------- */

.header .content-left {
	display: inline-block;
	min-width: 275px;
	padding: 20px 20px 0px;
}

.header .content-left .siteLogo {
	display: inline-block;
    float: left;
    padding: 0px 30px;
}

.header .content-left .navbar {
	float: right;
    padding-right: 0px;
    padding-top: 0px;
}

.header .content-left .navbar .container-fluid {
	padding: 0px;
}

.header .content-right {
    padding: 15px 0px 0px 25px;
    float: right;
    min-width: 300px;
    display: inline-block;
}

.header .content-right > div {
	float: left;
	padding-right: 30px;
}

.header .notifications {
	position: relative;
	display: block;
}

.header .notifications .count{
    position: absolute;
    background: #fafafa;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0 0 3px #007aff;
    font-size: 12px;
    color: #007aff;
    font-family: -webkit-pictograph;
    top: -7px;
    right: -15px;
}

.header .accountInfo img {
	float: left;
	margin-right: 15px;
	width: 28px;
	height: 28px;
}

.header .accountInfo .accountTitle {
    font-family: gsb;
    font-size: 14px;
    line-height: 30px;
    max-width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    width: 100%;
}


#sidebar {
    width: 275px;
    position: fixed;
    top: 58px;
    left: 0;
    height: 100%;
    z-index: 999;
    background: #f5f5f5;
    color: #fff;
    transition: all 0.3s;
    border-right: 1px solid #eaeaea;
}

#sidebar .components {
	height: 500px;
	overflow: hidden;
}

#sidebar.active {
    margin-left: -275px;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #fafafa;
    text-align: center;
    display: none;
}

#sidebar .sidebar-header .accountTitle {
	font-family: gsb;
    font-size: 14px;
    color: #1c1c1c;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li {
	border-bottom: 1px solid #eaeaea;
}

#sidebar ul li a {
    padding: 20px;
    color: #000;
    font-family: gr;
    font-size: 16px;
    display: block;
}

#sidebar ul li a:hover,a[aria-expanded="true"] {
    color: #007AFF;
    background: #fff;
    text-decoration: none;
}

#sidebar ul li.active>a{
    color: #fff;
    background: #007AFF;
}


a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    background-image: url('../media/ic_dropdown.png');
    background-repeat: no-repeat;
    border: 0px;
    width: 12px;
    height: 7px;
    transition: all 0.3s;
}

a[aria-expanded="true"].dropdown-toggle::after {
	transform: rotate(180deg);
    transition: all 0.3s;
}


ul ul a {
    padding-left: 30px !important;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

#loginConfirmation {
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}
#iframForm {
	margin: 0px auto;
	border-radius: 8px;
	width: 400px;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

.activeNav {
	overflow-x: hidden;
}

#content {
    width: calc(100% - 275px);
    padding: 40px;
    transition: all 0.3s;
    position: absolute;
    top: 58px;
    right: 0;
}

#content.active {
    width: 100%;
}

#sidebarCollapse {
	background: none !important;
    margin-bottom: 0px;
    padding: 0px;
}

#sidebarCollapse span {
  display: block;
  width: 33px;
  height: 3px;
  margin-bottom: 5px;
  position: relative;
  
  background: #1c1c1c;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

.content-tab {
	width: 940px;
	background: #fff;
	margin: 0px auto;
	border-top:4px solid #007aff;
	min-height: 250px;
	padding: 20px;
}

.full-width-content {
	padding-left: 0px;
	padding-right: 0px; 
}

.full-width-content > .row {
	padding: 0px 30px;
}

.theme-info-box {
	border: 1px solid #e0e0e0;
	border-radius: 3px;
}

.theme-info-box .infoBoxHeader {
	color: #1C1C1E;
	font-family: gm;
	font-size: 12px;
	padding: 15px 20px;
	border-bottom: 1px solid #e0e0e0;
	text-transform: uppercase;
}

.theme-info-box .infoBoxFooter {
	font-family: gm;
	font-size: 12px;
	padding: 15px 20px;
	text-align: center;
	border-top: 1px solid #e0e0e0;
	text-transform: uppercase;
	display: block;
}

.theme-info-box .footer-add {
	color: #FF2D55;
}

.theme-info-box .footer-send {
	color: #007aff;
}

.theme-info-box .footer-send:after {
	content: "";
    background-image: url(../media/ic_open_detail.png);
    background-repeat: no-repeat;
    width: 11px;
    height: 8px;
    margin-left: 8px;
    display: inline-block;
}

.theme-info-box .boxBody {
	padding: 15px;
}

.theme-info-box .boxBody a {
	display: block;
	text-align: center;
}

.balanceRow {
	display: table;
    table-layout: fixed;
    width: 100%;
    padding-bottom: 10px;
}

.balanceRow.invoiceRow {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e0e0e0;
}

.balanceRow.invoiceRow:nth-last-of-type(1) {
	border-bottom: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.balanceRow > .rowCol {
	display: table-cell;
    vertical-align: middle;
}

.creditInfo .descirition {
	color: #636366;
	font-size: 12px;
	font-family: gr;
}

.userAccounts .creditInfo .descirition {
	font-size: 10px;
}

.creditInfo .credit {
	color: #1c1c1c;
	font-size: 14px;
	font-family: gm;
}

.userAccounts .creditInfo .credit {
	font-size: 12px;
}

.creditIcon {
	width: 45px;
	height: 45px;
	border-radius: 23px;
	background-image: url('../media/ic_balance.png');
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #EFEFF4;
}

.userRowIcon {
	width: 43px;
	height: 43px;
	border-radius: 23px;
}

.userRowIcon img {
	vertical-align: middle;
}

.downloadIco {
	width: 10px;
	height: 10px;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../media/ic_download.png');
	margin-right: 10px;
	cursor: pointer;
}

.delIco {
	width: 10px;
	height: 13px;
	display: inline-block;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../media/ic_trash.png');
	cursor: pointer;
}


.balanceData {
	display: table;
	table-layout: fixed;
}

.creditInfo {
	padding-left: 10px;
}

.balanceData > span, .balanceData > div {
	display: table-cell;
	vertical-align: middle;
}

.currencyIcon {
	font-size: 10px;
    color: #000000;
    font-family: gm;
    border: 1px dashed #E5E5EA;
    padding: 10px 25px 10px 15px;
}

.creditCardRow {
	display: table;
	table-layout: fixed;
	background-color: #F8F9FD;
	padding: 15px;
	width: 100%;
}

.creditCardRow > span, .creditCardRow div {
	display: table-cell;
	vertical-align: middle;
}

.creditCardIcon {
	width: 32px;
	height: 25px;
	background-color: #fff;
	background-image: url('../media/ic_mastercard.png');
	background-position: center;
	background-repeat: no-repeat;
}

.creditCardInfo .descirition {
	color: #1c1c1c;
	font-family: gm;
	font-size: 12px;
	padding-left: 12px;
}
.creditCardLink a {
	color: #007AFF;
	font-family: gm;
	font-size: 14px;
	text-decoration: none;
	text-align: right !important;
}

.p-r-5 {
	padding-right: 5px !important;
}

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

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

.btn-theme {
	width: 75px;
	height: 27px;
	line-height: 27px;
	color: #007aff;
	border:1px solid #007aff;
	background: transparent;
	font-size: 10px;
	font-family: gm;
	padding: 0px;
}

.btn-theme.badge {
	width: 60px;
    height: 20px;
    line-height: 18px;
}

.icon-calculator:before {
	content: "";
    width: 19px;
    height: 19px;
    background-image: url(../media/ic_calculator.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 5px;
}

.transactionAccounts > h2 {
	color: #1c1c1c;
	font-size: 14px;
	border-bottom: 2px solid #e0e0e0;
}

.transaction-banks > img , .transaction-banks > a > div {
	width: 165px;
	height: 104px;
}

.transaction-banks > a > div {
	border: 1px dashed #8e8e93;
	border-radius: 5px;
}

.card-disabled {
	 background-color: #efeff4;
	 width: 175px;
	 height: 33px;
}

.card-disabled span {
	font-size: 12px;
}

.w-70 {
	width: 70% !important;
}

.w-30 {
	width: 30% !important;
}

.profileBox {
	padding: 20px;
	position: relative;
	text-align: center;
}

.theme-link {
	color: #007AFF;
	font-family: gm;
	text-decoration: none;
	font-size: 12px;
}

.profileBox .theme-link {
	position: absolute;
	right: 20px;
	top: 20px;
}

.profileImg {
	width: 133px;
    height: 133px;
    border: 1px dashed #007AFF;
    border-radius: 67px;
    text-align: center;
    margin: 0px auto;
    padding: 10px;
}

.profileImg img {
	width: 110px !important;
    height: 110px !important;
}

.profileBox h2 {
	font-size: 14px;
	font-family: gm;
	color: #1c1c1c;
	padding: 15px 0px 5px;
}

.profileBox p {
	font-size: 12px;
	font-family: gr;
	color: #636366;
}

.transactionHead {
    padding: 15px 15px 0px;
    display: inline-block;
    border-top: 1px solid #E0E0E0;
    width: 100%;
    line-height: 15px;
}

.transactionHead h2 {
	font-size: 12px;
	color: #1c1c1c;
	font-family: gm;
	display: inline-block;
	float: left;
}

.transactionHead a {
	float: right;
}

.transactionDetails .boxBody {
	height: 210px;
}

.transactionDetails .currencyIcon {
	border: 0px;
	text-align: right;
	font-size: 14px;
	padding: 0px;
}

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

.colorDanger {
	color: #FF453A !important;
}

.colorSuccess {
	color: #34C759 !important;
}

.errorText {
	font-size: 14px;
}

.transactionDetails .creditInfo .credit {
	font-size: 12px;
}





/****** Form container *******/

.form-logo {
	margin-bottom: 10px; 
}

.form-control:read-only {
	background-image: none;
}

.select-box {
	position: relative;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	content:"";
	background-image:url('../media/ic_dropdown.png');
	background-repeat: no-repeat;
	height: 8px;
	width: 12px;
	border: 0px;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	top: 8px;
	left: auto;
	right: 0px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

select {
	cursor: pointer;
}

.select2-container {
	height: 32px;
    padding-top: 2px;
}

.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--single:focus {
	border: none;
	background: transparent;
	border-radius: 0px;
	outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 14px;
    color: #636366;
    font-family: gm;
    padding: 0px;
}

.select2-search__field, .select2-results__option {
	font-size: 12px;
	color: #1c1c1c;
	font-family: gr;
	
}

.select2-results__option {
	border-bottom: 1px solid #e5e5e5;
}

.select2-dropdown.select2-dropdown--below {
	padding: 10px;
}

.fieldTypeView {
    color: #007AFF;
    font-size: 10px;
    text-transform: uppercase;
    position: absolute;
    right: 10px;
    top: 16px;
    cursor: pointer;
}

.side-banner {
	width: 100%;
}

.form-control, .is-focused .form-control {
	background-image: none;
	border:none;
}

.customFieldDesign input {
	background-image: none !important;
}

.customFieldDesign .form-group {
	border: 1px solid #E0E0E0;
	background: #fff;
	padding: 14px 14px 0px;
}

.customFieldDesign .form-group.has-error {
	border: 1px solid #FF453A;
}

.customFieldDesign .form-group.radio-group {
	border: 0;
	background: #fff;
	padding: 0px 14px 0px;
}

.customFieldDesign .form-group.radio-group > label {
	font-size: 12px;
    display: block;
    padding-bottom: 5px;
}

.customFieldDesign .custom-radio label {
    font-size: 14px;
    color: #1C1C1E;
    font-family: gm;
    line-height: 20px;
    cursor: pointer;
}

.customFieldDesign .custom-radio input {
	cursor: pointer;
}

.customFieldDesign .custom-radio input:focus,.customFieldDesign .custom-radio input:active,
.customFieldDesign .custom-radio input:focus:active,.customFieldDesign .custom-radio input:active:focus {
	background: transparent;
	outline: none;
}

.customFieldDesign .custom-radio label:before, .customFieldDesign .custom-radio label:after {
	top: 0;
}

.customFieldDesign .custom-radio label:before,.custom-control-input:active~.custom-control-label:before {
	background: transparent;
    border: 1px solid #E0E0E0;
    height: 20px;
    width: 20px;
    box-shadow: none;
}

.custom-radio .custom-control-input:checked~.custom-control-label:before {
	border: 1px solid #007AFF;
	background-color: #fff;
	outline: none;
	box-shadow: none;
}

.custom-radio .custom-control-input:checked~.custom-control-label:after {
	background: #007aff;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    left: 3px;
    top: 3px;
}

.customFieldDesign .form-group.is-focused {
	border: 1px solid #007aff;
}

.customFieldDesign .form-control {
    font-size: 14px;
    color: #1C1C1E;
    font-family: gm;
}

.customFieldDesign .bmd-form-group .bmd-label-floating {
    font-size: 14px;
    color: #636366;
    font-family: gm;
    top: 15px;
}

.customFieldDesign .bmd-form-group.is-focused .bmd-label-floating , .customFieldDesign .bmd-form-group.is-filled .bmd-label-floating, .customFieldDesign .bmd-form-group.customPhone .bmd-label-floating,
.customFieldDesign .bmd-form-group.customExpiryDate .bmd-label-floating {
	left: 15px;
	top: 7px;
	font-size: 12px;
	color: #636366;
	font-family: gr;
}

.custom-file-control:invalid, .form-control:invalid{
	background-image: none;
}

.form-container {
	width: 550px;
	padding: 50px 0px 0px;
}

.custom-form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -8px;
    margin-left: -8px;
}

.custom-form-row>.col, .custom-form-row>[class*=col-] {
	padding-right: 8px;
    padding-left: 8px;
}

.iframeFormContainer {
	overflow: auto;
}

.iframeFormContainer .modal-dialog {
	min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}

.form-container.confirmationContainer {
	width: 90%;
	padding-top: 10px;
}

.custom-alert-box {
	margin: 20px 0px;
	background: rgba(255, 159, 10,0.3);
	border-left: 4px solid #FF9F0A;
}

.alert-warning {
	background: rgba(255, 159, 10,0.3);
	border-left: 4px solid #FF9F0A;
}

.alert-info {
	background: rgba(0, 122, 255,0.3);
	border-left: 4px solid #007AFF;
}

.custom-alert-box span {
	display: block;
	font-family: gsb;
	font-size: 15px;
	color: #1c1c1c;
	text-transform: uppercase;
}

.custom-alert-box p {
	display: block;
	font-family: gr;
	font-size: 14px;
	color: #1c1c1c;
}

.content-tab .form-container {
	max-height: none;
	overflow-y: auto;
}

.login-Container {
	max-width: 1366px;
	height: 100%;
	margin: 0px auto;
	max-height: 670px;
	overflow-y: hidden;
}

.main-form {
	padding: 30px;
}

.error.help-block {
	position: absolute;
    bottom: -15px;
    font-size: 10px;
}

.main-form.detailsForm {
	padding: 0px 40px 40px;
}

.customFieldDesign .form-group-btn.form-group-btn {
	padding: 0px;
    height: 48px;
}

.form-group-btn .group-btn {
	background: transparent;
    border: 0px;
    height: 48px;
    width: 100%;
    text-align: left;
    padding: 0px 14px;
    cursor: pointer;
    box-shadow: none;
}

.form-group-row.group-col-2 {
	display: inline-block;
	width: 100%;
}

.form-group-row.group-col-2 > .form-group {
	width: 48%;
	float: left;
}

.form-group-row.group-col-2 > .form-group:nth-of-type(2) {
	margin-left: 10px;
}

.btn.btn-raised.btn-primary, .btn.btn-raised.btn-primary:hover, .btn.btn-raised.btn-primary:focus,.btn.btn-raised.btn-primary:active, .btn.btn-raised.btn-primary:focus:active {
	color: #fff;
    background-color: #007AFF;
    border-color: #007AFF;
}

.main-form .btn {
	height: 48px;
	margin: 0px;
	
}

.innerPageForm.main-form .form-group-btn, .innerPageForm.main-form .form-group-btn  a.btn {
	height: auto;
	line-height: normal;
}

.innerPageForm.main-form .form-group-btn  a.btn  {
	padding: 10px;
	font-size: 14px;
    color: #2C2C2E;
    font-family: gm;
}

.innerPageForm.main-form .form-group-btn  a.btn span {
	display: block;
    font-size: 10px; 
    color: #8e8e93;
    text-transform: none;
    padding: 5px 0px;
    font-family: gr;
    white-space: break-spaces;
}

.innerPageForm.main-form .form-group-btn.icon-group a.btn span {
	padding-left: 30px;
}

.innerPageForm.main-form .form-group-btn.table-group a.btn span {
	display: inline-block;
	float: right;
}

.innerPageForm.main-form .form-group-btn.group-no-border a:hover {
	box-shadow: none;
	border: none;
}

.innerPageForm.main-form .form-group-btn.table-group a.btn span{
	padding: 0px;
}

.innerPageForm.main-form .form-group-btn.table-group a.btn span.cardType {
	font-size: 14px;
    color: #2C2C2E;
    font-family: gm;
}

.innerPageForm.main-form .form-group-btn.icon-group a.btn img {
	margin-right: 10px;
}

.innerPageForm.main-form .form-group-btn.group-no-border {
	border: 0px;
}

.innerPageForm.main-form .form-group-btn.group-no-border a {
	padding-top: 0px;
	padding-left: 0px;
}

.label-free {
	display: block;
    font-size: 12px; 
    color: #636366;
    text-transform: none;
    padding: 0;
    font-family: gr;
    text-align: center;
    padding-bottom: 20px;
}

.infoBottom {
	margin-bottom: 10px;
}

.infoBottom a {
	font-size: 12px;
}

.main-form a.btn {
	line-height: 48px;
}

/*.customFieldDesign .form-group.passStrengthGroup {
	margin-bottom: 7px;
}*/

.customFieldDesign .form-group.detail-group {
	border: 0px;
}

.customFieldDesign .form-group.detail-group input {
	background: transparent;
    position: relative;
    left: 15px;
    top: 13px;
}

.strenthInfo {
	display: inline-block;
	width: 100%;
}

.strenthInfo span {
    font-size: 10px;
    color: #636366;
    font-family: gr;
    width: 48%;
    float: left;
    position: relative;
}

.strenthInfo span:before {
	content: "";
    float: left;
    width: 6px;
    height: 6px;
    background: #b1b1b1;
    border-radius: 50%;
    position: relative;
    top: 4px;
    margin-right: 5px;
}

.strenthInfo span.validated {
	font-weight: bold;
}

.strenthInfo span.validated:before {
    content: "";
    background: transparent;
    /* position: absolute; */
    /* left: -8px; */
    top: 0px;
    float: left;
    width: 6px;
    border-bottom: 2px solid #007aff;
    height: 11px;
    border-right: 2px solid #007aff;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-radius: 0;
}

.strenthInfo span:nth-of-type(2n) {
	margin-left: 10px;
	padding-left: 25px;
	float: right;
}

.digit-group input {
	width: 33px;
	height: 33px;
	border: 1px solid #e5e5ea;
	line-height: 33px;
	text-align: center;
	font-size: 18px;
	font-family: gm;
	font-weight: 200;
	color: #414141;
	margin: 0 2px;
}

.digit-group input.has-error {
	border: 1px solid #FF453A;
}

.iti--allow-dropdown .iti__flag-container .iti__selected-flag {
	padding-left: 0px;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
	background: none;
}

.iti--allow-dropdown .iti__flag-container, .iti--allow-dropdown .iti__flag-container .iti__selected-flag{
	outline: none !important;
	border: 0px !important;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #007AFF;
}

.disabled {
	opacity: 0.5 !important;
	cursor: not-allowed !important;
	pointer-events: auto !important;
}

.trasactionDetails .table-note{
	border-bottom: 1px dashed #707070;
}

.border-dashed-y{
	border-bottom: 1px dashed #707070;
	border-top: 1px dashed #707070;
}

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

.payment-status {
	font-size: 16px;
	font-family: gm;
	color: #1c1c1c;
}

.payment-details {
	font-size: 14px;
	font-family: gr;
	color: #1c1c1c;
	padding: 5px 0px;
}

.payment-value {
	font-size: 30px;
	color: #1c1c1c;
	font-family: gsb;
}

.badge-success {
	color: #34C759;
	border: 1px solid #34C759;
	background: transparent;
	font-size: 12px;
	font-family: gr;
}

.transactionSelect .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #1c1c1c;
	font-family: gsb;
	font-size: 18px;
}

.transactionSelect .select2-container {
	width: 125px !important;
}

.transactionSelect .bmd-form-group {
	padding-top: 0px;
}

.bdr-bottom {
	border-bottom: 1px solid #e0e0e0;
}


/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {

}

@media (min-width: 1288px) {
	.col-xxl-8 {
		flex: 0 0 66.66667%;
    	max-width: 66.66667%;
    	position: relative;
	    width: 100%;
	    min-height: 1px;
	    padding-right: 15px;
	    padding-left: 15px;
	}	
	.col-xxl-4 {
		flex: 0 0 33.33333%;
    	max-width: 33.33333%;
    	position: relative;
	    width: 100%;
	    min-height: 1px;
	    padding-right: 15px;
	    padding-left: 15px;
	}

}

@media (max-width: 1287px) {
	.content-tab {
		width: 640px;
	}	
	.content-tab.table-content-tab {
		width: 100%;
	}
	.md-mr-t-15 {
		margin-top: 15px;
	}
	.order-mobile-2 {
		order: 2;
	}

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

}

@media (max-width: 991px) {

	#sidebar {
        margin-left: -275px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #content {
        width: 100%;
    }
    #content.active {
        width: calc(100% - 275px);
    }

    .sm-mr-t-15 {
		margin-top: 15px;
	}

	.header {
		padding: 0px 15px;
	}

	.header .content-right { 
		display: none;
	}

	#sidebar .sidebar-header, .showResponsive {
		display: block;
	}

	.header .content-left {
		min-width: 100%;
	}

	.content-tab {
		width: 320px;
	}

	.content-tab .main-form {
		padding: 20px;
	}

	.main-form.detailsForm {
		padding: 0px 20px 20px 20px;
	}
}



@media all and (max-width: 767px) {
	
	.hide-responsive {
		display: none;
	}

	.nav-tabs .nav-item {
		width: auto;
	}

	.sm-banner {
		background-image: url('../media/ic_banner_img.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}

	.sm-banner-container .noteTitle, .sm-banner-container .noteDetails {
		color: #fff;
	}

	.iframeFormContainer .modal-dialog {
		min-height: calc(100vh - 20px);
	}
}