/********** General ***********/

/** 
#241141		purple dark for headers
#17264d		dark blue
#6a36b7		light purple for links
#f8f7fb     v light purple bg
45a633  old green
008b56 new green darker
00a468  new green lighter
2e4369 darkish blue 
**/

/**
 * Fix fonts that render as bold in Firefox
 *
 * Put this near the top of your style.css
 * Before any overriding styles
 */

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
}

/**
 * Firefox specific rule
 */

@-moz-document url-prefix() {
  body {
    /* font-weight: lighter !important; */
  }
}


html {
  position: relative;
  height: 100%;
}

body {
  overflow-x: hidden;
	background-color: #ffffff !important;
	color: #555555 !important;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	font-size: 16px !important;
    line-height: 1.3 !important;
    
}

body.non-admin {
	background-color: #fbfbfb !important;
}



body.fixed-nav {
  padding-top: 56px;
}


a {
	color: #008b56 !important;

}

ul, ol {margin-left: 20px;}

.divaligncenter {
    margin: 0 auto;
}

.frontend a{
    color: #008b56 !important;
    text-decoration: underline;
}

.frontend a:hover {
    color: #00a468 !important;
    text-decoration: underline;
}

.frontend a.btn:hover {
    color: #ffffff !important;
    
}

.admin_wrapper .max-width-800{
	
    max-width: 800px !important;
    margin: 0 auto!important;
}

a.link {
    color: #008b56 !important;
    text-decoration: underline !important;
}


a.link:hover {
    color: #00a468 !important;
    text-decoration: underline;
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
	color: #2e4369 !important;
	font-weight: 700 !important;
    font-family: 'Source Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    line-height: 1.1 !important;
}



.popterms {
    font-size: 14px !important;
}

.popterms h1{
    font-size:24px !important;
    font-weight: bold !important;
    margin-bottom: 20px !important;
}


.popterms h2{
    font-size:20px !important;
    font-weight: normal !important;
}
.template2 .normal_width{
	font-size: 32px!important;
    font-weight: 300 !important;
    width: 100%;
    max-width: 1040px;
    margin: 0px auto 1px;
	padding-top: 13px!important;
}

.popterms h3{
    font-size:18px !important;
}


.popterms h4{
    font-size:16px !important;
}

.popterms h5{
    font-size:15px !important;
}

.admin h5 {
    margin-bottom: 10px !important;
}
/* terms and condition  */
.popterms .terms_condition_h3{
	font-size: 24px!important;
}
.popterms .terms_condition_h4{
	font-size: 18px!important;
}
.popterms .privacy_condition_h3{
	font-size: 24px!important;
}
.popterms .privacy_condition_h4{
	font-size: 18px!important;
}




h3.kyc-heading {
	margin-bottom:30px;
}

.btn-link {
    color: #00a468 !important;
}

.clear {
	clear: both;
}

.hidden {
    display: none !important;
}

.strong {
    font-weight: bold;
}

.text-center {
	text-align: center
}

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

.mt-5px {margin-top: 5px !important;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}

.mb-5px {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}


.mp-5px {padding-top: 5px !important;}
.pt-10 {padding-top: 10px;}
.pt-20 {padding-top: 20px;}
.pt-30 {padding-top: 30px;}
.pt-40 {padding-top: 40px;}
.pt-50 {padding-top: 50px;}

.pb-5px {padding-bottom: 5px !important;}
.pb-10 {padding-bottom: 10px;}
.pb-20 {padding-bottom: 20px;}
.pb-30 {padding-bottom: 30px;}
.pb-40 {padding-bottom: 40px;}
.pb-50 {padding-bottom: 50px;}

.no-max-width {
    max-width: 100% !important;
}


.w100 {width: 100px;}

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

.font-code {
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}
/********** Structure - Container Divs ***********/

.br-header, 
.br-logo{
		border-bottom: 0px solid #333333;
	height: 60px;
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0) !important;
    border-right-width: 0px !important; 
	  
 

}

.br-header 
{
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.16) !important; 
}

.non-admin .br-mainpanel {
    background: #ffffff;
    padding-bottom: 60px;
    margin-left: 0;
    margin-top: 0px;	
}

.non-admin .header-notification-box {
    z-index: 999999;
    background-color: #fff;
}

.br-pagebody {
    
    margin-top: 10px !important;
	width: 100%;
	max-width: 1100px;
	margin: 10px auto 0;
   padding-bottom: 30px !important;
}
.br_pagebody_margin_800{
	max-width:800px!important;
}

.br-pageheader {
	background: rgba(255,255,255,0.7) !important;
	padding:30px 30px 15px !important;
	margin-bottom:10px;
	
	
}
.br_background{
	    background: rgb(251 251 251) !important;
}

.non-admin .account-page .br-pageheader {
    
    margin-bottom: 40px;
    padding:100px 30px !important;
    border-top: 4px solid #008b56;
    border-bottom: 4px solid #008b56;
    background: #fff url(../img/bg4.jpg) 100% 85%  !important; 
    background-size:cover !important;
}

.homepanel-bg {
    background-color: rgba(255,255,255,0.70);
    padding:20px;
    border-radius: 10px;
    width: auto;
    float: left;
}

.emptyfield {
    color: #cc0000 !important;
}

.br-admintitle h2 {
	padding: 20px;
}


.br-pagefooter {

	width: 100%;
	max-width: 1100px;
    min-height:400px;
	margin: 0 auto 0;
    display: block;


    padding: 50px 0 30px !important;
}

@media (max-width: 576px) {
  .br-pageheader {
    padding-left: 15px !important;
  }
}

h1 {
    font-weight: 300 !important;
    color: #2e4369 !important;
}

.frontend h1 {
    text-align:center;
}

.containerbar {
     
    
 
  z-index:0;
    position: relative; width: 100%; height: 60px; margin-bottom: 20px;
    margin-left:-10px;
  }


.picon {
    text-align:center;
    width: 22px;
  height: 22px;
  border: 2px solid #dddddd;
  display: block;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  line-height: 18px;
    background: #ffffff;
}


.active .picon {
 border-color: #2e4369;
    color: #ffffff;background: #2e4369;
}

.complete .picon {
 border-color: #008b56;
    background: #008b56;
    color: #ffffff;
}


.progressbar {
    width:100%;
    list-style: none;
    margin-left: -20px;
}
.progressbar li{
  float: left;
  width: 25%;
  position: relative;
  text-align: center;
    font-size:11px;
    font-weight: normal;
    color: #cccccc;
    
}



.progressbar li.active{
 
    color: #2e4369;
}

.progressbar li.complete{
 
    color: #008b56;
}


.progressbar li:after{
  content: '';
  position: absolute;
  width:100%;
  height: 1px;
  background: #eeeeee;
  top: 10px;
  left: -50%;
  z-index: -1;
}

.progressbar li:first-child:after{
content: none;
    width: 10px;
}




.progressbar li.active:after{
 background: #3aac5d;
}

.progressbar li.complete:after{
 background: #3aac5d;
}

/***** REGISTRATION *****/



.edit_details {
    display: block;
	float: right;
    margin: 0 0 20px;
    color: #008b56;
	text-decoration: none !important;
}

.edit_details:hover {
     cursor:pointer;
	text-decoration: underline;
}


.edit_details::before {
	font-family: "Font Awesome 5 Pro"; color: #008b56; content: "\f044 \00a0";
}



.registration_blurb {
	border: dashed 1px #cccccc;
	padding: 20px;
}

.terms_text_1{
	font-size: 12px;
}

/**END REGISTRATION **/


#register_form h1 {
    font-size:32px;
}


 
.br-pageheader h1 {
	
	font-size: 32px;
	font-weight: 300 !important;
	width: 100%;
	max-width: 1040px;
	margin: 0px auto 1px;
	

}

.br-pageheader h1 i.fal {
    color: #008b56;
}

.account-page .br-pageheader h1 {
    color: #000000 !important;
    font-size: 40px;
}

@media (max-width: 576px) {
 .account-page .br-pageheader h1 {
    font-size: 20px;
     font-weight: bold !important;
}
}

.admin .br-pageheader h1 {
	
	margin-left:0 !important;
    
}

.home-header {
	width: 100%;
	max-width: 1060px;
	margin: 0px auto 1px !important;
}

.home-header h5{
	
}


@media (min-width: 992px) {
  .br-section-wrapper {
    padding: 20px !important;
  }
}


.content-wrapper {
  min-height: calc(100vh - 56px);
  padding-top: 1rem;
}


.content-wrapper {
  overflow-x: hidden;
  background: white;
  margin-top: 55px;
}


.admin .content-wrapper {
  margin-top: 75px;
}



@media (min-width: 992px) {
  .content-wrapper {
    margin-left: 250px;
  }
}

@media (min-width: 767px) {

.non-admin .header-notification-box {
    margin-top: 130px;
  }

.non-admin.merchant .header-notification-box {
    margin-top: 0px;
  }


.br-header-left {

    display: none !important;
}
    
    .br-header-right {

    display: flex;
    align-items: center;
        float: right !important;
        position: absolute;
        right: 0;
       

}
   .br-header 
{
    box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0) !important; 
}
    
}
.no-side-padding{
	padding-left: 0 !important;
	padding-right: 0 !important;
}


.br-sideleft {

  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.16);
    background-color: #ffffff !important;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#311756+1,190c2e+100 */

   

}

.btn {
    border-radius: 3px !important;
    border-width: 0px !important;
    font-size:14px;
    padding: 15px 30px;
}

.btn-full {
    width: 100%;
    margin-left: 0 !important;
}

.btnwrap-injection{
    padding: 20px 20px 0;
    width: 100%;
}

.btn-back-icon {
    background: none;
    border: none;
    color: #008b56;
    font-size: 15px;
}

.btn-back-icon:hover {
    cursor: pointer;
}

.btn-back-icon::before {
    font-family: "Font Awesome 5 Pro"; font-weight: 400; content: "\f053";
    margin-right: 5px;
}



/*-------------------------- login-page ------------------------*/

a.btn-success {
    color: #ffffff !important;
}

.btn-maxwidth {
    width: 100%;
}
section#open-1-mint-header-section {
  padding: 15px 0;
}
.open-left-logo img {
  width: 100px;
}
.open-1-content {
  width: 100%;
	text-align: center;
}
.open-left-logo {
 
  width: auto;
}


#regist_form input {
    margin-bottom: 10px;
}

.newreg {
    border-top: 1px solid #cccccc;
    padding-top:20px;
    text-align: center;
    font-weight: 700;
}

#regist_form .row {
    margin-bottom: 20px;
}

#register_form, #loginform {

    width: 100%;
    max-width: 700px;
    margin: auto;
    /* box-shadow: 0 0 5px 0 rgba(0,0,0,0.4); */
    border-radius: 5px;
    padding: 0 20px 20px;
    background: 

    #fff;

}

.head-text {
    margin-bottom: 30px;
}

.head-text h1 {
    font-size:24px !important;
    margin-bottom:10px;
    font-weight: bold !important;
}

.head-text h5 {
    font-size:18px;
}

.head-text p {
    margin-bottom:10px !important;
}

.head-text h1,
.head-text h5,
.head-text p {
    text-align: center;
}


form#verifyCode {
/*display: XXblock; */
    display: none;
    

}



.form-input-wrap .btn,
.form-input-wrap .intl-tel-input
{
    width: 100%;	
}

#registeration_form .row
{
	margin-bottom: 10px;
}

.phonecodebox {

    padding: 10px 10px !important;
    max-width: 150px;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 20px;

}

button.sendSMS {
	margin-top: 30px ;
}
button#verifySMS {
	margin-bottom: 20px ;
}

.linkhover {
    color: #248436;
}

.linkhover:hover {
    cursor: pointer;
    text-decoration: underline;
}


.open-inner-main-cont {
  
  padding-bottom: 30px;
  width: 100%;
}
.open-peragraph {
  color: rgb(102, 102, 102);
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 20px;
  width: 75%;
}


.open-inner-main-cont.login-main-cont {
  background: rgb(255, 255, 255) none repeat scroll 0 0;
  border: medium none;
  box-sizing: border-box;
  margin: 0 auto 50px;
  padding: 2px;
}
.open-inner-footer-content.login-footer-content {
  width: 100%;
}
.forg-pass {
  text-decoration: underline;
  display: block;
}
.login-page-button {
  text-align: center;
  width: 100%;
}

.btn.btn-circle.js-scroll-trigger.open-acc-button.login-inner-button {
  background: rgb(36, 132, 54) none repeat scroll 0 0;
}


.arrow_box {
    color: #008b56;
    text-align: center;
	position: relative;
	background: #e4f0e4;
	border: 2px solid #e4f0e4;
    padding: 10px;
    font-size: 13px;
    border-radius: 4px;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(243, 246, 240, 0);
	border-bottom-color: #e4f0e4;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(34, 133, 67, 0);
	border-bottom-color: #e4f0e4;
	border-width: 13px;
	margin-left: -13px;
}

