/*

 * It is advised not to edit the smartadmin_production.css

 * as this will override any changes you make in the 

 * later versions of this theme. 

 * 

 * We advise that you use use this CSS to override 

 * SmartAdmin styles. 

 * 

 * Rename the stylesheet to whatever your liking so it will stay

 * unique to you with each update of SmartAdmin.

 */



/*

 * INDEX

 * 

 * - HTML

 * - BODY

 * - CUSTOM STYLES

 */

span, div {
	box-sizing: border-box;
}
.dataTables_length {
	float: right;
}
.overlay {
	position: absolute;
	margin: auto;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0,0);
}
.overlay img {
	position: absolute;
	margin: auto;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}
.greyBG {
	background: #f1f1f1;
}
.white {
	color: #fff;
}
.borderAll {
	border: solid 1px #ddd;
}
.whiteBG {
	background: #fff;
}
.black {
	color: #000;
}
.font11 {
	font-size: 11px;
}
/*align Text*/

.alignRight {
	text-align: right;
}
.alignCenter {
	text-align: center !important;
}
.alignLeft {
	text-align: left;
}
.alignJustify {
	text-align: justify;
}
.floatnone{float:none !important;}

/*margin*/

.marginRight {
	margin-right: 10px;
}
.marginLeft {
	margin-left: 10px;
}
.marginTop {
	margin-top: 10px;
}
.marginBottom {
	margin-bottom: 10px;
}
.marginNone {
	margin: 0px!important;
}
.marginLeftNone {
	margin-left: 0px!important;
}
.marginRightNone {
	margin-right: 0px!important;
}
.marginTopNone {
	margin-top: 0px!important;
}
.marginBottomNone {
	margin-bottom: 0px!important;
}
/*padding*/

.paddingRight {
	padding-right: 10px;
	box-sizing: border-box;
}
.paddingLeft {
	padding-left: 10px;
	box-sizing: border-box;
}
.paddingTop {
	padding-top: 10px;
	box-sizing: border-box;
}
.paddingBottom {
	padding-bottom: 10px;
	box-sizing: border-box;
}
.paddingNone {
	padding: 0px!important;
	box-sizing: border-box;
}
.paddingLeftNone {
	padding-left: 0px!important;
	box-sizing: border-box;
}
.paddingRightNone {
	padding-right: 0px!important;
	box-sizing: border-box;
}
.paddingTopNone {
	padding-top: 0px!important;
	box-sizing: border-box;
}
.paddingBottomNone {
	padding-bottom: 0px!important;
	box-sizing: border-box;
}
/*In Box*/

.paddingInBox {
	padding: 10px;
	box-sizing: border-box;
}
.paddingInBoxExtra {
	padding: 20px;
	box-sizing: border-box;
}
.paddingupdwn {
	padding-top: 10px;
	padding-bottom: 10px;
}
.paddinglftrgt {
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}
.padding-sm-updwn {
	padding: 5px 0px;
	box-sizing: border-box;
}
.padding-sm {
	padding: 5px;
	box-sizing: border-box;
}
.padding-sm-lftrgt {
	padding: 0px 5px;
	box-sizing: border-box;
}
/*border*/