.arrow_box.pop-warning {
    color: #aa0000;
    text-align: center;
	position: relative;
	background: #fff9f9;
	border: 1px solid #aa0000;
}
.arrow_box.pop-warning:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box.pop-warning:after {
	border-color: rgba(255, 250, 250, 0);
	border-bottom-color: #aa0000;
	border-width: 5px;
	margin-left: -5px;
}
.arrow_box.pop-warning:before {
	
	border-bottom-color: #aa0000;
	border-width: 6px;
	margin-left: -6px;
}


.review-box {
    border: 1px solid #eeeeee;
    background: #fafafa;
    font-size: 13px;
    padding:20px;
	margin-bottom: 30px;
}



.phone-section .open-inner-main-cont {
    width: 100%;
	max-width: 500px;
    margin: auto;
    /* box-shadow: 0 0 5px 0 rgba(0,0,0,0.4); */
    border-radius: 5px;
    padding: 20px;
	background: #fff;
}

/**** Front end Footer *****/

.footer-terms {
	text-align: center;
	font-size:11px;
    margin-bottom: 30px;
}

.footer-terms a {
	color: #333333 !important;
}

#password-strength-status {
	padding: 5px;
	color: #FFFFFF;
	border-radius:4px;
	margin-top:5px;
	margin-right:135px;
	}

.progress-bar.bg-danger{
    width:33% !important;
}
.progress-bar.bg-warning{
    width:67% !important;
}
.progress-bar.bg-success{
    width:100% !important;
}

#password-strength-text.text-danger,
#password-strength-text.text-warning,
#password-strength-text.text-success{
    font-size:13px;
    color: #000000 !important;
    font-weight: bold;
}

.medium-password{
	background-color: #E4DB11;
	border:#BBB418 1px solid;
	}
.weak-password{
	background-color: #FF6600;
	border:#AA4502 1px solid;
	}
.strong-password{
	background-color: #12CC1A;
	border:#0FA015 1px solid;
	}

div.error {
	background-color: #fffafa;
	border-radius: 0px;
    border: 4px solid #aa0000;
	display: none;
	margin-top: 5px;
	padding: 20px;
	margin-bottom: 5px;
}
div.incorrect_password {
	background-color: #fffafa;
	border-radius: 0px;
    border: 4px solid #aa0000;
	margin-top: 5px;
	padding: 20px;
	margin-bottom: 5px;
}
div.success {
	background-color: #93C47D;
	border-radius: 0px;
    border: 4px solid #008b56;
	display: none;
	margin-top: 5px;
	padding: 20px;
    margin-bottom: 5px;
}
div.clearfix {
	clear: both;
}

.br-menu-sub a.sub-link {
    color: #000000 !important;
}

.br-menu-link {
    font-weight: normal;
border: 1px solid #f9f9f9;
    color: #777777 !important;
   
}


.menu-btn-firstdeposit,
.menu-btn-verify{
    font-weight: normal;
border: 1px solid #b1bfae;
    color: #008b56 !important;
    background: #f1f6ef !important;
    border-radius: 2px !important;
}


.admin_wrapper .br-section-wrapper {
    padding: 20px 5px;
}
.admin_wrapper .br-pagebody {
    padding: 0 8px;
}

.active .br-logo {
    left: -230px;
}
.active .br-sideleft {
    width: 60px;
}
.active .br-header {
    left: 0;
}
.active .br-mainpanel {
    margin-left: 60px;
}
.active .sidebar-label {
    visibility: hidden;
}
.active .br-menu-link.with-sub::after{
	opacity: 0;
}

.br-menu-link.active {

    background: none !important;
    color: #008b56 !important;
	

}

.br-menu-link:hover, .br-menu-link:focus {

    color: #008b56 !important;
    background-color: #fff !important;
	cursor: pointer !important;
    border: 1px solid #008b56;
    border-radius: 5px;
}

.menu-item-label, .menu-item-arrow {


}

.br-menu-link.active.menu-btn-firstdeposit,
.br-menu-link.active.menu-btn-verify {
    color: #ffffff !important;
    background-color: #2e4369 !important;
	cursor: pointer !important;
    border: 1px solid #008b56;
    border-radius: 5px;
} 

@media(max-width:767px){


.br-mainpanel {
    margin-left: 0 !important;
}
.active .br-mainpanel {
    margin-left: 237px !important ;
}

.br-logo {
  left: 0px!important;
}


.br-header {
    left: 230px !important;
}

/* .br-sideleft{left: 0px; !important;} */
.br-header {
   left: 0 !important;
}
.br-sideleft {
 
    width: 230px;}
div#datatable1_wrapper {
    padding: 0;
}
.br-mainpanel {
    width: 100%;
}
.active .br-sideleft {
    left: 0;
}
.active .br-sideleft {
    width: 260px;
}
.br-pagetitle {
 
    padding-left: 30px !important;
       padding-right: 30px !important;
}
.active .br-header {
    left: 230px !important;
}

}

.step-wrapper {
	position: relative;
    max-width: 700px;
}



.br-section-wrapper {

    background: none !important;
    padding: 0px !important;
    box-shadow: none !important;
    border-radius: 3px;
	position: relative;

}

.br-section-wrapper h4 {
	padding-right:30px;
	margin-bottom: 10px;
}

.form-layout-1 {
	background:#ffffff;
}

.br-footer {
	margin-top: 60px;
    padding: 30px 20px !important;
	border-top: 1px solid #cccccc;
	height:auto;	
}

.unique-color-dark {

     background-color: #190c2e !important;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#311756+1,190c2e+100 */
background: rgb(49,23,86); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(49,23,86,1) 1%, rgba(25,12,46,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(49,23,86,1) 1%,rgba(25,12,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(49,23,86,1) 1%,rgba(25,12,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#311756', endColorstr='#190c2e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}





.page-footer {
    padding: 20px;
    text-align: center;
    border-top: 1px solid #dddddd;
    background: #fbfbfb;
	
}

.footer-content {
    font-size: 13px;
}

.footer-content a {
    font-weight: bold;
    color: #333333 !important;

   /* transition: none !important; */
	

}

/**** account page ****/

.warningpanel {
    padding: 40px 20px;
    color: #ffffff;
}

.warningpanel a {
    color: #ffffff !important;
    font-weight: bold;
}

.warningpanel a.panel-but {
    color: #ffffff !important;
    font-weight: bold;
    font-size: 18px;
    padding: 4px 8px;
    border: 1px solid #ffffff;
    border-radius: 10px;
}

.warningpanel h4 {
    margin: 10px 0;
    color: #ffffff !important;
}

.ws5 {
    background-color: #057b4e;
}

.ws6 {
    background-color: #057b4e;
}

.ws7 {
    background-color: #057b4e;
}

.ws8 {
    background-color: #057b4e;
}

.warningpanel .row {
    width: 100%;
    max-width: 1060px;
    margin: 0px auto 1px !important;
}


.chartbox {
    text-align: center;
    
    margin-bottom: 30px;
    
    padding: 20px 30px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.05);
}

/********** Font styling ***********/

.subhead {
	font-weight: normal !important;
	margin-bottom: 20px;
}


.smaller {
  font-size: 0.7rem;
}

/********** Forms **********/

.standard-content {
	max-width: 1100px !important;
}

.template1 .br-pageheader {
    max-width: 800px !important;
    margin: 0 auto;
}

.template2 .br-pageheader {
    max-width: 800px !important;
    margin: 0 auto;
}

.popterms .admin-wrapper{
	  max-width: 800px !important;
    margin: 0 auto!important;
}

.template1 .br-pagebody.standard-content {
	max-width: 800px !important;
}

.template2 .br-pagebody{
	max-width: 800px !important;
}

.admin label {
	font-weight: normal;
	font-size:13px;
}

.admin .entry-form {
	font-size:13px;
	font-weight: normal;
}


.labelnormal {
    font-weight: normal;
    color: #666666;
    margin-bottom: 5px;
    font-size: 14px;
}

.available_amt {
    font-weight: bold;
    color: #000000;
}


input.Address {
    width: 100% !important;
    max-width: 500px;
}




.form-wrap {
	border-radius:5px;
	border: 0px solid rgba(0,0,0,.125);
	background: #ffffff;
	padding: 0px !important;
	margin: 10px 10px 20px;

}

ul.passwordlist {
    margin-left:0px;
    clear: both;
    padding-left:20px;
}

.passwordlist li {
	text-align: left;
}

/********** Buttons ***********/

.bank_close {
    border: none !important;
    background: none !important;
    float: right;
}

.txtable1 thead > tr > th {
    background: #ff0 !important;
}

.home-tx-panel {
    /*background: #fdfdfd; */
   
    border: 1px solid #008b56;
    border-radius: 5px;
    /* border-top: 2px solid #2e4369;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2);
box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2); */
  
    padding: 20px 30px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.05);
    margin-bottom: 30px;
}

.home-tx-panel i {
    color: #008b56;
}

.dashboard-wrap .home-left-col .btn {
    width: 100%;
}

.link-text {
    font-size: 12px;
    display: inline-block;
    border: #008b56 1px solid;
    padding: 1px 10px;
    border-radius: 5px;
}

.link-text a
{
    font-weight: bold;
    color: #008b56 !important;
}

.link-text.inputlink
{
    font-weight: bold;
    color: #008b56 !important;
    background: #ffffff;
    margin-top:5px;
}

.link-text.inputlink:hover
{
    cursor: pointer;
}

#datatable1 {
    border: none;
}

.btcaddress-date {
    font-weight: bold;
    margin-bottom: 5px;
}

.btcaddress-address {
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    margin-bottom: 5px;
}

.btcaddress-uses {
    
}

.btn-fund, .btn-verify {
	border-radius: 10px !important;
	font-size: 18px !important;
	font-weight: bold !important;
	padding: 10px;
    text-align: left !important;
    margin-bottom:20px;
}

.btn-verify {
    background: #f58321;
}

.btn-fund::before {
	font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size:44px; content: "\f51e\00a0\00a0"; vertical-align: middle;
}


.btn-verify::before {
	font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size:44px; content: "\f2c2\00a0\00a0"; vertical-align: middle;
}


.btn-info {

    color: #fff;
    background-color: #008b56 !important;
    border-color: #008b56 !important;

}



.address-btn {
	background: #007bff;
	color: white;
	margin-top: 20px;
	margin-left: 58px;
	padding: 8px 20px 8px 20px;
	margin-bottom: 20px;
}



.btn-primary {

    color: #fff !important;
    background-color: #008b56 !important;
    border-color: #008b56 !important;
}

.btn-primary-alt {

    border-radius: 3px !important;
    border-width: 2px !important;
    color: #fff !important;
    background-color: #008b56 !important;
    border-color: #008b56 !important;
}

.btn-primary-alt:hover {
    color: #008b56 !important;
    background-color: #fff !important;
    border-color: #008b56 !important;    

    
}

.btn-primary-alt2 {

    color: #008b56 !important;
    background-color: #fff !important;
    border-color: #008b56 !important;
    border-width: 2px !important;
}

.btn-primary-alt2:hover {

    color: #fff !important;
    background-color: #008b56 !important;
    border-color: #008b56 !important;
}

.btn-secondary {

    color: #2e4369 !important;
    background-color: #f4f4f4 !important;
    border-color: #2e4369 !important;

}

.btn:hover {
	cursor: pointer !important;
}


.btn-actions {
	margin-top:10px;
    float: right;
}

.btn-simple {
	/*
	display: inline-block;
	text-align: left;
	white-space: nowrap;
	vertical-align: middle;
	border: none;
	color: #6a36b7;
	font-size: 13px;
	padding:5px 10px;
	background-color: #ffffff;
	border-radius: 10px;
	margin-right:20px;
	*/
	color: #666666;
	border: none;
	background: none !important;
	font-size: 18px;
	margin-right: 10px;
}

.btn-simple:hover {
	
	cursor: pointer;
	color: #5d3892;
	
}

.btn-secondary.btn-back {
	/* float: right; */
	min-width: 100px;	
}

.btn-back::before {
	font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f060 \00a0";

}


.btn-close {
	position: absolute;
	top: 0;
	right: 0;
    margin-right: 0;
}


.btn-close span {
	display: none;
}


.btn-simple.btn-close::before {
	font-family: "Font Awesome 5 Pro"; font-weight: 400; content: "\f057";

}

.btn-actions .btn-simple.btn-close {
    display: none;
}


.btn-cancel {
	position: absolute;
	top: 0;
	right: 0;
    margin-right: 0;
    font-size: 30px !important;
}


.btn-cancel span {
	display: none;
}





.btn-next {
   padding: 30px 0 20px;
	float:right;
	min-width: 150px;
	margin-left: 10px;
	
}

.btn-next input.btn,
.btn-next a.btn

{width:100%;
   background: #44a430;
   color: #fff !important;
   border: 0 !important;
	 text-transform: none;
    font-size: 14px;
}


.btn-additional {
	clear: both;
}


.gender {
	max-width: 700px;
    
}

.gender .btn {

    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid #17264d !important;
    padding: 14px 10px;
    font-size: 14px;
    border-radius: 0px !important;
    transition: all 0.15s ease-in-out;
	background: #ffffff;
   

}


.radcls{
	background-color: #2e4369 !important;
	color: white;
	
}

.radcls::before{
margin-right:5px;
  content: '\f00c';
  font-family: 'Font Awesome 5 Pro';
}

#selectMale,
    #selectFemale
    {

        border-radius: 0px !important;
}


#selectMale
    {

        border-right-width: 0px !important;
}

@media(max-width:576px){
#selectMale,
    #selectFemale
    {
    margin-bottom: 0;
    width: 50%;
}
}

.show-more {
    font-size:13px;
    font-weight: bold;
    float: right;
    color: #00a468 !important;
}

.home-tx-panel .show-more {
    font-size:13px;
    font-weight: normal;
    float: right;
    color: #00a468 !important;
    text-decoration: underline;
}

/******** Tables ********/


.admin .tx-table {
    font-size: 13px;
}

.admin .tx-table .col1 p{
    margin-bottom:1px;
}

.account-page #datatable2{
    font-size:13px;
}


.table-summary-wrap {
	padding: 10px 20px 20px;
	background: #ffffff;
	display: block;
	border-radius: 1px;
	border: 1px solid #cccccc;
	margin-bottom: 20px;	
}

.table-summary-wrap h6 {
    margin: 20px 0;
}

.deposit-summary-wrap {
	padding: 10px 20px 20px 0;
	background: #ffffff;
	display: block;
}

.table-summary {
	
}

.table-summary td {
	
	padding:6px 2px 0px 0;
	/* border-bottom: 1px dashed #cccccc; */
	
}

.table-summary td.tdlabel {
	padding-right: 30px;
	
	vertical-align: top;
	
}

/* .table-summary td.tdvalue {
	text-align: right;
} */

.table-summary td.tdvalue.leftalign {
	text-align: left;	
}

.tdlabel label {
	margin-bottom: 0;
}

.tdvalue.total {
	font-weight: bold;
	color: #111111;
}


.table-listings {
    font-size: 12px;
}


td.align-left p {
    margin-bottom: 5px;
}

.emphasise {
    font-weight: bold;
    font-size: 16px;
}

.deposit-instructions label.form-control-label {
    margin-bottom: 2px;
}
/******** MISC *********/


.o-hidden {
  overflow: hidden !important;
}

.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}

#phone_number_input #telephone.myTelephone
{
    padding-left: 94px !important;
}


#telephone.myTelephone
{
    padding-left: 64px !important;
}



/******* Navigation ********/



.scroll-to-top {
  position: fixed;
  right: 15px;
  bottom: 3px;
  display: none;
  width: 50px;
  height: 50px;
  text-align: center;
  color: white;
  background: rgba(52, 58, 64, 0.5);
  line-height: 45px;
}

.scroll-to-top:focus, .scroll-to-top:hover {
  color: white;
}

.loadingclass {
    font-size: 120px;
    color: green;
}

.loadingclass1 {
    font-size: 71px;
    color: green;
}

.scroll-to-top:hover {
  background: #343a40;
}

.scroll-to-top i {
  font-weight: 800;
}

#mainNav .navbar-collapse {
  overflow: auto;
  max-height: 75vh;
}

#mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {
  cursor: pointer;
}

#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
  float: right;
  content: '\f107';
  font-family: 'Font Awesome 5 Pro';
}


#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse.collapsed:after {
  content: '\f105';
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level {
  padding-left: 0;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
  display: block;
  padding: 0.5em 0;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:focus, #mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a:hover,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:focus,
#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a:hover {
  text-decoration: none;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-second-level > li > a {
  padding-left: 1em;
}

#mainNav .navbar-collapse .navbar-sidenav .sidenav-third-level > li > a {
  padding-left: 2em;
}

#mainNav .navbar-collapse .sidenav-toggler {
  display: none;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
  position: relative;
  min-width: 45px;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
  float: right;
  width: auto;
  content: '\f105';
  border: none;
  font-family: 'Font Awesome 5 Pro';
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link .indicator {
  position: absolute;
  top: 5px;
  left: 21px;
  font-size: 10px;
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown.show > .nav-link:after {
  content: '\f107';
}

#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
  overflow: hidden;
  max-width: none;
  text-overflow: ellipsis;
}

@media (min-width: 992px) {
  #mainNav .navbar-brand {
    width: 250px;
  }
  #mainNav .navbar-collapse {
    overflow: visible;
    max-height: none;
  }
  #mainNav .navbar-collapse .navbar-sidenav {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 56px;
  }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item {
    width: 250px;
    padding: 0;
  }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
    padding: 1em;
  }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
    padding-left: 0;
    list-style: none;
  }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li,
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li {
    width: 250px;
  }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
    padding: 1em;
  }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a {
    padding-left: 2.75em;
  }
  #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
    padding-left: 3.75em;
  }
  #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
    min-width: 0;
  }
  #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
    width: 24px;
    text-align: center;
  }
  #mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
    max-width: 300px;
  }
}

#mainNav.fixed-top .sidenav-toggler {
  display: none;
}





@media (min-width: 992px) {
  #mainNav.fixed-top .navbar-sidenav {
    height: calc(100vh - 112px);
  }
  #mainNav.fixed-top .sidenav-toggler {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: calc(100vh - 56px);
  }
  #mainNav.fixed-top .sidenav-toggler > .nav-item {
    width: 250px;
    padding: 0;
  }
  #mainNav.fixed-top .sidenav-toggler > .nav-item > .nav-link {
    padding: 1em;
  }
}

#mainNav.fixed-top.navbar-dark .sidenav-toggler {
  background-color: #212529;
}

#mainNav.fixed-top.navbar-dark .sidenav-toggler a i {
  color: #adb5bd;
}

#mainNav.fixed-top.navbar-light .sidenav-toggler {
  background-color: #dee2e6;
}

#mainNav.fixed-top.navbar-light .sidenav-toggler a i {
  color: rgba(0, 0, 0, 0.5);
}

body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler {
  overflow-x: hidden;
  width: 55px;
}

body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-item,
body.sidenav-toggled #mainNav.fixed-top .sidenav-toggler .nav-link {
  width: 55px !important;
}

body.sidenav-toggled #mainNav.fixed-top #sidenavToggler i {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: 'FlipH';
}

#mainNav.static-top .sidenav-toggler {
  display: none;
}

@media (min-width: 992px) {
  #mainNav.static-top .sidenav-toggler {
    display: flex;
  }
}

body.sidenav-toggled #mainNav.static-top #sidenavToggler i {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: 'FlipH';
}


#sidenavToggler i {
  font-weight: 800;
}

.navbar-sidenav-tooltip.show {
  display: none;
}

@media (min-width: 992px) {
  body.sidenav-toggled .content-wrapper {
    margin-left: 55px;
  }
}

body.sidenav-toggled .navbar-sidenav {
  width: 55px;
}

body.sidenav-toggled .navbar-sidenav .nav-link-text {
  display: none;
}

body.sidenav-toggled .navbar-sidenav .nav-item,
body.sidenav-toggled .navbar-sidenav .nav-link {
  width: 55px !important;
}

body.sidenav-toggled .navbar-sidenav .nav-item:after,
body.sidenav-toggled .navbar-sidenav .nav-link:after {
  display: none;
}

body.sidenav-toggled .navbar-sidenav .nav-item {
  white-space: nowrap;
}

body.sidenav-toggled .navbar-sidenav-tooltip.show {
  display: flex;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
  color: #868e96;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
  color: #868e96;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
  color: #adb5bd;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
  color: #868e96;
}

#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
#mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
  color: #adb5bd;
}

#mainNav.navbar-dark .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
  color: #adb5bd;
}

@media (min-width: 992px) {
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav {
    background: #343a40;
  }
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a {
    color: white !important;
    background-color: #495057;
  }
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-dark .navbar-collapse .navbar-sidenav li.active a:hover {
    color: white;
  }
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
  #mainNav.navbar-dark .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
    background: #343a40;
  }
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav .nav-link-collapse:after {
  color: rgba(0, 0, 0, 0.5);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item > .nav-link:hover {
  color: rgba(0, 0, 0, 0.7);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a {
  color: rgba(0, 0, 0, 0.5);
}

#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a:hover,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:focus,
#mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li > a:hover {
  color: rgba(0, 0, 0, 0.7);
}

#mainNav.navbar-light .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
  color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 992px) {
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav {
    background: #f8f9fa;
  }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a {
    color: #000 !important;
    background-color: #e9ecef;
  }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:focus, #mainNav.navbar-light .navbar-collapse .navbar-sidenav li.active a:hover {
    color: #000;
  }
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level,
  #mainNav.navbar-light .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level {
    background: #f8f9fa;
  }
}



footer.sticky-footer {
  position: STATIC;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 56px;
  background-color: #e9ecef;
  line-height: 55px;
}

.list-footer-menu  {
    list-style: none;
}


.list-footer-menu li a{
    font-size: 13px;
} 


.nav-item:hover .sidenav-second-level {
 height: auto;
 max-height: 400px;
}
.sidenav-second-level {
 display: block;
 max-height: 0;
 overflow: hidden;
 transition: all 0.3s ease 0s;
}

@media (min-width: 992px) {
  footer.sticky-footer {
    width: calc(100% - 250px);
  }
}

@media (min-width: 992px) {
  body.sidenav-toggled footer.sticky-footer {
    width: calc(100% - 55px);
  }
}

/********** Page specific ***********/


/****** Card Pages ********/
.card-body-icon {
  position: absolute;
  z-index: 0;
  top: -25px;
  right: -25px;
  font-size: 5rem;
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}

@media (min-width: 576px) {
  .card-columns {
    column-count: 1;
  }
}

@media (min-width: 768px) {
  .card-columns {
    column-count: 2;
  }
}

@media (min-width: 1200px) {
  .card-columns {
    column-count: 2;
  }
}

.card-login {
  max-width: 25rem;
}

.card-register {
  max-width: 40rem;
}

.credit-card-group {
    width:300px;
}

.credit-card-group #card_cvv {
    width:100px;
}


/****************************27-04-2018****************************************/

.buyform label {
    margin-bottom: 8px;
    font-size: 18px;
}
.buyform .sec-currency select {
	font-size: 16px;
	width: 100%;
	background-color: white;
	border: 1px solid #D6D6D6;
	padding: 7px;
	margin-bottom: 24px;
}

.cryptos_address {
	margin-left: 35px;
}
.buyform .sec-address input {
    width: 100%;
}

.buyform input {
    margin-bottom: 10px;
}



/*-------------------------- buy/sell css ------------------------------*/

section#buy-sell-section {
    margin-bottom: 15px;
    padding: 30px;
    width: 100%;
    display: table;
}

.buy-sell-content-section {
    width: 50%;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    display: table;
    border-radius: 5px;
				float: left;
}
h2.buy-heading {
    width: 50%;
    float: left;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    color: #666666;
    position: relative;
}
h2.sell-heading{
	    width: 50%;
    float: left;
    padding: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
				color:#666666;
				position: relative;
}
.buy-sell-content {
    background: #f4f7fa;
    width: 100%;
    display: table;
    border-bottom: 1px solid lightgray;
				margin-bottom: 20px;
}
h2.buy-heading::before {
    height: 3px;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: #007bff;
    bottom: 0;
}
h2.buy-heading {
    background: white;
    border-right: 1px solid lightgray;
}
.ewalletsell h2.sell-heading::before {
    height: 3px;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: #007bff;
    bottom: 0;
}
.ewalletsell h2.sell-heading {
    background: white;
    border-left: 1px solid lightgray;
}
h2.buy-heading::after {
    border-top: 10px solid #007bff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translatex(-50%);
}
.ewalletsell h2.sell-heading::after {
    border-top: 10px solid #007bff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translatex(-50%);
}
.sell-form {
    padding: 15px;
    box-sizing: border-box;
    min-height: 367px;
    display: none;
}
h2.sell-fo-heading {
    color: #007bff;
    font-size: 14px;
    padding-bottom: 0;
    margin-bottom: 7px;
}
.sell-form select {
    width: 100%;
    border: 1px solid lightgray;
    border-radius: 5px;
    padding: 10px;
    color: #666666;
    font-size: 14px;
}
.sell-form form {
    MARGIN-BOTTOM: 15px;
}
h2.buy-heading {
    color: #007bff;
}
.ewalletsell h2.sell-heading {
    color: #007bff;
}
.amount-section h2.sell-fo-heading {
    border-bottom: 1px solid lightgray;
    padding-bottom: 5px;
}
.eur-content > p {
    width: auto;
    float: left;
    color: #666666;
    font-size: 14px;
				 margin: 0;
}
.view-limit-text {
    width: auto;
    float: right;
}
.view-limit-text p {
    margin: 0;
    width: auto;
    display: inline-block;
    font-size: 14px;
    color: #666666;
    padding-right: 10px;
}
.view-limit-text a {
    font-size: 14px;
    text-decoration: underline;
}
.eur-content {
    width: 100%;
    display: table;
    border-bottom: 3px solid #007bff;
    padding-bottom: 5px;
}
.amount-section {
    width: 100%;
    display: table;
    margin-bottom: 15px;
}
.eur-btc-content {
    width: 100%;
    display: table;
    position: relative;
    margin-bottom: 15px;
}
.eur-btc-content input.form-control {
    margin: 0;
    PADDING: 10PX;
}
.eur-btc-content form {
    margin: 0;
}
.eur-btc-content form .form-group {
    margin: 0;
}
.btc-box {
    width: 45%;
    float: right;
}
.eur-box {
    width: 45%;
    float: left;
    position: relative;
}
.eur-box::before {
    CONTENT: "EUR";
    COLOR: #666666;
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translatey(-50%);
}
.btc-box::before {
    CONTENT: "BTC";
    COLOR: #666666;
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translatey(-50%);
}
a.sell-bitcoin-btn.btn {
    background: #007bff;
    color: white;
    width: 100%;
}
.buy-section-content {
    padding: 15px;
    text-align: center;
    color: #007bff;
    min-height: 367px;
    position: relative;
}
.ewalletsell .sell-form {
    display: block;
}
.ewalletsell .buy-section-content {
    display: none;
}
.buy-section-content h2 {
    position: absolute;
    width: 100%;
    margin: 0;
    top: 50%;
    transform: translatey(-50%);
}
.ewalletsell h2.buy-heading {
    color: #666666;
    background: transparent;
    border: none;
}
.ewalletsell h2.buy-heading::after {
    content: none;
}
.ewalletsell h2.buy-heading::before {
    content: none;
}