.borderTop {
	border-top: solid 1px #ccc;
	box-sizing: border-box;
}
.borderBottom {
	border-bottom: solid 1px #ccc;
	box-sizing: border-box;
}
.borderRight {
	border-right: solid 1px #ccc;
	box-sizing: border-box;
}
.borderLeft {
	border-left: solid 1px #ccc;
	box-sizing: border-box;
}
.borderDashed {
	border: 1px dashed #999999!important;
	box-sizing: border-box;
}
.borderAll {
	border: solid 1px #ddd;
}
.lineheight {
	line-height: 20px;
}
.choiceActions {
	width: 100%;
}
.choiceActions a {
	display: inline-block;
	margin: 0 0 0 12px;
	line-height: 24px;
	font-size: 30px;
	cursor: pointer;
	color: #D0D2D3;
	font-weight: bold;
	border-radius: 100%;
	border: solid 2px #ccc;
	width: 28px;
	height: 28px;
	text-align: center;
}
.choiceActions a:hover {
	color: #bbb;
	/*border: solid 2px #bbb;*/
}
.cointype-panel {
	width: 100%;
	text-align: center;
	margin: 50px 0px 10px;
}
.coin-Img {
	width: 100%;
	text-align: center;
	margin-top: -50px;
}
.cointype-Box {
	padding: 0px 10px 10px;
}
.cointype-Title {
	font-size: 24px;
	font-weight: bold;
	width: 100%;
	color: #fff;
	line-height: 24px;
	text-shadow: 0px 1px 1px #000;
}
.cointype-Bal {
	width: 100%;
	line-height: 24px;
	font-size: 16px;
	color: #fff;
}
.cointype-info {
	width: 100%;
}
.cointype-info a {
	width: 100%;
	text-align: center;
	padding: 10px;
	line-height: 24px;
	color: #fff;
}
.hotWalletBG {
	background: #F90;
	border: solid 1px #F60;
}
.ownWalletBG {
	background: #F90;
	border: solid 1px #F60;
}
.bitcoinWalletBG {
	background: #F90;
	border: solid 1px #F60;
}
.ethrWalletBG {
	background: #666;
	border: solid 1px #333;
}
.wallet-info {
	background:#FF6666;
	display: block;
	font-size: 14px;
	height: 39px;
	color: #fff;
	border: solid transparent;
	border-width: 1px 0;
	box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07);
	width: 100%;
	margin: 0!important;
	border-bottom: 1px solid #525151
}
.wallet-info a {
	text-decoration: none!important;
	color: #fff;
	display: inline-block;
	margin-top: 10px;
	padding-left:17px;
}
.wallet-info a span {
	text-transform: capitalize;
	font-size: 14px;
	display: inline-block;
	text-decoration: none;
	max-width: 150px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle
}
.wallet-info a span+i {
	vertical-align: middle
}
.wallet-info a:hover {
	color: #fff
}
.wallet-info>span {
	height: 38px;
	display: block;
	padding: 8px 15px;
	border-bottom: 1px solid #1A1817
}
.wallet-info img {
	width: 25px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	margin-top: 1px;
	margin-right: 5px;
	margin-left: 0;
	border-left: 3px solid #fff
}

.row{width:100%}
.login-cnt {
 margin:75px auto;
 display: table;
}
.login-tabs {
 position:relative;
 display:flex !important;
 align-items:center;
 align-content:center;
}
.login-tabs  .tab-content .tab-pane {
 display:flex !important;
 transition:all .2s ease
}
.login-tabs ngb-tabset>.nav-tabs {
 position:absolute;
 margin-top:40px;
 left:0;
 width:139px;
 height:370px;
 background-color:#fff;
/* border:1px solid #fff;*/
 border-bottom-left-radius:4px;
 border-top-left-radius:4px;
 box-shadow:0px 2px 4px 0px rgba(0,0,0,0.4);
 z-index:999;
 display:block;
 border:0;
 transition:all .2s ease
}
.login-tabs .nav-tabs li a.active .log-title {
 font-size:18px;
 color:white;
 text-align:center;
 transition:all .2s ease;
 line-height:2;
 width: 100%;
 float: left;
}
.login-tabs .nav-tabs #individual-tab.active {
 background-color:#2a639f;
}
.login-tabs .nav-tabs #individual-tab .log-icon {
 width:30px;
 height:30px;
 background-repeat:no-repeat;
 background-position:center;
 float:left;
 margin-left:55px;
 transition:all .2s ease;
 padding-top:10px;
}
.login-tabs .nav-tabs #individual-tab.active .log-icon {
 background-repeat:no-repeat;
 background-position:center;
 transition:all .2s ease
}