.buy-sell-right-content {
    width: 40%;
    float: right;
    background: white;
    position: relative;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    padding: 15px;
}
.you-selling-content {
    color: #007bff;
    text-align: center;
    padding: 15px;
}
.you-selling-content p {
    font-size: 14px;
    margin-bottom: 10px;
}
.you-selling-content h3 {
    font-size: 30px;
    margin-bottom: 15px;
}
.you-selling-content p.per-btc {
    font-weight: 600;
}
.widraw-section-border {
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    padding: 30px;
    margin-bottom: 15px;
}
.widraw-icon {
    height: 40px;
    width: 40px;
    background: #ebf1fa;
    position: relative;
    border-radius: 50%;
    display: inline-block;
}
.widraw-icon i {
    color: #007bff;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.icon-right-text {
    width: 79%;
    display: inline-block;
    color: #007bff;
    margin-left: 18px;
    border-bottom: 1px solid lightgray;
}
.icon-right-text p {
    margin: 0;
    font-size: 14px;
    text-transform: capitalize;
				margin-bottom: 5px;
}
.icon-right-text h3 {
    font-size: 18px;
    margin-bottom: 20px;
}
.widraw-section {
    margin-bottom: 20px;
}
p.enter-amount-text {
    font-size: 17px;
    margin-bottom: 20px;
}
.widraw-section:last-child {
    margin: 0;
}
.widraw-section:last-child .icon-right-text {
    border: none;
}
.widraw-section:last-child h3 {
    margin: 0;
}
.widraw-icon.clock-icon::before {
    height: 42px;
    border-left: 2px dashed #007bff;
    content: "";
    position: absolute;
    top: -46px;
    left: 50%;
    transform: translatex(-50%);
}
.widraw-icon.clock-icon::after {
    height: 42px;
    border-left: 2px dashed #007bff;
    content: "";
    position: absolute;
    bottom: -46px;
    left: 50%;
    transform: translatex(-50%);
}

/**** LISTING *****/

.numbersteps {
 font-size: 20px;   
}

.stepnumbertext {
    padding:10px;
    border: 1px solid #999999;
    background: #ffffff;
    text-align: center;
}

ol.step-numbers {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 40px;
}
ol.step-numbers li {
  margin: 0 0 30px 0;
  counter-increment: my-awesome-counter;
  position: relative;
}
ol.step-numbers li::before {
  content: counter(my-awesome-counter);
  color: #f2ecfb;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  --size: 32px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
  background: #2e4369;
  border-radius: 50%;
  text-align: center;
  box-shadow: 1px 1px 0 #999;
}

ul.step-numbers2 {

  list-style: none;
  padding-left: 40px;
}
ul.step-numbers2 li {
  margin: 0 0 20px 0;
  position: relative;
	line-height:18px;
}
ul.step-numbers2 li::before {
	font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f058";

  color: #008b56;
  font-size: 24px;
  position: absolute;
  --size: 32px;
  left: calc(-1 * var(--size) - 10px);
  width: var(--size);
  height: var(--size);
  top: 0;
  text-align: center;
}


form #card_number.visa {
  background-position: 2px -163px, 260px -61px;
}
form #card_number.visa_electron {
  background-position: 2px -205px, 260px -61px;
}
form #card_number.mastercard {
  background-position: 2px -247px, 260px -61px;
}
form #card_number.maestro {
  background-position: 2px -289px, 260px -61px;
}
form #card_number.discover {
  background-position: 2px -331px, 260px -61px;
}
form #card_number.valid.visa {
  background-position: 2px -163px, 260px -87px;
}
form #card_number.valid.visa_electron {
  background-position: 2px -205px, 260px -87px;
}
form #card_number.valid.mastercard {
  background-position: 2px -247px, 260px -87px;
}
form #card_number.valid.maestro {
  background-position: 2px -289px, 260px -87px;
}
form #card_number.valid.discover {
  background-position: 2px -331px, 260px -87px;
}

p.log {
    margin: 5px 13px;
}
.date-col {
    margin-left: 15px;
}
form#card-form {
    width: 100%;
    margin: auto;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    padding: 15px;
    margin-bottom: 20px;
}
#card-form .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-right: 46px;
}




/*------------------------------ 17.05.2018 css -----------------------*/

.admin-form {
    width: 50%;
    margin: auto;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
body.fixed-nav {
    height: 100%;
}
html,body{
	  /*  height:100%; */
}
p.main-heading {
    color: #4a3f3f;
    text-align: center;
    margin: 0 0 5px 0;
    font-size: 40px;
    font-weight: 500;
}
.admin-form .login-panel.panel.panel-default {
    padding: 30px;
    box-shadow: 0 0 5px 0 rgba(255,255,255,0.2);
}

/*************FORM STUFF**************************/

.no-side-padding {
	padding-left: 0;
	padding-right: 0;
}
.bank-account
{
	float:left;
}
.heading {
    font-size: 22px;
    font-weight: 500;
}

.holder_name input#card_number {
    min-width:250px;
    padding: 5px 5px 5px 58px;
    font-size: 16px;
}


.datedropdown {
    float:left;
    margin-right:10px;
}


.kyctermsconditions .modal-dialog .modal-content .modal-body{
	background-color:red;
}

input#cvv {
    width: 30%;
}
.modal-form {
    margin-bottom: 30px;
}


.modal-dialog {
    width: 90% !important;
}

.modal-dialog p {
    word-wrap: break-word;
}



.modal-content {
    padding: 20px;
    
}

.modal-terms .modal-content {
    padding: 10px 10px 10px 10px !important;
}

.modal-terms .modal-dialog {
    
}

.modal-content a {
    color: #008b56;
    font-weight: normal;
}

.btn-finish {
	
}

.modal-content h4 {
    font-size: 20px;
}


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

/* Css for modal box*/
.termsprivacyModal .modal-dialog,
.termsprivacyModal .modal-content {
    /* 80% of window height */
    height: 95%;
}

.termsprivacyModal .modal-body {
    /* 100% = dialog height, 120px = header + footer */
     max-height: calc(100% - 50px);
     overflow-y:scroll;
     padding-right: 20px !important;
}


.termsprivacyModal .modal-content .modal-body::-webkit-scrollbar {
    width: 10px;       
    background-color: #F5F5F5;
} 
.termsprivacyModal .modal-content .modal-body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px grey; 
border-radius: 2px;
}
.termsprivacyModal .modal-content .modal-body::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 5px grey; 
border-radius: 2px;
height:10px;

}
button.btn.btn-default {
    padding: 10px 30px;
    margin: 4px 15px 0 0;
	border-radius:3px;
}
.termsprivacyModal .modal-footer{
	padding:2px;
}

/* .modal-body::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.modal-body::-webkit-scrollbar
{
    width: 10px;
    background-color: #F5F5F5;
}

.modal-body::-webkit-scrollbar-thumb
{
    background-color: #000000;
    border: 2px solid #555555;
} */
/* End of Css for modal box*/


/*css for kyc terms and condition dialog box on verify account page*/

#kyctermsconditions .modal-dialog,
#kyctermsconditions .modal-content {
    /* 80% of window height */
}

#kyctermsconditions .modal-body {
    /* 100% = dialog height, 120px = header + footer */
     max-height: calc(100% - 50px);
     overflow-y:scroll;
     padding-right: 20px !important;
}

 #kyctermsconditions button.btn.btn-default {
    padding: 10px 30px;
    margin: 4px 15px 0 0;
	border-radius:3px;
} 


#kyctermsconditions .modal-body::-webkit-scrollbar {
    width: 10px;       
    background-color: #F5F5F5;
} 
#kyctermsconditions .modal-body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px grey; 
border-radius: 2px;
}
#kyctermsconditions .modal-body::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 0 0 5px grey; 
border-radius: 2px;
height:10px;

}
 

/*end of css */


button.close {
font-size: 25px;
    position: absolute;
    top: 8px;
    right: 8px;
    line-height: 20px;

}

.close-button {
    float:right;
    height: 30px;
}


.close-button a i {
    font-size: 25px;
}

p.validation-email {
font-weight: bold;
text-align: center;
}

/*.bank-account:first-child {
    margin-right: 15px;
}*/

@media (max-width: 576px) {
  .cardreviewstep2 .row {
    margin-bottom:20px;
}
}


.form-group label {
    width: 100%;
}
.form-group select#wallet {
    margin-right: 12px;
}

.form-control-label {
    /* color: #248436; */
	color: #2e4369;

font-size: 13px;
font-weight: bold;
margin-bottom: 6px;
padding-left: 0;
	
	
}




.form-control:disabled, .dataTables_filter input:disabled, .form-control[readonly], .dataTables_filter input[readonly] {

    background-color: #ffffff !important;
	 font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    font-weight: bold !important;
border: dashed 1px #aaaaaa !important;
 
}

.cleaninput.form-control[readonly] {
    padding: 0 !important;
    background: none !important;
    border:none !important;
     -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.0);
-moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.0);
box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.0);
}

.amount-input {
	max-width: 160px;
	float: left;
}

.input-label-currency {
	padding-left: 8px;
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
}



/***************************21-05-2018********************/
.br-pagebody a.btn.btn-info {
    color: white;
}
.br-pagebody a.btn.btn-info:hover{
    color: white;
}
.br-logo img {
    height: auto;
    max-height: 43px;
}

/******************22-05-2018***********************************/
form.trans_form {
    font-size: 20px;
    
}
.hide {
    display: none;
}
input#crypto_address {
    width: 277px;
    padding: 7px 7px;
}
a card_verify {
    color: #0866C6 !important;
}
.row.row-stm {
    margin-top: 70px;
}

.account-btn {
    float: right;
    color: white;
    margin-right: 18px !important;
    border-radius: 18px !important; 
    border-color: white !important;
}



span.account-details {
    font-size: 13px;
	color:black;
    width: 100%;
    display: table;
}
.account-right {
    color: white;
    float: right;
    margin-right: 11px;
    margin-top: 10px;
    font-size: 16px;
}


/********* Withdraw page *********/

.fetching_banks {
    margin: 40px 0;
}



/***********************5/6/2018***************************/

.main-deposit .modal-body button.btn.btn-primary {
    width: 100%;
}

.main-deposit .modal-content {
    width: 375px;
}
.main-deposit .modal-body {
    
    margin: 0 ;
}
/*.banktransfer .modal-content{
    height: 300px;
	width: 375px;
}*/
.deposit_form .modal-content{
    width: 427px; 
    height: auto; /*330px */
}


/*-------------------05-06-2018---------------------*/



.bg-box-green {
	background-color: #248436;
}

.bg-box-orange {
	background-color: #f58321;
}

.bg-box-blue {
	background-color: #182548;
}

.bg-box-red {
	background-color: #d6253d;
}
#currency-deposit {
    font-size: 20px;
    text-align: center;
}
button.btn.btn-primary.amount-button {
    width: 40%;
    margin-top: 23px;
}

ul.link-sub2.open {
    display: block;
}
ul.link-sub1.open {
    display: block;
}


.br-menu-sub {

  
    background: none !important;
 

}
.br-menu-link.with-sub::after{
	 right: 0px !important;
}
.pagination {
  float: right;
}
ul.pagination .page-item .page-link {
    padding: 8px;
    width: auto;
}
ul.pagination li {
    padding: 2px;
}
body .br-section-wrapper table.dataTable thead th.sorting_asc::before, table.dataTable thead td.sorting_asc::before {
    border-bottom-color: #ced4da;
}
.account_dialog {
   max-width: 812px !important;
}
.account_form .modal-content {
   width: 812px;
   height: 354px;
}
/****************7-4-2018*****************************/
.button_generate_token {
    padding: 60px;
}
#set_gateway {
    margin-bottom: 20px;
}
.payment_form_merchant_eden {
    padding: 60px;
}

#form_fields {
    padding: 30px;
    border: 1px solid #ced4da;
}
#form_fields input {
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 0.65rem 0.75rem;
    border-radius: 3px;
}
.form_generate_code{
	padding: 30px;
    border: 1px solid #ced4da;
}
.input_fields_wrap {
    margin: 15px 0;
}
.form_submit_gateway #submit_form_gateway {
    background: #138496;
    color: #fff;
    border: transparent;
	margin-right: 15px;
	cursor:pointer;
	padding:12px;
}
#cancel_form_gateway {
    background: #727b84;
    color: #fff;
    border: transparent !important;
	cursor:pointer;
}
#form_code_gateway {
    margin-bottom: 10px;
}
#form_code_gateway_payout {
    margin-bottom: 10px;
}


.add_field_button{
	background: #138496;
color: #fff;
border: transparent;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
font-weight: 500;
padding: 12px 20px;
border-radius:4px;
cursor:pointer;
}
.button_generate_form {
    padding: 0px 60px;
	text-align: center;
}
.button_generate_token {
    text-align: center;
}
.display_token {
    max-width: 300px;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 20px;
    padding: 20px;
}
#gateway_form {
    cursor: pointer;
}
#form_fields [class*="col-"] {
    display: flex;
    align-items: center;
}
input[type="checkbox"] {
    margin-right: 10px;
}
.input_fields_wrap input {
    width: 100px;
}
.input_fields_wrap button, select, .input-wrap {
    padding: 8px;
	border: 1px solid #ced4da;
}
#cpybtn, #cpybtn1,#cpybtn2
{
	background:#138496;
	cursor:pointer;
	margin-bottom: 20px;
    width: 100%;
}

/***** Merchant API payment pages*****/



#wallet_transfer_page {
    padding: 12px;
    width:100%;
	min-width: 300px;
	max-width: 700px;
    background: #e6e8ea;
	margin: 0 auto;
}
#wallet_transfer_page .amt_currency {
    background: #fff;
    margin-bottom: 12px;
    border-radius: 4px;
    display: none;
}
#wallet_transfer_page .amt_currency [class*="col-"] {
    display: flex;
}
#wallet_transfer_page span.amt_to_be_paid {
    font-size: 35px;
	font-weight: bold;
    color: #000000 !important;
}
#wallet_transfer_page .amt_currency [class*="col-"]:first-child {
    border-right: 1px solid #e6e8ea;
}
#wallet_transfer_page span.mer_name {
    font-size: 14px;
    font-weight: bold;
    color: black;
    line-height: 17px;
    margin: 10px 0;
}
#wallet_transfer_page .logo_sec img {
    max-width: 170px;
	margin-right: 10px;
}
#wallet_transfer_page .logo_sec span {
    color: #000;
    font-weight: 600;
}
#wallet_transfer_page .wallet_to_wallet_pay {
    width: 100%;
}
#wallet_transfer_page .balance_acc {
    display: inline-block;
    width: 100%;
    margin: 40px 0 10px;
}

#wallet_transfer_page p {
    color: #333;
	font-size: 20px;
    margin-bottom: 10px;
    /*font-weight: 600; */
}

#wallet_transfer_page .balance_acc sup {
    font-size: 14px;
    color: #9b9797;
}
#wallet_transfer_page .form-layout-footer_pay_now .btn-info {
    color: #fff !important;
    background-color: #369154;
    border-color: #369154;
    width: auto;
    padding: 10px 20px;
    margin-bottom: 20px;
    text-decoration: none;
}
#wallet_transfer_page .form-layout-footer_cancel_payment {
    
}
#wallet_transfer_page .form-layout-footer_cancel_payment a {
    color: #333;
}

#wallet_transfer_page a#Cancel_button {
    display: block;
    margin-top: 60px;
}

#wallet_transfer_page a#send_again {
    margin-top: 30px;
}

#wallet_transfer_page .br-footer {
    padding: 0px !important;
}
#wallet_transfer_page .form-layout-1 {
    padding: 30px;
    background: #fff;
    border-radius: 5px;
	
}
#wallet_transfer_page .price_to_pay_information {
    width: 100%;
    position: relative;
}
#wallet_transfer_page .price_to_pay_information a {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
#wallet_transfer_page span.currency_in_which_to_be_paid {
    font-weight: normal;
}
#wallet_transfer_page .br-pagebody {
    padding-bottom: 30px !important;
}
#wallet_transfer_page .form-layout-footer_cancel_payment {
    margin-bottom: 20px;
}

#wallet_transfer_page .form-layout-footer_pay_now {
    
}

.success_image {
    text-align: center;
    margin-bottom: 25px;
}
.success_text p {
    font-size: 25px;
    font-weight: 900;
}
.success_text p {
    font-size: 25px;
    font-weight: 900;
}
.after_success_redirect {
    text-align: center;
    margin-bottom:30px;
}
.after_success_redirect a {
    color: #008b56 !important;
    padding: 10px 30px;
    border-radius: 5px;
    font-weight: 700;
}

.success_text
{
	text-align:center;
}

.text-success {
    color: #008b56  !important;
}

.tx-100 {
    font-size: 100px;
}

.tx-120 {
    font-size: 120px;
}

.admin_wrapper table.dataTable thead th.sorting::after {
	right: 0px;
}
.admin_wrapper b.dataTable thead th.sorting::before {
    right: 0px;
}


/**** PUR Page *****/
.current_balance {
    margin:30px 0;
}
 
.pur_fx_text1 {
    margin: 20px 0 30px !important;
    border: 1px solid #008b56;
    background: #f7fbf7;
    padding: 20px;
    color: #008b56;
}

.pur_fx_text2 {
    font-weight: bold;
}

.pur_fx_summary {
    margin: 30px 0;
}

.top_up_wallet.btn {
    color: #008b56;
    font-size: 16px;
    background: #ffffff;
    border-radius: 20px !important;
    border: 2px solid #008b56 !important;
}

.top_up_fx.btn {
    color: #fff;
    font-size: 16px;
    background: #008b56;
}

.open-mint-inner-con-just .container
{
	margin:auto;
}
 .open-mint-inner-con-just .row{
	 justify-content:center;
 }

#phoneCode{
	text-align:center
}

@media(min-width:768px) and (max-width:1199px){
div#datatable1_wrapper {
   max-width: 618px;
   overflow-x: scroll;
}
}






/****** Cards and banks page ******/

div#datatable1_wrapper {
   max-width: 1900px;
   overflow-x: scroll;
}
.table-wrapper {
    max-width: 1900px;
    overflow-x: scroll;
}
.fee-section {
    margin-bottom: 30px;
}

.payment-block {
    
    margin: 0 ;
    padding: 20px;
}
.payment-heading {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
	color: black;
}
.payment-heading span {
    font-weight: lighter;
    font-size: 15px;
}
.payment-inner-block {
    position: relative;
	max-width:195px !important;
    text-align: center;
    padding: 9px 12px;
    background: #fbfbfb;
    border-radius: 5px;
	min-height: 105px;
	margin:0 10px 20px 0;
	border: 1px solid rgba(9, 115, 0, 0.13);
    width: 100%;
    float: left; 
}



.card2 {
	background: #ffffff;
	position: relative;
padding: 30px;
display: flex;

flex-direction: column;
}
.card-img {
    margin-bottom: 12px;
}

.payment-inner-block .fa {
    font-size: 35px;
   color: #008b56;
	margin-bottom: 10px;
}

.payment-inner-block h4 {
    font-size: 15px;
    font-weight: bold;
	color: #008b56 !important;
}

.logged-name {margin-top:10px;}

.cirlce {width:40px; height:40px; background:#241240; line-height:40px; text-align:center; border-radius:50%; float:right;}

.cirlce {color:#fff !important; text-decoration:none; font-size:17px; }

.big-cirlce {color:#fff; text-decoration:none; font-size:28px;width:80px; height:80px; background:#348b2e; line-height:80px; text-align:center; border-radius:50%;margin:0 auto;}

.visa {
    text-align: left;
}
.card-type {
	margin-top:20px;
    font-weight: 600;
    color: #333;
	float: left;max-width: 180px;
}


.visa a {
    text-transform: uppercase;
    text-align: right;
    display: inline-block;
    width: 100%;
}


.cardblock .btn {

    display: inline-block;
    width: auto;
    background: #fff;
    color: #008b56 !important;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 400;
    border-color: #008b56;
    border-width: 1px !important;

}

.payment-inner-block.cardblock .modal-dialog div.modal-content .modal-body input.btn.btn-info {
    color: #ffffff !important;
}

.cardblock{
	text-align:left;
}
.visa .btn {
    visibility: hidden;
}


.block-delete a {
	font-size: 12px;
	color: #aaaaaa;
}
.cardblock a {
 
	font-weight: bold;
    display: inline-block;
    text-align: right;
	text-transform: none;
}
.cardblock .date {
    margin-bottom: 4px;
}
.visa .date {
    margin-bottom: 31px;
}
.account-number {
    margin-bottom: 4px;
    font-size: 14px;
}
.card {

    padding: 30px;

}


.btn-validation {
     display: inline-block;
    width: auto;
    background: #fff;
    color: rebeccapurple !important;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid rebeccapurple;
    border-radius: 3px;
}

.status-verified::before {
    
	font-family: "Font Awesome 5 Pro"; color: green; content: "\f336";margin-right: 2px;

}

.status-verified {
    
	font-size: 12px;

}



.btn-pending::before {
    
	font-family: "Font Awesome 5 Pro"; color: rebeccapurple; content: "\f336";margin-right: 2px;

}

.btn-pending {
    color:rebeccapurple;
	font-size: 12px;

}


.list-style-1 {
	margin-left: 30px;
}

.list-style-1 li{
	margin-bottom: 20px;
}



.payment-inner-block-wide {
    position: relative;
	width:100%;
    text-align: left;
    padding: 10px 10px;
    background: #ffffff;
    border-radius: 5px;
	margin-bottom: 20px;
	border: 1px solid rgba(0,0,0,.125); 
}

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

.card-type, .bank-type {
    
	margin-top:0px;
    font-weight: bold;
    font-size: 14px;
    color: #333;
	float: left;
    width: 100%;
    padding-right: 17px;
    max-width: 2000px;
}

.card-type1::before {
	font-family: "Font Awesome 5 Pro"; color: #2e4369; content: "\f09d";margin-right: 10px;

}

.bank-type1::before {
	font-family: "Font Awesome 5 Pro"; color: #2e4369; content: "\f66f";margin-right: 10px;

}

.block-delete {
    right: 7px;
    top: 7px;
    position: absolute;
   
    
}



.ending-text {
    font-size:13px;
}

.addcardbank {
    text-align: center;
    padding-top:20px;
}

.payment-inner-block h4 {
    margin-right: 0;
    padding-right: 0;
}

/****** Wallet Page *******/

.walletlist-wrap {
	border-radius:0px;
	border-bottom: 1px solid rgba(0,0,0,.1);
	background: #ffffff;
	padding: 10px 20px 10px 0;
	margin-bottom: 10px;
	float: left;
    width: 100%;
    max-width: 800px;
}

.walletlist-left {
	line-height: 1.9em;
	float: left;
	width:280px;
	
}

.walletlist-right {
	padding-top:10px;
	float: left;
	/*width:40%;*/
}

.deposit-withdraw-exchange div {
	float: left;
}




.walletlist-right button.btn {
	background: #ffffff;
	border-radius: 4px;
	border: solid #cccccc 1px !important;
	padding: 12px 14px 12px 10px;
	margin: 0 10px 10px 0;
	font-size: 14px;
	font-weight: bold;
	color: #2e4369 !important;
	line-height: 20px;
	top:8px;
}

.walletlist-right a.btn-transaction {
	background: #ffffff;
	border-radius: 4px;
	border: solid #cccccc 1px !important;
	padding: 12px 14px 12px 10px;
	margin: 0 10px 10px 0;
	font-size: 14px;
	font-weight: bold;
	color: #2e4369 !important;
	line-height: 20px;
	top:8px;
}


.btn-deposit::before {
	font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size:24px; content: "\f090\00a0\00a0"; vertical-align: middle;
}

.btn-withdraw::after {
	font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size:24px; content: "\00a0\00a0\f08b"; vertical-align: middle;
}

.btn-exchange::before {
	font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size:24px; content: "\f0ec\00a0\00a0"; vertical-align: middle;
}


.btn-sendbtc::after {
	font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size:24px; content: "\00a0\00a0\f08b"; vertical-align: middle;
}

.btn-receivebtc::before {
	font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size:24px; content: "\f090\00a0\00a0"; vertical-align: middle;
}

.walletlist-right button.btn.btn-deposit:disabled, .walletlist-right button.btn.btn-withdraw:disabled, .walletlist-right button.btn.btn-exchange:disabled, .walletlist-right button.btn.btn-sendbtc:disabled, .walletlist-right button.btn.btn-receivebtc:disabled {
    opacity: 1 !important;
    background: #f1f1f1 !important;
    color: #cccccc !important;
    border: 1px solid #eeeeee !important;
    
}



.account-page .walletlist-left-subwrap {
	padding: 20px 30px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.05);
margin-bottom: 40px;
}

.account-page .currency-balance {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 20px;
}

.account-page .currency-balance.currency_BTC {
    border:none;
    margin-bottom: 0px;
}

.walletlist-currencytitle {
	float: left;
	font-weight: 700;
	color: #17264d;
}

.walletlist-balance {
	color: #008b56;
	font-weight: 300;
	font-size: 36px;
}

.walletlist-currency {
	color: #008b56;
	font-weight: 300;
}

.exchange-available-currency {
    color: #2e4369;
	font-weight: bold;
}

.info-panel {
	background: #ffffff;
	padding: 30px;
	margin-bottom: 20px;
	border: 1px solid rgba(0,0,0,.125);
}
#msgcontent-body .info-panel .btn-action {
	float: left;
	margin-top:40px;
}
#msgcontent-body .info-panel {
	display: inline-block;
    width: 100%;
}