.login-tabs  ngb-tabset>.nav-tabs .nav-link {
 border-bottom-left-radius:0.5rem !important;
 border-top-left-radius:.5rem !important
}
.login-tabs  ngb-tabset>.nav-tabs li {
 position:relative;
}
.login-tabs  ngb-tabset>.nav-tabs li a.active {
 position:absolute;
 height:90px;
 top:50px;
 width:164px;
 left:-20px;
 box-shadow:-3px 2px 3px #c5c5c5;
 z-index:-1
}
.login-tabs  ngb-tabset>.nav-tabs li #individual-tab.active {
 top:120px
}

.login-padding {
 padding-top:40px !important
}
.rm-margin {
 margin-bottom:-1rem
}
.login-panel {
 background-color:#fff;
 border:1px solid #d7d7d7;
 border-radius:4px;
 padding:25px
}


.error {
    background: #ef6e8b5c;
    border-color: #A90329;
}
.hide{
	display:none;
 }
.show{
	display:block;
}
@media screen and (max-width: 993px) {
 .login-cnt {
  width:360px !important;
  padding:0
 }
 .login-panel {
  margin:inherit !important;
  float:none !important;
  margin:0 auto !important
 }
 .login-details{margin-left: 0px; margin-top: 30px;}
 .login-tabs ngb-tabset > .nav-tabs{margin-top: -70px; left: 110px;background:none; box-shadow:none;}
 .login-tabs ngb-tabset > .nav-tabs .nav-link{border-bottom-right-radius: 0.5rem !important; border-top-right-radius: .5rem !important;}
 .login-tabs ngb-tabset > .nav-tabs li a.active{box-shadow:none;}
}

.select2-container .select2-selection,.form-control{
	border-radius:4px !important;
	height:35px;
	line-height:35px;
	border-color: #ccc;
	padding-left:10px;
}
.jarviswidget > header{
	height: 40px;
	padding: 2px;
	line-height: 40px;
}