.detail-title {
	font-weight: 700;
	color: #17264d;
}

.detail-content {
	margin-bottom: 10px;
}

@media (max-width: 732px) {
	.walletlist-wrap {width: 100%;}
	.walletlist-left { width: 100%;}
	.walletlist-right { width: 100%;}
	
}

/****** Exchange screens *****/

.exchange-rate-wrapper {
    padding: 10px;
    border: 1px dashed #bbbbbb;
    background: #ffffff;
    border-radius: 1px;
    width:auto;
    margin-bottom: 20px;
    float: left;
}


.exchange-rate-wrapper p{
    margin-bottom:0px;
}


.exchange-rate-box {
    font-size:24px;
}

.exchange-rate-box .currencyA { 
    
    font-weight: bold;
    color: #2e4369;
   
}

.exchange-rate-box .currencyB { 
    
    font-weight: bold;
    color: #008b56;
   
}

.exchange-review {
    margin-bottom: 20px !important;
}
.exchange-review .currencyA { 
    
    font-weight: bold;
    color: #2e4369;
   
}

.exchange-review2 {
    font-size: 20px;
}

.exchange-review2 .currencyB { 
    
    font-weight: bold;
    color: #008b56;
   
}

/***** Transaction listing ****/


.txtable1 thead > tr > th, .table tfoot > tr > th {

    border-top: 0;
    border-bottom: 0;
    font-weight: 700;
    font-size: 12px;
    text-transform: none !important;
    color: #343a40;
    letter-spacing: 0.5px;

}

.txtable1 .text-right {
	font-weight: bold;
	font-size: 13px;
}


.balancetext {
	display: none;
}

.trans_form select {
	font-size:16px;
}

.trans_form #fromdate,
.trans_form #todate{
	font-size:14px;
	padding:8px; 
}

.trans_form table.dataTable {

    border: 0px solid #ffffff !important;
      

}

.transactionlistwrap thead.thead-colored tr th {
	border-bottom: 2px solid #333333 !important; 
}

.transactionlistwrap thead.thead-colored tr th.mob_view.no-border {
	border: none !important;
}

.transactionlistwrap td.mob_view {
	width: 95%;
}

.transactionlistwrap table td {
	font-size: 14px;
}

#myselect,
#date_interval {
	margin-right: 10px;
	margin-bottom: 10px;
}

.transactionlistwrap select.form-control,
.dataTables_wrapper select.form-control {
    padding-top: 4px !important;
}


.first_trans {
	display: inline;
}


.second_trans_wrapper {
	display: inline-block;
	margin-right:10px;
}


.transactionlistwrap {

    border-radius: 5px;
    border: 0px solid #c0bdc5;
    background: #ffffff !important;
    padding: 0px !important;
    margin-bottom: 20px;
}

#demo_wrapper.dataTables_wrapper .col-sm-12.col-md-6 {
	width: auto !important;
	max-width: 150px !important;
}


#demo_length.dataTables_length label {
	font-size:12px;
}

#demo_filter.dataTables_filter label {
	font-size:1px;
	color: #ffffff;
	
}

#demo_length.dataTables_length label select.form-control.form-control-sm {
	display: block !important;
}

#demo_length.dataTables_length label select.form-control.form-control-sm::before { 
  content: "Look at this orange box.";
  background-color: #FFBA10;
  border-color: black;
  border-style: dotted;
	font-size:13px;
	display: block;
	
}

.dataTables_info {
	font-size: 12px;
}


.table-striped tbody tr:nth-of-type(2n+1) {

    background-color: rgba(0, 0, 0, 0.01) !important;

}

.pagination .active .page-link, 
.pagination .active .page-link:hover, 
.pagination .active .page-link:focus {

    color: #fff;
    background-color: #eeeeee !important;
    border-color: transparent;

}

.pagination .page-item .page-link {
font-size: 14px;
	border: none !important;
	height: auto !important;

}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding-top: 0.54rem;
    padding-bottom: 0.54rem;
    background: none !important;
    border-color: transparent;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:focus {
    background: none !important;
    color: #adb5bd !important;
}

.table-no-border {
	border: none !important;
}

.tx_date {
	margin-bottom: 2px;
	font-weight: bold !important;
}

.td-align-right {
	text-align: right !important;
}
.tx_description {
	margin-bottom: 2px;
}

.tx_amount {
	margin-bottom: 2px;
}


.tx_balance {
	padding:10px;
}

.valuepositive {
	color: #008b56;
}

.detail-content {
   margin-bottom: 20px;
    line-height: 1.3em;
}
.detail-title {
   font-weight: bold;
    font-size:14px;
  
}

.detail-content2 {
   margin-bottom: 10px;
}
.detail-title2 {
   font-weight: 400;
  
}


#personal_info h6 {
   margin-bottom: 30px;
}
#personal_info p {
  
}


.modal_tx_date{
    margin-bottom: 1px;
}


.modal_tx_id {
   
}

.modal_tx_type {
    font-weight: bold;
    margin-bottom: 1px;

}

.modal_tx_desc1 {
     font-size: 16px;
   
}

.rTable    { display: table; width: 100%;}
		.rTableRow       { display: table-row; }
		.rTableHeading    { display: table-header-group; }
		.rTableBody    { display: table-row-group; }
		.rTableFoot    { display: table-footer-group; }
		.rTableCell, .rTableHead  { display: table-cell; }

.leftcell {
    padding-right: 18px;
}

.rightcell {
    text-align: right;
}

.leftcell.strong,
.rightcell.strong {
    border-top:1px solid #333333;
}

#export_csv_button {
    text-align: center;
    margin: 25px 0px;
}


/**** Merchant token page *****/

.token_list {
    border: 1px solid #cccccc;
    border-radius: 10px;
    background: #f1f1f1;
    padding:10px;
    margin-bottom: 20px;
}

.token_list label{
    font-weight: bold;
    margin-bottom: 5px;
}


.token_key_merchant {
    margin-bottom: 0;
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}


.token_already_exist {
    text-align: center;
}

.token_already_exist p {
    font-size: 20px;
}

#token_key_merchant {
    font-weight: 900;
}
.api_key_url_already_exist {
    text-align: center;
    margin-top: 80px;
}
#api_key_url {
    font-weight: 900;
    font-size: 18px;
}
#save_details {
    color: white;
}
#landing-popup {
    pointer-events: none;
}
#landing-popup .modal-content {
    pointer-events: fill;
}
#acc_displaydetails .account_search_results {
    text-align: center;
    margin-top: 50px;
}

.showing-box {
    cursor: pointer;
}
.link-sub3.br-menu-sub.open {
    display: block;
}
tr.unread {
    color: black;
    background: aliceblue;
}
.text-info {
    float: right;
	font-size: 20px;
}
#newVerification .cc-picker.cc-picker-code-select-enabled {
    display: none;
}
.verifyCodeForm {
    display: none;
}
#final_bal {
	/* float: right; */
}


/******* SEND BTC PAGE *******/

.send_add {
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
   
}

.send-again {
     display: block;
    margin: 0 0 20px;
    color: #008b56;
}

.send-again:hover {
     cursor:pointer;
}


.send-again::before {
	font-family: "Font Awesome 5 Pro"; color: #008b56; content: "\f01e \00a0";
}

div#send_exr_int {
    width: 470px;
}
#send_btn {
    border-radius: 3px;
}
div#rec_exr_int {
    width: 470px;
}
.col-sm-6.kyc-class {

    float: left;
    border: 1px solid;
    padding: 10px;

}
#input-image-front {
    display: none;
}
#input-image-back {
    display: none;
}
#ipn_url{
	width: 30%;
	margin-bottom: 10px;
}
fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

    legend.scheduler-border {
        font-size: 1.2em !important;
        font-weight: bold !important;
        text-align: left !important;
        width:auto;
        padding:0 10px;
        border-bottom:none;
    }
	
.form-group.required .form-control-label:after {
    content: "*";
    color: red;
}
.Id-verify-txt{
	font-weight:600;
	font-size:12px;
}
#continue{
	color:white !important;
}
.span-content {
    color: #0062cc;
}
#verify_Code_payment{
	margin-bottom: 20px !important;
	/* max-height: 28px !important; */
	margin: auto;
}
/****************08-12-2018******************/
/*@media(min-width:768px) and (max-width:1199px)
screen and (orientation:landscape) {
      #blah {
        -ms-transform: rotate(-45deg); /* IE 9 *
        -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera *
        transform: rotate(-45deg);
        width: /* screen width * ;
        height: /* screen height *;
        overflow: scroll;
      }
    }*/
img#blah{
  max-width:180px;
}
/**************** 18-12-2018**********************/
#image_type1, #image_type{
    float: left;
    
}
#blah1{
  max-width: 180px;
}
.zoom:hover{
  -ms-transform: scale(3.5); /* IE 9 */
  -webkit-transform: scale(3.5); /* Safari 3-8 */
  transform: scale(3.5);
}
 

header.clearfix.header {
border-bottom: 1px solid #ddd;
}
.navbar-header {
height: 0 !important;
}
h3.service_head {
color: #333;
}
@media(max-width:767px){}
section#services {
padding: 0;
}
.row.main-content {
padding: 60px 0;
}
section#about {
padding: 26px 0;}
section#services {
padding: 20px 0;
}
.wpb_column.col-md-6.vc_custom_1503243662564 {
margin-bottom: 34px;
}
img.custom-logo {
max-width: 44%;
}
.navbar-default .navbar-collapse {
background: 0;
}
.n2-section-smartslider {
border-top: 1px solid #ddd;
}

.verify_details a {
  color: #333;
}

.bdr_btm .form-control {
  border:0;
  border-bottom: 1px solid #9b9b9b;
  border-radius: 0;
}





.form-layout-footer .btn, .form-layout-footer .sp-container button, .sp-container .form-layout-footer button {

   
    letter-spacing: 1px;
    font-weight: 500;
    padding: 12px 20px;

}

.deposit_type .btn {    border-radius: 0 !important;
 border: 1px solid #1a1a1a !important;
 display: inline-block;
 padding: 10px;
 position: relative;
 text-align: center;
 transition: background 600ms ease, color 600ms ease;
	width: 50%;
	background: #ffffff;
}

.deposit_type .toggle {
 display: none;
}
.deposit_type .toggle + label {
 cursor: pointer;
 min-width: 60px;
}
.deposit_type .toggle + label:hover {
 background: #ffffff;
 color: #1a1a1a;
}
.deposit_type .toggle + label:after {
 background: #1a1a1a !important;
 content: "";
 height: 100%;
 position: absolute;
 top: 0;
 transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
 width: 100%;
 z-index: -1;
}
.deposit_type .toggle.toggle-left + label {
 border-right: 0;
}
.deposit_type .toggle.toggle-left + label:after {
 left: 100%;
}
.deposit_type .toggle.toggle-right + label {
 margin-left: -5px;
}
.deposit_type .toggle.toggle-right + label:after {
 left: -100%;
}
.deposit_type .toggle:checked + label {
 cursor: default;    background: #000;
 color: #fff;
 transition: color 200ms;
}
.deposit_type .toggle:checked + label:after {
 left: 0;
}

.verify_details ol {
    padding-left: 15px;
}

input#selectMale , button#selectMale{
float: left;		
}

input.kyctext {
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 1px solid black;
}
#kyc_form_verification .form-layout-footer {
    width: 100%;
}

.form-group {
	margin-bottom: 30px;
}

.form-group h5 {
	margin-bottom: 20px;
}

/*
.pagetype-dep .form-control-label{
	font-size:14px;
}
*/

.form-control-label.pre-text{
	margin-bottom:2px;
}

.sub-label {
	margin-bottom:6px;
}



/********** KYC MobileAppVersion ************/

body.injection {
    background-color: #ffffff !important;
    font-size: 14px !important;
}

.injection .btn-full {
    width: 100%;
    margin-left: 0 !important;
    padding: 15px 20px;
}

.injection .btn {
    border-radius: 30px !important;
    padding: 11px 37px;
    margin-top: 20px;
}

.injection .btn {
    border-radius: 30px !important;
    padding: 11px 37px;
    margin-top: 20px;
}


.injection h2 {
    font-size: 18px;
    margin-bottom: 15px !important;
}

.injection h3 {
    font-size: 15px;
    margin-bottom: 7px !important;
}

.injection h4 {
    font-size: 13px;
    margin-bottom: 2px !important;

}

.injection h5 {
    font-size: 13px;
    font-weight: normal;
}

.mapp_section {
    padding: 30px !important;
}

.injection p{
     font-size: 14px;
}

.injection table.dataTable tbody th, .injection table.dataTable tbody td {

    padding: 6px !important;

}