/* Toastr */
.md-toast-close-button:hover,
.md-toast-close-button:focus {
    color:#000 !important;}

	.md-toast-message a,
.md-toast-message label,
.md-toast-close-button,
#toast-container>div{
    color:#fff !important;}
	.md-toast-title {
		font-weight:400;}
	
	.md-toast-message {
		word-wrap:break-word;}
	
	.md-toast-message a:hover {
		color:#ccc;text-decoration:none;}
	
	.md-toast-close-button {
		position:relative;top:-0.3em;right:-0.3em;float:right;font-size:1.25rem;font-weight:400;text-shadow:0 1px 0 #fff;filter:alpha(opacity=80);opacity:0.8;}
	
	.md-toast-close-button:hover,
	.md-toast-close-button:focus {
		text-decoration:none;cursor:pointer;filter:alpha(opacity=40);opacity:0.4;}
	
	button.md-toast-close-button {
		padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
	
	.md-toast-top-center {
		top:0;right:0;width:100%;}
	
	.md-toast-bottom-center {
		right:0;bottom:0;width:100%;}
	
	.md-toast-top-full-width {
		top:0;right:0;width:100%;}
	
	.md-toast-bottom-full-width {
		right:0;bottom:0;width:100%;}
	
	.md-toast-top-left {
		top:12px;left:12px;}
	
	.md-toast-top-right {
		top:12px;right:12px;}
	
	.md-toast-bottom-right {
		right:12px;bottom:12px;}
	
	.md-toast-bottom-left {
		bottom:12px;left:12px;}
	
	#toast-container {
		position:fixed;z-index:999999;}
	
	#toast-container * {
		box-sizing:border-box;}
	
	#toast-container>div {
		position:relative;width:18.75rem;padding:15px 15px 15px 50px;margin:0 0 6px;overflow:hidden;filter:alpha(opacity=95);background-repeat:no-repeat;background-position:15px center;box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);opacity:0.95;}
	
	#toast-container> :hover {
		cursor:pointer;filter:alpha(opacity=100);box-shadow:0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);opacity:1;transition:0.45s;}
	
	#toast-container.md-toast-top-center>div,
	#toast-container.md-toast-bottom-center>div {
		width:18.75rem;margin:auto;}
	
	#toast-container.md-toast-top-full-width>div,
	#toast-container.md-toast-bottom-full-width>div {
		width:96%;margin:auto;}
	
	.md-toast {
		background-color:#030303;}
	
	.md-toast-success {
		background-color:#00c851;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;}
	
	.md-toast-error {
		background-color:#ff3547;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;}
	
	.md-toast-info {
		background-color:#33b5e5;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;}
	
	.md-toast-warning {
		background-color:#fb3;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;}
	
	.md-toast-progress {
		position:absolute;bottom:0;left:0;height:4px;background-color:#000;filter:alpha(opacity=40);opacity:0.4;}
#daterange-btn{
	padding: 4px;
	font-size: 13px;
	min-width: 260px;
	border-radius: 4px !important;
	height: 37px;
}

#daterange-btn span{
	text-align: left;
	width: 97%;
	float: left;
}

/*********** calculator css *********/

.calculator {
	box-shadow: 0px 0px 10px 3px #888;
	margin-bottom: 5px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #deeff4 99%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #deeff4 99%);
	background: linear-gradient(to bottom, #ffffff 0%, #deeff4 99%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#deeff4', GradientType=0);
	padding: 0px 10px 0px 10px;
	position: fixed;
	width: 270px;
	margin-right: 27px;
	bottom: 0px;
	right: 0px;
	border: solid 1px #1978ab;
}

.calculator h6 {
	background: #0066ff;
	color: #fff;
	padding: 5px;
	box-sizing: border-box;
	text-transform: uppercase;
}

#feesCalculator {
	padding-top: 5px;
}

#totalfees {
	border-top: 2px solid;
	padding-top: 1px;
}

.calculator p {
	font-size: 13px;
	color: #000;
	padding: 1px;
	border-bottom: dashed 1px #1978ab;
}

p.totfees {
	font-size: 18px;
}

p.grandtotfees {
	font-size: 18px;
}

.currency {
	color: #fff !important;
	font-size: 11px !important;
	padding-top: 5px !important;
}

.select2-selection__rendered {
	padding: 8px !important;
}
table.dataTable thead > tr > th {
	padding-left: 9px !important;
	text-align: center !important;
}
.well h3{
	font-size: 12px !important;
	margin: 0px 0px 0px 0px!important;
}
.well .panel{
	margin-bottom:0px !important;
	margin-top: 10px !important;	
}
.pricing-big .panel-title{
	padding: 10px 0 !important;
}
.panel-heading{
	border-radius:none !important;
	padding:5px 5px !important
}
.the-price{
	background: #fff !important;
	color: #464646 !important;
	padding:10px !important;
}


.login-details {height: auto; width: 100%; float: left; padding: 20px 20px;   padding-top: 20px; position: relative; z-index: 22;}

.dashlogin .container { width:850px}
.dashlogin-main { padding: 0; margin: 0 0 25px; text-align: left; position: relative; background: #ffffff; box-shadow: 0px 1px 17px -3px rgba(0,0,0,0.11); overflow: hidden; border-radius: 15px; display: flex; flex-wrap: wrap;}
.dashlogin-left { background: #ae5d35; width: 48%; border-radius:15px;display: flex; flex-wrap: wrap; justify-content: center; align-content: center;}
.dashlogin-right { width: 50%;}
.dashlogin-left-content { width: 100%; color: #fff; padding: 30px 40px;}
.dashlogin-left-content h1 { font-size: 30px; font-weight: 500;}
.dashlogin-left-content p { font-weight: 200;font-size: 16px;margin: 20px 0;}


.dashlogin-right .smart-form section { margin-bottom: 10px;}
.dashlogin-right .smart-form footer { display: block; padding: 7px 14px 15px; border-top: none; background: none;}
.dashlogin-right .submitbtn button.btn-primary {border-radius: 31px !important; background: linear-gradient(180deg, rgb(228, 117, 25) 0%, rgb(246, 166, 7) 100%); border: none; height: auto; padding: 5px 30px;}