.injection.non-admin .br-mainpanel{
    margin-top: 0;
    position: relative;
} 


.injection .br-pagebody {
    margin:0 !important;
    padding:20px !important;
}

.injection .br-mainpanel,
.br-mainpanel.popterms {
    margin: 0 !important;
    border-bottom: 0px solid #dddddd;
    }


/*
.injection .btn-next {

    padding: 30px 0 20px;
    float:none;
    min-width: 150px;
    margin-left: 0;

}*/

.mobileappversion h3{
	font-size:18px;
}

.mobilekyc_form1 .form-control-label{
	font-size:14px;
	color: #333333 !important;
	margin-bottom: 2px;
	font-weight: bold;
}

.mobilekyc_form1 .form-group label{
	color: #9B9B9B
}


.mobileappversion .formsec form input.form-control {
	padding: 10px 0 5px;
}

.mobileappversion select.select {
	margin-left:0;
	background: #ffffff;
	padding: 5px;
}

.mobileappversion .group-country,
.mobileappversion .group-dateofbirth{
	 display: none; 
}

.mobileappversion .img-backarrow{
	max-width: 23px;
	margin:20px 0;
}

.injection .table.dataTable thead th{
    border-width: 0px;
 
}

.message-date {
    margin-bottom: 2px;
    font-weight: bold;
}

/********** New design Form elements *********/


.frontend .form-control, .non-admin .form-control, .dataTables_filter input{
	/* old version
	padding: 2px 5px 3px 0 !important;
	border-radius: 0 !important;
	border: 1px solid rgba(0, 0, 0, 0) !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
	*/
    
    
	background: #ffffff none repeat scroll 0 0;
    border-color: #dddddd;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px;
    color: rgb(0, 0, 0) !important;
    font-weight: 400;
    padding: 13px 8px !important;
    font-size: 16px;
    
    margin-bottom: 10px;
 /*  -webkit-box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.13);
-moz-box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.13);
box-shadow: inset 0px 0px 12px 0px rgba(0,0,0,0.13);*/
    
    
padding: 13px 16px 11px;

font-size: 16px;

line-height: 24px;

border-radius: 3px;

background-clip: padding-box;
    
    
}

select.form-control:not([size]):not([multiple]) {

    height: inherit !important;

}

.frontend select.form-control, .non-admin select.form-control, .dataTables_filter select, select{
    padding: 13px 8px !important;
    margin-left: 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 20px !important;
    background-color: #fff;
    background-image: url('../img/arrow-down.png');
    background-repeat: no-repeat, repeat;
    background-position: right 5px top 50%, 0 0;
    background-size: .65em auto, 100%;
    border-radius: 2px;
    font-size:16px !important;
    line-height: 24px !important;
}


select#country {
    width: 100%;
}

select#reg_currency {
    width: 100%;
}

.injection select {
    padding: 5px 8px !important;
    border-radius: 0;
    padding-right: 20px !important;
    background-color: #fff;
    background-image: url('../img/arrow-down.png');
    background-repeat: no-repeat, repeat;
    background-position: right 5px top 50%, 0 0;
    background-size: 10px auto, 100%;
}

.injection select::before {
    font-family: "Font Awesome 5 Pro"; color: #008b56; content: "\00a0 \f058 ";
    font-size: 15px;
    left: 0px;
    top: 0px;
    font-weight: bold;
    padding: 0 !important;
}

.injection.non-admin .form-control{
	/* old version
	padding: 2px 5px 3px 0 !important;
	border-radius: 0 !important;
	border: 1px solid rgba(0, 0, 0, 0) !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
	*/
	background: #ffffff none repeat scroll 0 0;
    border-color: #bbbbbb;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px;
    border-radius: 0;
    color: rgb(0, 0, 0) !important;
    font-weight: 400;
    padding: 8px 8px !important;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
 -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
}


.non-admin .form-control.kyctext{
	width: 100%;
    max-width: 400px;
}

.non-admin .form-control.kyctext.amount {

    width: 100%;
    max-width: 200px;

}

#PostalCodekyc {
    max-width: 100px;
}

.admin .form-control {
    margin-bottom: 15px;
}

.non-admin .form-control:disabled {
	background: #fafafa !important;
    border-color: #aaaaaa;
    border-image: none;
    border-radius: 0 !important;
    border-style: solid;
    border-width: 1px 1px 1px;
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    font-weight: normal;
    padding: 8px 8px !important;
}


.chosenfield {
    color: #000000;
}

.chosenfield:after {
    font-family: "Font Awesome 5 Pro"; color: #008b56; content: "\00a0 \f058 ";
    font-size: 15px;
    left: 0px;
    top: 0px;
    font-weight: bold;
    padding: 0 !important;
}

.highlight_text {
	color: #17264d;
	font-weight: bold;
}

/******** New design container and layout fundamentals   ********/

.admin  .container {
   
    margin-left: 0 !important;
 }


.non-admin  .container {
   
    margin-left: 0 !important;
 }

.non-admin .mx-auto {
    margin-left: 0 !important;
}

.non-admin .br-pagebody .card {
   
    border: 0px solid rgba(0, 0, 0, 0.125);
	padding: 0;
}

.non-admin .card-body {
    padding: 0 !important;
}
.non-admin input#select_bank {
    float: left;
}



/***** Summary Table *****/

.summary_table td{
	vertical-align: top;
	padding: 0 15px 10px 0;
}

.summary_table td.label{
color: #17264d;
font-size: 12px;
font-weight: bold;
margin-bottom: 6px;
padding-left: 0;
}

/****** Admin Dashboard ******/

.bg-danger {
    background-color: #cc0000 !important;
}

.bg-danger .system-balance-right {
    color: #fff;
}

.bg-danger .card-label,
.bg-danger .card-label small {
    color: #fff !important;
}


/********* Transactions Page **********/

.table .thead-info > tr > th, .table .thead-info > tr > td {

    background-color: #ffffff !important;

}

.table .thead-colored > tr > th, .table .thead-colored > tr > td {

    font-weight: bold !important;
    color: #17264d !important;
	
    border-color: #17264d !important;
    text-transform: none;

}
.width-24per{
	width: 24%;
}


.fee-row-amount {
	margin-top: 20px;
}

.fee-row-amount, .fee-row-fee, .fee-row-total {
	padding: 0px !important;
	float: left;
}

.tx-fee-left {
	float: left !important; 
	text-align: left;
	padding-left: 0 !important;
}

.tx-fee-right {
	float: right !important; 
	text-align: right;
}

.tx-fee-right.tx-total, .tx-fee-left.tx-total {
	font-weight: bold;
}

.tx-pay p {
	margin-bottom: 0;
}

.fee-row-total {
	border-top: 1px solid #000000;
	border-bottom: 0px solid #000000;
}

.statement-panel {
    font-size: 14px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
    margin-top: 30px;
}

.statement-panel h4{
    font-size: 14px;
}

.statement-panel ul {
    list-style: none;
    margin-left: 0;
}

.statement-panel ul li {
    margin-bottom: 5px;
    float: left;
    margin-right: 20px;
    border-right: 1px solid #ccc;
    padding-right: 20px;
}

.statement-panel ul li:last-child {
    border-right: none;
}

/******* css changes 14-10-2019 *******/
.admin_wrapper-sec {
    max-width: 1270px !important;
    padding: 0;
}

.admin_wrapper-sec .table th, .table td {
    /* padding: 0.75rem 6px !important; */
}

/******* Message boxes *******/
.box-emphasis {
	background: #f2ecfb;
	border: 4px solid #2e4369;
	color: #2e4369;
	padding: 15px;
    margin-bottom:20px;
	
}

.box-emphasis.kycbox {
	margin: 30px 0;
}

.box-emphasis1 {
	background: #f2ecfb;
	border: 4px solid #2e4369;
	color: #2e4369;
	padding: 15px;
	margin:10px 0 20px;
}



.box-emphasis1::before {
	font-family: "Font Awesome 5 Pro"; color: #2e4369; content: "\f071 \00a0";
    font-size: 40px;
    left: 5px;
    top:8px;
    font-weight: light !important;
}
    

.box-emphasis1a {
	background: #f9f6fe;
	border: 2px solid #2e4369;
	color: #2e4369;
	padding: 15px;
	margin:40px 0 20px;
}

.box-emphasis1a::before {
	font-family: "Font Awesome 5 Pro"; color: #2e4369; content: "\f2bb \00a0";
    font-size: 30px;
	line-height: 30px;
    left: 0px;
    top:0px;
    font-weight: light;
}

.box-emphasis2 {
	background: #ffffff;
	border: 4px solid #000000;
	color: #000000;
	padding: 15px;	
    font-size: 14px;
}

.box-emphasis2 strong {
	
	font-weight: bold;
    font-size: 16px;
}

.box-emphasis2::before {
	font-family: "Font Awesome 5 Pro"; color: #aa0000; content: "\f071 \00a0";
    font-size: 40px;
    left: 5px;
    top:8px;
    font-weight: bold;


}


.box-emphasis-alert {
	background: #f9f6fe;
	border: 1px solid #2e4369;
	color: #2e4369 !important;
	padding: 15px;
	margin:40px 0 20px;
    font-weight: bold;
}

.box-emphasis-alert::before {
	font-family: "Font Awesome 5 Pro"; color: #2e4369; content: "\f071 \00a0";
    font-size: 30px;
	line-height: 30px;
    left: 0px;
    top:0px;
    font-weight: normal !important;
}

.pm
.warning {

	font-size: 14px;
	font-weight: bold;
}

.alert {
    position: relative;
    padding: 10px;
        padding-right: 50px;
    margin-bottom: 1rem;
    border: 1px solid 

    transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 0px;

}

.alert-dismissible .close {
padding: 10px;

}

.alert-success,
.alert-success-sms
 {
    color: #008b56 !important;
    background-color: #dbf2d7 !important;
    border:#008b56 solid 4px !important;
    font-weight: light !important;
}

.alert-success-sms::before {
	font-family: "Font Awesome 5 Pro"; color: #008b56; content: "\f7cd \00a0";
    font-size: 40px;
    left: 5px;
    top:8px;
    font-weight: normal;
}


.error {
    color: #aa0000;
    padding: 5px;
    border: 2px solid #aa0000;
    margin-bottom:20px;
}

.text-danger {
    color: #DC3545 !important;
    font-weight: bold;
}
.tx-danger {
    color: #DC3545;
}

.info-box {
    padding: 10px 10px 10px 30px;
    border: 1px solid #008b56;
    position: relative;
    float: left;
    background: #eaf5e7;
    
    
}

.info-box::before {
	font-family: "Font Awesome 5 Pro"; color: #2e5f25; content: "\f05a \00a0";
    font-size: 20px;
    left: 5px;
    top:8px;
    position: absolute;

}

.info-box .labelnormal{
    color:  #2e5f25;
}

.info-box .smalltext{
    font-size: 12px;
    margin-bottom: 5px;
}

/******icon***********/

.icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 5px;
  }

  .Cancelled::before {
    font-family: "Font Awesome 5 Pro"; font-weight: 700; color: #aa0000; content: "\f00d";
  }

  .Pending::before {
    font-family: "Font Awesome 5 Pro"; font-weight: 700; color:rgb(232, 137, 36); content: "\f017";
  }

  .Active::before {
    font-family: "Font Awesome 5 Pro"; font-weight: 700; color: rgb(36, 132, 54); content: "\f00c";
  }

.cell-Cancelled {
    font-size: 12px;
    color: #aa0000;
}

.cell-Pending {
    font-size: 12px;
    color:rgb(232, 137, 36);
}

.cell-Active {
    font-size: 12px;
    color: rgb(36, 132, 54);
}

div#non_kyc {
    margin-top:10px;
    border: 1px solid #800080;
    padding: 15px;
}
span.msg {
    color: #800080;
    font-weight: 700;
}
.selectWidth{
	display: inline-block;
}
.banktransfer .modal-content {
    height: auto;
    width: 375px;
}
@media (max-width: 576px) {
  .mob_view {
    display: block !important;
  }
  .desk_view {
    display: none !important;
  }
  .mob_view th.sorting_disabled {
    width: 100%;
}
	.mob_view td{
    width: 100%;
}
.left_sec{
    width: 50% !important;
}
.right_sec{
    width: 50% !important;
}
}
.mob_view {
    display: none;
  }

label#select_currency1 {
    margin: 0px;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


.qr-code-generator input.qr-size {
    width: 100%;
	max-width: 400px;
    margin: 0px 10px 20px 0;
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    padding:5px;
}


.qr-code-generator .qr-size {
    width: 100%;
    position: relative;
}

.qr-code-generator {
position:relative;}

.hidedate{
	display:none;
}


.logout_sec_new a {
    color: #080c10 !important;
    font-weight: 600;
}
.logout_sec_new span.menu-item-label {
    margin-top: 9px;
}

	.logout_sec_new {
    display: flex;
    justify-content: space-between;
    width: 72%;
    margin: auto;
        
}




ul.br-sideleft-menu li {
   position: relative;
    list-style: none;
}


.list-heading-top {
    margin-top: 10px;
    font-size: 14px;
    padding: 15px 8px 5px 11px;
    border-top: 1px solid rgba(255,255,255,0.20);
    color: rgba(255,255,255,0.30);
}

.list-heading-bottom {
   
    border-top: 1px solid rgba(255,255,255,0.20);
    margin: 5px 0 10px;
}


@media(min-width:767px){
.non_admin_sidebar .br-sideleft {
    width: 100% !important;}
	
.non_admin_sidebar ul.br-sideleft-menu li {
    display: inline-block;
    padding: 15px 0;
}

.non_admin_sidebar .br-sideleft {
bottom: inherit!important;}
	
.non_admin_sidebar .br-sideleft {
left:0;}
	


}
.home-icon_set {
    display: flex;
}
.home-icon_set span {
    padding-right: 16px;
}
span.cont-home {
    margin-top: 14px;
}
@media(max-width:767px){
.non_admin_sidebar.br-sideleft {
    left: 0 !important;
	width: 50px !important;
}

.non_admin_sidebar .active .br-sideleft {
    width: 230px !important;
}

.non_admin_sidebar  .br-menu-link {
        padding: 0 4px !important;
}


	
}



.merchant .br-mainpanel {
    margin-left: 230px !important;
    margin-top: 60px !important;
}




@media(max-width:767px){
	
	.non-admin .br-mainpanel  {
   
    margin-top: 60px !important;
}
    
    .injection.non-admin .br-mainpanel  {
   
    margin-top: 0px !important;
}
	
.non-admin .br-header-right .dropdown .dropdown-menu{
    right: 50px !important;
}
.merchant .br-mainpanel {
    margin-left: 0px !important;
 
}
.merchant .active .br-mainpanel {
    width: 230px !important;
}
.active .br-mainpanel {
    margin-left: 237px !important;
}
h2.fetch_balance {
    font-size: 16px;
}
}

/****** TOOLTIPS ********/
.tooltip-link {
    font-size:12px;
    color: #333333;
    font-weight: bold;
}

.tooltip-link::before {
	font-family: "Font Awesome 5 Pro"; color: green; content: "\f05a \00a0";

}

.tooltip-link-alt1 {
    font-size:14px;
    color: #17264d;
    font-weight: bold;
}

.tooltip-link-alt1::after {
	font-family: "Font Awesome 5 Pro"; color: green; content: "\00a0 \f05a";

}



/*************************Messages Pages************************************/

.injection .container-fluid {

    
    padding-right: 0;
    padding-left: 0;

}

ul.message_sections {
    list-style: none;
    clear: both;
}

.injection ul.message_sections {
    margin-bottom: 0;
    margin-left: 0;
}

.message_sections li {
    float: left;
    display: inline-block;
}

.message_sections a.btn {

    background: #ffffff;
    border-radius: 4px;
    border: solid #dddddd 1px !important;
    padding: 12px 14px 12px 10px;
    margin: 0 10px 10px 0;
    font-size: 14px;
    font-weight: bold;
    color: #2e4369 !important;
    line-height: 20px;
    top: 8px;

}

.injection .message_sections a.btn {

    background: #ffffff;
    border-radius: 4px;
    border: solid #dddddd 1px !important;
    padding: 12px 14px 12px 10px;
    margin: 0 10px 10px 0;
    font-size: 12px;
    font-weight: bold;
    color: #2e4369 !important;
    line-height: 20px;
    top: 8px;

}

.message_sections a.btn.activenow {
    border: solid #2e4369 1px;
    background: #2e4369;
    color: #ffffff !important;
}

#msglist-body .info-panel {
    padding:10px 0 !important;
    border: none;
}

#msglist-body #customertable th{
    text-transform: none !important;
}

#msglist-body table.dataTable{
    border: none;
}

#modalCompose .modal-dialog {

    max-width: 700px;
    margin: 10px 0;

}

.btn-inbox::before {
	font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size:24px; content: "\f310\00a0\00a0"; vertical-align: middle;
}

.btn-compose::before {
	font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size:24px; content: "\f044\00a0\00a0"; vertical-align: middle;
}

.btn-sent::before {
	font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size:24px; content: "\f1d8\00a0\00a0"; vertical-align: middle;
}

.delete-messages-btn::before {
	font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size:14px; content: "\f2ed\00a0\00a0"; vertical-align: middle;
}

.injection .btn-inbox::before {
	font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size:14px; content: "\f310\00a0\00a0"; vertical-align: middle;
}

.injection .btn-compose::before {
	font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size:14px; content: "\f044\00a0\00a0"; vertical-align: middle;
}

.injection .btn-sent::before {
	font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size:14px; content: "\f1d8\00a0\00a0"; vertical-align: middle;
}

.injection .delete-messages-btn::before {
	font-family: "Font Awesome 5 Pro"; font-weight: 300; font-size:10px; content: "\f2ed\00a0\00a0"; vertical-align: middle;
}



.delete-messages-btn {
    color: #008b56 !important;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
}

span.inbox-count {
    border-radius: 50%;
    padding: 1px;
    background-color: red;
    color: #fff;
    position: absolute;
    /* top: 13px; */
    bottom: 25px;
    left: 24px;
    width: 16px;
    text-align: center;
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.customer-instructions {
    background: #f2ecfb;
	border: 1px solid #2e4369;
	color: #2e4369;
	padding: 15px;
}

.card.comment_box {
    font-weight: 100;
}

div#kycupload_1 {
    padding-top: 25px;
}
div#kycupload_3 {
    padding-top: 25px;
}
div#kycupload_2 {
    padding-top: 25px;
}

.frmAccountnum { position: relative; }
.frmAccountnum1 {border: 1px solid #a8d4b1;background-color: #c6f7d0;margin: 2px 0px;padding:40px;border-radius:4px;}
#accounts-list{float:left;list-style:none;margin-top:-3px;padding:0;width:auto;position: absolute;z-index: 999;}
#accounts-list li{padding: 10px; background: #f0f0f0; border-bottom: #bbb9b9 1px solid;}
#accounts-list li:hover{background:#ece3d2;cursor: pointer;}
#account_number{padding: 10px;border: #a8d4b1 1px solid;border-radius:4px;}
#suggesstion-box { position: absolute; z-index: 99999; min-width: 255px; }
#modalCompose .form-group { margin-bottom: 30px; }

.injection #modalCompose .form-group {

    margin-bottom: 10px;

}

.injection .modal-footer {

    border-top: 0px solid #e9ecef;
    padding: 10px 0 0 !important;

}

@media only screen and (min-width: 768px) {
	#msglist-body .row.mg-b-25 .col-lg-4{
		width: auto;
	}
	#msglist-body .row.mg-b-25 {
		margin-bottom: 0px; 
		z-index: 999999999;
		width: 50%;
		margin-top: 10px;
		padding-left: 15px;
	}

	#msglist-body .dataTables_filter {
	   float: right;
	}
}

@media only screen and (max-width: 768px) {
    #msglist-body .row.mg-b-25 {
		margin-bottom: 0px; 
    }
}

#msglist-body .row.mg-b-25 {
    padding-left: 15px;
}

.input-group .form-control,
.subject-wrap {
    width: 100% !important;
}

a#send_again{
	color: red !important;
	padding-right: 5px;
}

.wrap-resend {
    display: block;
    padding: 10px;
    color: #008b56 !important;
    /* background-color: #dbf2d7 !important;
    border:#008b56 solid 2px !important; */
    font-weight: normal !important;
}

#filter_by_form .custom_date_range #fromtDate {
    float: left;
    margin-right: 10px;
}
#filter_by_form #filter_by {
    float: left;
    margin-right: 10px;
}
#filter_by_form .custom_date_range {
    float: left;
    padding-right: 10px;
}
    .bs-example{
        margin: 20px;
    }
    .accordion .fa{
        margin-right: 0.5rem;
    }
@media (max-width:767px ){
	#filter_by_form .custom_date_range {
		float:none;
	}
}

input#functionn {
    /* background: #fff url(https://testaccount.edenmoney.eu/images/loading.gif) no-repeat 96%; */
}

.functionn-wrap{
	position: relative;
}
.functionn-wrap a.close.clear-msg-type {
    position: absolute;
    right: 10px;
    top: 10px;
}

input#functionn::-webkit-calendar-picker-indicator {
  display: none;
}


/*---- TERMS ----*/
.popterms {
    padding:10px;
}

.popterms h1 {
    font-size:20px;
}
.popterms h2 {
    font-size:16px;
    font-weight: bold;
}
.popterms h3 {
    font-size:14px;
    font-weight: bold;
}
.popterms h4 {
    font-size:14px;
}

.table-fees {
    font-size: 12px;
}



/***** FAQs *****/

.faqwrap {
    margin-bottom:15px;
    float: left;
    width: 100%;
}

.faqsection {
    margin-bottom: 22px;
    float: left;
    width: 100%;
}

button.faq-question {
    padding: 0 !important;
    font-size: 1rem !important;
    margin-bottom: 0px;
}

.faq-answer {
margin-top: 5px;
   padding: 0px !important;
}

/* 
@media (max-width:600px ){
.faq-answer {
   padding: 0px 35px 0px;
}
}
*/

.bs-example {
margin: 0px;
}

.faq-question {
	white-space: inherit !important;
	text-align: inherit !important;
}

.sticky-footer .tab-content .btn i{
float: left;
min-height: 30px;
}



.br-pageheader .fa-times-circle {
    color: #DC3545 !important;
}

.send_internal_warn .info-box
{
	width: 100%;
}

.transaction-success .heading-title i {
    float: left;
    margin-right: 20px;
}

.customer-trans-appr-wrapeer .trans-info {
    margin-bottom: 30px;
}

.customer-trans-appr-wrapeer .trans-info th, .trans-info td {
    padding: 5px;
}

table.profile-info td {
    padding: 8px;
}

table.profile-info td.info-label {
    font-size: 14px;
    font-weight: 600;
}

table.mtm-tx-info td {
    padding: 8px;
}

table.mtm-tx-info td.info-label {
    font-size: 14px;
    font-weight: 600;
}

table.mtm-tx-info .mtm-amount{
    font-weight: bold;
    color: #2e4369;
}

table.mtm-tx-info .mtm-rec-amt-converted{
    font-weight: bold;
    color: #008b56;
}
table.mtm-tx-info #mtm-rec-amt-cp
{
    width: 60px;
    height: 36px;
}

a#edit_details {
    font-size: 15px;
    /* float: right; */
    padding: 0;
}
.marketing-box
{
	margin: 10px 0 20px 0;
}
.marketing-box label,
.marketing-box input
{
    cursor: pointer;
}

a{
	cursor: pointer;
}

#resetpass input#user_email {
    max-width: 320px;
    margin: 0 auto;
}

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

ul.user-address li {
	padding: 0 0 6px 0;
}

/**** KYC Doc Upload ****/

body.kycdoc {
    padding:20px;
}

.kyc-step-btn {
    width: 100%;
}

.kycdoc .form-control-label {
    color: #2e4369;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 6px;
    padding-left: 0;
}

.border-bottom{
	border-bottom: 2px solid #333333!important;
}
.padding-left-null{
	padding-left:0px!important;
}
.margin-bottom-null
{
	margin-bottom:0px!Important;
}
.padding-top-null
{
	padding-top:0px!Important;
}
.padding-top-15
{
	padding-top: 15px;
}
.font-weight-light
{
	font-weight:100
}

/*** CHILD ACCOUNTS ***/

.child_profile_details .detail-title {
    margin-bottom: 3px;
}

.child_profile_details .detail-title a {
    font-weight: normal;
}

.child_profile_details .row {
    margin-bottom: 20px;
}

.child-profile .btn-transaction {
    padding: 10px 10px;
    border:rgb(36, 132, 54) 1px solid;;
    border-radius: 10px;
    margin-right: 20px;
}

table.mcf-tx-info td {
    padding: 8px;
}

table.mcf-tx-info td.info-label {
    font-size: 14px;
    font-weight: 600;
}

table.mcf-tx-info .mcf-amount{
    font-weight: bold;
    color: #2e4369;
}

table.mcf-tx-info .mcf-rec-amt-converted{
    font-weight: bold;
    color: #008b56;
}
table.mcf-tx-info #mcf-rec-amt-cp
{
    width: 60px;
    height: 36px;
}

 @media screen and (max-width: 576px) {
    .br-logo{
        position: absolute!important;
    z-index: 999999!important;
    width:0px!important;
    left: -36px!important;
    }
    .br-logo .img-responsive{
        left: 70px!important;
        position: absolute!important;
        top: 10px!important;
        width: 70px!important;
    }
    .br-logo a{
        position:fixed;
        left: 39px;
        top: 0px;
    }
   
   .margin-800{
	   margin-top: 40px!important;
   }
  } 
  
  @media (min-width: 1500px)  and  (max-width: 1600px) {
	   .open-mint-inner-con-just .row{
	 justify-content:center;
 }


	  .open-mint-inner-con-just .container
	  {
		  margin:auto!Important;
	  }
      .merchant_top_bar {
          padding-top:70px!important;
      } 
}
@media (min-width: 1600px)  and  (max-width: 2500px) {
    .merchant_top_bar {
        padding-top:70px!important;
    } 
}