html, body, .content-wrapper{
	background-color: #ffffff;
	border: none;
	font-family: "Montserrat-Regular" !important;
	font-style: normal;
	font-weight: 400;
}
body{
	overflow-y: auto !important;
	color: #3d465c;
}
[class*="col-"]{
	padding-left: 5px;
	padding-right:5px;
}
hr{
	border-top: 1px solid #dedede;
	margin-top: 10px;
    margin-bottom: 10px;
}
a:hover, a:focus{
	text-decoration: none;
}
.bg-green{
	background-color: #001E61 !important;
}
.bg-blue{
	background-color:#C10230 !important;
}
.bg-logogrey{
	background-color: #a7a9ac !important;
}
.row{
	margin-left:0px;
	margin-right:0px;
}
.text-blue{
	color: #006cb8;
	font-weight: normal;
}
.text-green{
	color: #34c04b;
	font-weight: normal;
}
.progress{
	margin:10px 0;
}
.progress-bar{
	background-color: #006cb8;
}
.d-table{
	display: table !important;
	height:auto;
	min-height: auto;
}
.label-rating{
	font-size: 18px;
}
.tab-common{
	height: auto !important;
}
.tab-common .panel.widget{
	margin-bottom: 10px;
	border-radius: 0px !important;
}
.tab-common .bb{
	border-bottom: 3px solid rgba(0, 0, 0, 0.12);
}
.tab-common .br{
	border-right: 3px solid rgba(0, 0, 0, 0.12);
}
.para18{
	font-size:18px;
}
.btn{
	/*-webkit-border-radius: 4px;
	border-radius: 4px;*/
}
.btn.beta-btn {
	color: #ffffff;
	padding: 12px;
	font-family: "Montserrat-Regular" !important;
	font-style: normal;
	font-weight: 400;
}
.button-for-buynow{
	padding: 14px 0;
	font-size: 22px;
}
.float-left{
	float: left;
}
.no-gutter{
	padding-left:0;
	padding-right:0;
}
.colpadd10{
	padding-left:10px;
	padding-right: 10px;
}
.colpadd10:first-child{
	padding-right: 0px !important;
}
.mb10{
	margin-bottom: 10px !important;
}
.thumb150{
	width: 150px;
	float: right;
}
.thumb150 img{
	max-width: 100%;
	background: inherit;
    border: inherit;
}
.topnavbar .navbar-header .brand-logo-collapsed, .aside-collapsed .topnavbar .navbar-header .brand-logo-collapsed{
	display:none !important;
}
.aside-collapsed .topnavbar .navbar-header .brand-logo, .topnavbar .navbar-header .brand-logo{
	display: block !important;
}
.right-nav-head{
	padding: 2px 0px;
	font-size: 14px;
}
.wrapper{
	overflow-y: hidden;
}
.nav.navbar-right{
	padding: 5px 0;
}
.wrapper > .aside .aside-inner {
	padding-top: 120px;
}
.layout-fixed .wrapper > section {
	padding-top: 5px;
	margin-bottom: 55px !important;
	margin-left: 0;
	z-index: 110;
}
.topnavbar .navbar-header {
	width: 150px !important;
	margin: 0 10px;
	text-align: center;
}
.content-dropdown-currency{
	display: flex;
	align-items: center;
	cursor: default;
}
.filter-section{
	justify-content: center;
	margin-bottom: 10px;
}
.major-values .h2{
	word-break: break-word;
}
.filter-area .dropdown-menu{
	width: 100%;
	min-width:260px;
	margin: 45px 0 0;
}
.pr0{
	padding-right: 0 !important;
}
.navbar li{
	margin:5px;
}
.navbar-right li .widget{
	min-width: 300px;
	overflow: visible;
	margin-bottom: 0px;
	width: auto;
}
.dropdown-area .dropdown-menu{
 	min-width: 350px;
 	max-width: 350px;
    margin: 30px 0 0;
    top: auto !important;
    left: -10px !important;
    height: auto;
}
.dropdown-content td{
	font-size: 12px;
}
.currency-flag-icon{
	overflow: hidden;
}
.currency-flag-icon img.img-circle{
	width: 25px;
	height:25px;
	margin-right:5px;
}
.btn-flag{
	padding:3px 10px;
	color: #fff;
	background: rgba(19, 118, 188, 0.5);
	/*border-radius: 30px !important;*/
	border: none;
}
.w-100{
	width: 100%;
}
.mda-list-item{
	width: 100%;
    float: left;
    padding: 2px 13px;
    color: #656565;
}
.mda-list{
	padding: 0 3px;
	margin:0 !important;
}
.mda-list-item:hover{
	background:#efefef;
}
.mda-list-item-icon{
	width: 30px !important;
    height: 30px !important;
    margin-top: 0 !important;
}
.mda-list > .mda-list-item > .mda-list-item-text.mda-2-line{
	padding:10px 0;
}
.mda-list-item-icon  img{
	width:25px;
	height: 25px;
	position: relative;
    bottom: 7px;
}
.mda-list-item-text h4{
	margin:5px 0 !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    background-color: #efefef;
}
.bg-dark{
	background: rgba(0,0,0,.3);
}
.btn-flag .caret{
	margin-left: 2px;
	color: #fff;
}
.btn-flag:hover, .btn-flag:focus{
	background: rgba(0, 108, 184, 0.6);
	color: #fff !important;
}
.panel-body{
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
}
.banner .md-welcome-msg{
	background-image: none;
	padding: 15px;
	text-align: center;
}
.md-welcome .md-welcome-msg h2{
	font-family:"Montserrat-Regular";
	font-size: 28px;
}
.listing-tab > ol{
	padding:0px;
}
.listing-tab > ol > li{
	padding:5px 0;
	text-transform: uppercase;
	text-align: center;
	border: 2px solid #006cb8;
	border-top:0px;
	border-left:0px;
}
.listing-tab > ol > li h4{
	color: #006cb8;
}
.listing-tab > ol > li:last-child{
	border-right:0px;
}
.listing-tab > ol > li.active{
	background-color:#006cb8;
}
.listing-tab em{
	padding-right: 15px;
}
.ui-grid-column-menu-button-last-col{
	margin-right: -5px !important;
}
.btn-group{
	width: 100%;
	text-align: left;
}
#header {
    height: auto;
	z-index:111;    
}
.btn-filter, .btn-prefrerance{
	height: 50px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.listing-tab{
	height: 610px;
}
.btn-filter em{
	color: rgba(0,0,0, .6);
}
.btn-filter span, .btn-prefrerance span{
	font-size: 16px;
}
.btn-filter .caret{
	position: absolute;
    right: 22px;
    top: 22px;
}
.bg-white{
	background: #fff;
}
footer{
	height:inherit !important;
	padding:15px !important;
	border-top: 1px solid #d6d6d6;
}
.footer-nav{
	padding:0px !important;
}
.footer-nav li{
	margin:0;
}
.footer-nav li a{
	margin:0 0 0 10px;
	padding:0;
	height:30px;
	width: 30px;
	overflow: hidden;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}
.left-footer{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.pagination{
	margin:10px 0;
	float: right;
	clear:both;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	background-color: #006cb8;
    border-color: #006cb8;
}

/*
.ui-grid-viewport{
	text-align: center;
}
*/
.panel-body.current_market{
	display: flex;
	justify-content: space-between;
	background: #edf1f2;
}
.absolute{
	position: absolute;
	width: 100%;
}
.ui-grid-render-container{
	/*display: block;
	width: 100%;*/
	width: auto;
}

.grid1495179245635 .ui-grid-render-container-body .ui-grid-viewport {
    width: 1293px;
    height: 369px;
    position: relative;
    left: 0px;
}
.mt-10 {
	margin-top: 10px;
}

.mb15{
	margin-bottom: 20px !important;
}
.mr-btn{
	margin-left: calc(100% - 65px);
}
.panel-body, .content-wrapper{
	padding: 5px 10px !important;
}
.pv-lg {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.d-flex{
	display: flex;
	border-radius: 0px !important;
}
	
.left-navbar, .brand-logo{
	padding:0 !important;
}
.preloader{
	background: #006cb8 !important;
}
.preloader-progress, .preloader-progress-bar{
	width:268px;
	height:60px;
	background-size: 268px 60px;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .form-group{
		margin:5px 0;
	}
.form-horizontal .control-label{
	text-align: left;
	padding-top: 7px;
}
.buy-now-in-btn{
	margin-top: 10px;
}
.right-deails, .right-deails .col-md-12.col-sm-6{
	padding-right:0px;
}
.mt7{
	margin-top: 7px;
}

md-slider{
 min-width:80px;
}

md-slider.md-default-theme.md-primary .md-thumb:after, md-slider.md-primary .md-thumb:after{
	border-color: #006cb8 !important;
    background-color: #006cb8 !important;
}
md-slider.md-default-theme.md-primary .md-sign:after, md-slider.md-primary .md-sign:after {
    border-top-color: rgb(0, 108, 184);}
md-slider.md-default-theme.md-primary .md-sign, md-slider.md-primary .md-sign {
    background-color: rgb(0, 108, 184);}
md-slider.md-default-theme.md-primary .md-track.md-track-fill, md-slider.md-primary .md-track.md-track-fill {
    background-color: rgb(0, 108, 184);
}

.dashboard-stat-row .widget{
	width: 100%;
	margin-bottom: 10px;	
}

.topnavbar .navbar-nav > li > .btn_add_funds{
	padding-top: 5px;
    padding-bottom: 5px;
}

.topnavbar .navbar-nav > li > .btn_add_funds span{
	    font-size: 16px;
}
.aside-collapsed .topnavbar .navbar-header .brand-logo, .topnavbar .navbar-header .brand-logo {
    padding-top: 7px!important;
}

.left-navbar{
	padding-top: 5px!important;
}

.nav-wrapper .nav.navbar-nav.navbar-right {
    padding: 0;
}

.navbar.topnavbar{
	height: auto;
}

.md-welcome{
	margin-top: -45px;
}
.uigrid-closed, .uigrid-inprogress{
	height: 400px
}
.watermark {
    position: absolute;
    top: 50%;                    
    transform: translateY(-50%); 
    opacity: 0.25;
    font-size: 3em;
    width: 100%;
    text-align: center;
    z-index: 1000;
}

.ui-grid-pager-row-count-picker{
	display:none;
}

.table-uigrid{
	height: 100% !important;
	margin:0 5px;
	padding: 0;
}
.table-uigrid .ui-grid-header-cell .ui-grid-cell-contents{
	padding: 8px 24px 8px 8px;
	white-space: initial;
    font-size: 12px;
    text-align: center;
}
.ringed {
    bottom: 200px;
}

.invoice_details .ringed{
	bottom:0;
	top:250px;
}

.ui-grid-viewport .ui-grid-cell-contents {
	padding: 8px 24px !important;
  	word-wrap: break-word;
  	white-space: normal !important;
  	min-height: 36px !important;
}
.ui-grid-row:last-child{
	border-bottom: 1px solid #dde6e9;
}
.ui-grid-row, .ui-grid-cell {
  	height: auto !important;
}
.ui-grid-cell, .grid1493377363360 .ui-grid-row, .grid1493377363360 .ui-grid-cell, .grid1493377363360 .ui-grid-cell .ui-grid-vertical-bar, .ui-grid-row:nth-child(2n+1) .ui-grid-cell, .ui-grid-row:nth-child(2n) .ui-grid-cell{
	height: 100% !important;
	min-height: 36px !important;
} 
.ui-grid-contents-wrapper{
	overflow: hidden;
}
.ui-grid-row div[role=row] {
  	display: flex ;
  	align-content: stretch;
}

.wrapper > section, .wrapper > footer {
    margin-left: 0!important;
}

.marketplace .dashboard-stats{
	margin-bottom:0!important;
}

.marketplace .dashboard-stats .widget{
	margin-bottom:0!important;
}

.table-uigrid .ui-grid-cell, uib-tab-heading label { 
	cursor: pointer;
}

.table-uigrid .ui-grid-cell .text-center{
	text-align:center;
}

.table-uigrid .ui-grid-cell .text-left{
	text-align:left;
}

.table-uigrid .ui-grid-cell .text-right{
	text-align:right;
}

.form-wizard .tab_stats{
	color:#006cb8;
} 

.form-wizard .active .tab_stats{
	color:#fff;
} 

.mda-list > .mda-list-item > .mda-list-item-icon{
	margin-right: 5px;
	line-height:45px;
}

.table-uigrid .ui-grid-pager-panel{
	bottom:2px;
	background: #fff;
	border-top: 1px solid #dde6e9;
}
.nav-wrapper .nav > li:last-child{
	margin-right: 0px;
}
.tab-content{
	width: 100%;
	float: left;
	padding: 10px 5px;
	background: #fff;
}
.tab-content .tab-pane .widget{
	margin-bottom: 10px;
}
.nav-tabs > li > a{
	padding: 10px;
}
.custom-grid-tab .nav-tabs > li > a{
	padding: 10px 30px 10px 50px;
}
.custom-grid-tab .no-more-icon .nav-tabs > li > a{
	padding: 10px !important;
}
.ui-grid-invisible{
	display: none !important;
}
.ui-grid-icon-up-dir, .ui-grid-icon-down-dir{
	/* display: none !important; */
}
.ui-grid-pager-control{
	margin:0px !important;
}
.tab-heading{
	font-size: 17px;
	margin-bottom:0px;
	line-height: 20px;
}
.tab-heading .tab_stats{
	font-size: 14px;
}
.custom-grid-tab .nav-tabs > li.active > a, .custom-grid-tab .nav-tabs > li.active > a:hover, .custom-grid-tab .nav-tabs > li.active > a:focus{
	color: #006cb8;
}
sub {
    bottom: 0em;
}
.ui-grid-header-cell .ui-grid-sort-priority-number{
	visibility: hidden;
}
.invoice-detail-grid-tab .d-flex .widget{
	width: 100%;
}
.invoice-detail-grid{
	border: 1px solid #e0e0e0;
}
.invoice-tags{
	flex-direction: row !important;
}
.topnavbar .nav-wrapper{
	/* display: flex; */
	justify-content: flex-end;
}

/****** Header display name ******/
.topnavbar .nav-wrapper .nav .header-name{
	cursor: default;
	padding-top: 7px;
}

.navbar-nav > li > a, .navbar-nav > li > div{
	padding: 12px 0 0;
}

/****** Header display name end ******/

/****** Header dashboard links ******/
.topnavbar .nav-wrapper .nav .header-links{
	margin-top: 0!important;
}

.topnavbar .nav-wrapper .nav .header-links a > span:hover, .topnavbar .nav-wrapper .header-box-links a:hover, .navbar-nav.head-padding .active{	
	border-bottom: 1px solid #c92020;
}

/****** Header dashboard links end ******/

/****** header blue box links ******/

.dropdown a{
	color: #656565;
}
.dropdown a:hover{
	color: #0a4681 !important;
	border-bottom: 0px solid transparent !important;
}
/****** header blue box links end ******/

.row-flush .radial-bar{
	margin: 10px;
	float: right;
	font-size: 12px;
}
.description { text-transform: initial; }

.description:first-letter {
  text-transform: uppercase;
}
.filter-dropdown{
	width: 60px;
    height: 49px;
    position: absolute;
    z-index: 1;
    
}
.statement-bg .date-pik, .custom-grid-tab .nav-tabs > li.nav-item a{
	width:100%;
}
/* .marketplace-tabstyle .nav-tabs > li.nav-item:first-of-type{
	padding:0 30px;
} */
.filter-dropdown .dropdown-menu{
	top: 100%;
}
.ui-grid-cell-contents{
	font-size: 12px;
}
abbr[title], abbr[data-original-title] {
	pointer-events: none;
    cursor: default;
    border-bottom: none !important;
    text-decoration: none !important;
    vertical-align: bottom !important;
}

.invoice_details .nav > li.disabled > a{
	color: #656565;
}

.invoice_details .nav > li.disabled > a:hover{	
	background-color:#FFF;
	cursor:pointer;
}

.nav > li.active > a{
	color: #006cb8;
}

.nav > li.active > a:hover{ 
	color: #006cb8;
}
.custom-grid-tab .tab-pane{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.uigrid-marketplace, .uigrid-closed, .uigrid-inprogress{
	/* min-width: 1900px; */
	overflow: auto;
}

.uigrid-buyers{
	min-width: 2000px;
}
.statement-grid{
	width: 100%;
	overflow: auto;
}
.uigrid-statement{
	/* min-width:1100px; */
}
.low-firstletter:first-letter{
	text-transform: lowercase;
}
.table-uigrid.ui-grid .ui-grid-viewport{
	height: 100% !important;
	min-height: 100px;
    margin-bottom: 40px;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch;
}
.sp-uigrid-onmarketplace{
	/* width: 2100px; */
}
.filterChangeColor{
	color: #39b54a !important;
}
.user-prference-btn{
	position: absolute;
	left: 47px;
}
.filter-minus-head{
	padding:0 10px;
}
.dashboard-stat-row{
	display: flex;
	flex-wrap: wrap;
}
.dashboard-stat-row .panel.widget h4{
	margin:0;
}
.low-firstletter-stats{
	text-transform: initial;
}

/* filter and user preference | sample */

.combined-btn-group{
 	position: absolute;
 	top: 20%;
    left: 6px;
    z-index: 999;    
}
.combined-btn-group button.btn{
	padding-bottom: 2px;
 	background: #f5f5f5;
    border: none;
    font-weight: bold;
    color: #006cb8;
}
.combined-btn-group ul.dropdown-menu{
	min-width: 137px;
 	height: 44px;
 	top: -6px !important;
}
.combined-btn-group ul.dropdown-menu .filterIcon{
	left: 10px;
}
.combined-btn-group ul.dropdown-menu .user-prference-btn{
	left: 50px;
}
.combined-btn-group ul.dropdown-menu .csv-btn{
	left: 92px;
}
.dropdown-area a.mda-list-item:hover{
	text-decoration: none;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
	background: #f5f5f5 !important;
	color: #969696 !important;
	border: 1px solid #969696;
}
.buy-now-toaster{
	position: relative !important;
	top: auto !important;
	right: auto !important;
}
.tag-small{
	font-size: 10px !important;
	font-weight: 300 !important;;
	color: red;
}
.icon-small{
	padding-left:5px;
	color: #39b54a !important;
	position: relative;
	bottom: 2px;
}
.c-checkbox input[type=checkbox]:checked + span, .c-radio input[type=checkbox]:checked + span, .c-checkbox input[type=radio]:checked + span, .c-radio input[type=radio]:checked + span{
	background-color: #006cb8 !important;
	border: #006cb8 !important;
}
.mda-checkbox > em, .mda-radio > em{
	position: absolute;
    margin-top: 0px;
    margin-right: 28px;
}
.long-label{
	margin-left: 10px;
}
.reg-new-buyer-btn{
	position: absolute;
	right: 10px;
	font-size: 14px;
    min-width: 200px;
}
.statement-rtl-btn{
	position: relative;
    float: right;
}
.reserv-full-msg{
	font-size: 17px;
    text-align: center;
    padding: 25px;
    font-weight: bold;
}
.temp-combined-btn{
	min-width: 50px !important;
}
.temp-combined-btn .user-prference-btn{
	left: 7px !important;
}
.btn:focus{
	box-shadow: inherit !important;
}
.ui-grid-header-cell{
	max-width: inherit !important;
}

 /* .grid1497437380444 .ui-grid-coluiGrid-000H{
	min-width: 220px !important;
}
 .ui-grid-header-cell{
	min-width:auto !important;
	max-width:inherit !important;
} */

.table-uigrid.ui-grid .ui-grid-cell, .table-uigrid.ui-grid .ui-grid-row {
	min-height: 36px;
}
.uigrid-mybuyer .ui-grid-cell, .uigrid-mybuyer .grid1493377363360 .ui-grid-row, .uigrid-mybuyer .grid1493377363360 .ui-grid-cell, .uigrid-mybuyer .grid1493377363360 .ui-grid-cell .ui-grid-vertical-bar, .uigrid-mybuyer .ui-grid-row:nth-child(2n+1) .ui-grid-cell, .uigrid-mybuyer .ui-grid-row:nth-child(2n) .ui-grid-cell{
	min-height: 40px !important;
}
.uigrid-mybuyer .ui-grid-viewport .ui-grid-cell-contents{
	padding: 3px 24px !important;
}
.uigrid-mybuyer{
	margin-top: 23px;
}
.mybuyer-combined-btn-group{
    top: 10px;
    left: 10px;
}
.buyNowBtn-err-msg, .requestWithdrawal-err-msg{
	display: none;
}
.buyNowPopup-err-msg{
	position: relative !important;
	right: auto !important;
}
.buyNowBtn-err-msg{
	position: absolute !important;
	right: 0 !important;
	padding: 0 0 0 10px;
	bottom:65px;
}
.requestWithdrawal-err-msg{
	float: right;
	padding: 0;
    width: auto;
    top: 5px !important;
    bottom: inherit !important;
    z-index: 9;
}
.buyNowPopup-err-msg > div{
	width: 100% !important;
	margin: 0 0 16px !important;
}
.buyNowBtn-err-msg > div{
	width: 100% !important;
	margin: 0 0 4px !important;
}
.fb-content, .in-content{
	min-width: 210px;
}
.buyNowBtn-err-msg .toast-error{
	padding: 15px 15px 15px 50px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999999;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #ffffff;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    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;
	cursor: pointer;
}
.fadein.ng-hide-remove,
.fadeout.ng-hide-add {
    -webkit-transition: 500ms ease-in-out all;
    -moz-transition: 500ms ease-in-out all;
    -o-transition: 500ms ease-in-out all;
    transition: 500ms ease-in-out all;
    display: block !important;
}

.fadein.ng-hide-remove,
.fadeout.ng-hide-add.ng-hide-add-active {
    opacity: 0;
}

.fadeout.ng-hide-add,
.fadein.ng-hide-remove.ng-hide-remove-active {
    opacity: 1;
}
.popup-overlay{
	width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,.3);
    left: 0;
    top: 0;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
    z-index: 1;
    transition: 500ms linear ease-in-out;
    -webkit-transition: 500ms linear ease-in-out;
}
.popup-overlay .whirl.ringed{
	top: 47%;
}
.popup-overlay .whirl.ringed:after {
    border-right-color: #ddd;
    border-top-color: #fff;
    border-left-color: #fff;
    border-bottom-color: #fff;
}
.float-right{
	float: right;
}
.ngdialog-content{
	box-shadow: 0 10px 8px 1px rgba(0, 0, 0, 0.20), 7px 10px 10px 8px rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
}
.right-nav-head{
	white-space: nowrap;
}
.table-uigrid .ui-grid-contents-wrapper .watermark, .table-uigrid .ui-grid-contents-wrapper .whirl{
	width: 100vw !important;
}
.select-bank-dropdown button{
	width: 100%;
}
.select-bank-dropdown button .caret{
	float: right;
	margin-top: 8px;
}
.submit-request-withdraw{
	text-align:right;
	margin-top: 15px;
}
.select-bank-dropdown .dropdown-menu{
	min-width: 100%;
	margin-top: 28px;
}
.sm-text {
    font-size: 10px;
}
.dropdown-menu .sm-text{
	width: 80px;
    max-width: 80px;
    float: left;
    margin: 10px 15px 0 0;
}
.btn-oval{
	border-radius: 50px !important;
	-webkit-border-radius: 50px !important;
}
.userpref-btn-oval{
	background: #edf1f2;
}
.uib-day .btn{
	border: none;
}
.uib-daypicker .btn, .uib-daypicker .btn:hover, .uib-daypicker .btn:focus{
	-webkit-box-shadow: none;
	box-shadow: none;
}
.uib-daypicker .btn-info:active:hover, .uib-daypicker .btn-info.active, .uib-daypicker .btn-info.active:hover{
	background-color: #4caf50;
	border: none;
}
.uib-daypicker .text-info{
	color: #006cb8;
}
.uib-datepicker-popup .uib-close{
	display: none;	
}
.uib-datepicker-popup .uib-clear, .uib-datepicker-popup .uib-clear:active:hover, .uib-datepicker-popup .uib-clear:active:focus{
	padding: 5px 25px;
	border-radius: 4px !important;
    background: #006cb8;
    float: right;
    border: none;
}
.uib-datepicker-popup .uib-datepicker-current, .uib-datepicker-popup .uib-datepicker-current:hover{
	padding: 5px 25px;
    border-radius: 4px !important;
    background-color: #4caf50;
    border: none;
}
.manin-tab-header .nav-link{
	color: #c92020 !important;
}
.refresh-btn{
	position: absolute;
    right: 40px;
    top: 10px;
}
.ui-grid-canvas{
	overflow-y: overlay;
	-webkit-overflow-scrolling: touch;
    height: 100% !important;
}
.stats-btn{
	position: absolute;
    right: 10px;
    top: 2px;
}
.stats-contain-btn{
	text-align: left;
	position: relative;
}
.stats-btn-oval{
	padding: 6px 10px;
	background: #edf1f2;
	color: #006cb8;
}
.btn:hover, .btn:focus{
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4);
}

.mybuyer-combined-btn-group.combined-btn-group ul.dropdown-menu .user-prference-btn{
	left: 5px;
}
.mybuyer-combined-btn-group.combined-btn-group ul.dropdown-menu{
	min-width: 85px;
}
.mybuyer-combined-btn-group.combined-btn-group ul.dropdown-menu .csv-btn-buyer{
	left: 45px;
}
.transaction-stats-row{
	text-align: left;
}
.terms-conditions{
	width: 100%;
	min-height: 80vh;
    padding-top: 16px;
}
.iframe-modal{
	padding:40px 0 0 !important;
}
.box-placeholder.text-placeholder{
	padding:5px 10px;
	background: #f5f5f5;
}
.footer-left-link{
	padding: 0 5px;
	white-space: nowrap;
	border-left: 1px solid #006cb8;
}
.nav-tabs.nav-justified > li > a {
	margin-bottom: 0px !important;
}
.dashboard-stat-row.bb{
	border-bottom: 1px solid rgba(59, 141, 198, 0.5)
}
.deposit-modal{
	padding-top: 50px !important;
}
.align-items-end{
	align-items: flex-end;
}
.ccy-symbol-length{
	width:22px;
	display: inline-block;
	text-align: right;
}
.ccy-symbol-length-h4{
	width:32px;
}
.dashboard-dropdown{
	top:16px;
}
.dashboard-dropdown li{
	margin:2px;
}
.dashboard-dropdown li a{
	padding: 2px 15px;
}
.dashboard-dropdown li a:hover{
	text-decoration: none;
	color: #006cb8;
}
.refresh-tab-icon{
	position: absolute;
    right: 10px;
    top: 14px;
}
.ngdialog {
    z-index: 999 !important;
}
/*.ui-grid-cell.ui-grid-disable-selection{
	max-width: inherit !important;
}
.ui-grid-row div[role=row] > div{
	display: flex;
}*/
.page-overlay{
 	position: fixed;
 	z-index:9999;
}
.d-board-ccy-driven .btn-flag{
    padding: 3px 10px;
}
.d-board-ccy-driven .dropdown-menu{
	min-width: 70px;
	left: auto !important;
	right: -10px !important;
}
.d-board-ccy-driven .dropdown-menu .mda-list a{
	padding: 0 20px !important;
}
.e-wallet-section{
	padding:7px 10px !important;
}
.ccy-caret{
	padding:0 5px;
	padding-right: 0 !important;
	background: transparent;
	color: #187abe;
	border: none;
}
.ccy-caret:hover{
	box-shadow: none;
	background: transparent;
}
.nav-tabs{
	float: left;
}
.uigrid-statement .ui-grid-cell{
	cursor: default;
}
.agent-dashboard-stats-row .widget{
	height:94%;
}
.dashboard-stat-row .panel.widget .panel-heading{
	padding: 5px 10px;
	background: #edf1f2; 
}
/* .topnavbar-wrapper{
	position: inherit !important;
}
.min{
	position: fixed !important;
  	top:0;
  	left:0;
  	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition:  all 500ms ease;
    transition: all 500ms ease;
}
.layout-fixed .wrapper > section{
	-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition:  all 500ms ease;
    transition: all 500ms ease;
	margin-top:0px !important;
} */
.dashboard-stat-row .stat_labels{
	padding: 5px 10px;
}
.dashboard-stat-row .panel.widget .panel-body{
	padding: 0 !important;
	height: 100%;
}
.dashboard-stat-row .panel.widget .panel-body .row-table{
	height: 33%;
}
.dashboard-stat-row .panel.widget .panel-body.panelbody-no-height, .dashboard-stat-row.agent-dashboard-stats-row .panel.widget .panel-body.panelbody-no-height .row-table{
	height: initial;
}
.dashed-border{
	border-bottom: 1px dashed #444;
}
.radio label, .checkbox label{
	padding-left: 25px;
}
.c-checkbox span, .c-radio span{
	margin-left: -25px;
}
.refresh-btn-listing-start{
	padding: 3px 0;
}


/*************************Responsive styles ***************************/
@media only screen and (max-width: 4000px) {
	.ui-grid-col-17{
		width: 4000px;
	}
}
@media only screen and (max-width: 3800px) {
	.ui-grid-col-16{
		width: 3800px;
	}
}
@media only screen and (max-width: 3600px) {
	.ui-grid-col-15{
		width: 3600px;
	}
}
@media only screen and (max-width: 3300px) {
	.ui-grid-col-14{
		width: 3300px;
	}
}
@media only screen and (max-width: 3000px) {
	.ui-grid-col-13{
		width: 3000px;
	}
}
@media only screen and (max-width: 2780px) {
	.ui-grid-col-12{
		width: 2780px;
	}
}
@media only screen and (max-width: 2550px) {
	.ui-grid-col-11{
		width: 2550px;
	}
}
@media only screen and (max-width: 2330px) {
	.ui-grid-col-10{
		width: 2330px;
	}
}
@media only screen and (max-width: 2150px) {
	.ui-grid-col-9{
		width: 2150px;
	}
}
@media only screen and (max-width: 1920px) {
	.ui-grid-col-8{
		width: 1920px;
	}
}
@media only screen and (max-width: 1680px) {
	.ui-grid-col-7{
		width: 1680px; 
	}
	.buyer-detail-tabs ul.nav-tabs.nav-justified{
		flex-wrap: wrap;
	}
	.buyer-detail-tabs ul.nav-tabs.nav-justified > li{
		flex: 0 0 25%;
	}
	.buyer-detail-tabs ul.nav-tabs.nav-justified > li:nth-child(5), .buyer-detail-tabs ul.nav-tabs.nav-justified > li:nth-child(6), .buyer-detail-tabs ul.nav-tabs.nav-justified > li:nth-child(7){
		flex: 0 0 33.333%;
	}
}
@media only screen and (max-width: 1500px) {
	.ui-grid-col-6{
		width: 1500px;
	}
}
@media only screen and (max-width: 1300px) {
	.ui-grid-col-5{
		width: 1300px;
	}
}
@media only screen and (max-width: 1205px) {
	.ui-grid-col-4{
		width: 1205px;
	}
}
@media only screen and (max-width: 1000px) {
	.uigrid-statement.ui-grid-col-4{
		width: 1000px;
	}
}
@media only screen and (max-width: 1230px) {
	
	.layout-fixed .wrapper > section{
		margin-bottom: 85px !important;
	}
	.head-blue{
		margin-left: 0px !important;
	}
}
@media only screen and (max-width: 1200px) {
	.wrapper > .aside .aside-inner {
		padding-top: 205px;
	}
	.panel.widget.no-gutter:nth-child(2) {
    	margin-top: 0px;
	}
	.topnavbar .navbar-header .brand-logo > img{
		margin:0;
	}
	.content-wrapper .md-welcome{
		margin-top: -130px;
	}
}
@media only screen and (max-width: 1024px) {
	.middile-login {
    	width: 96% !important;
	}
}
@media only screen and (max-width: 991px) {
	.listing-tab {
   		height: 715px;
	}
	.listing-tab > ol > li{
		border-right: 0px;
	}
	.d-flex{
		flex-direction: column;
	}
	.panel-body .d-flex:first-child{
		margin-bottom: 15px;
	}
	.panel.widget.no-gutter:nth-child(2){
		margin-top: 15px;
	}
	.colpadd10:first-child {
	    padding-right: 10px !important;
	}
	.tab-row{
		display: block;
	}
	.right-deails{
		margin-top: 10px;
		padding-right:5px;
	}
	.right-deails .col-md-12.col-sm-6{
		padding-right:5px;
	}
	.topnavbar .navbar-right li .widget .col-md-5{
		text-align: center;
	}
	.dashboard-stat-row .d-flex{
		flex-direction: inherit;
	}
	/******* New dashboard stats boxes ******/
	.header-box-links{
		flex-direction: row;
		margin-bottom: 0px !important;
	}
	.marketplace .dashboard-stats .col-md-3{
		float:left;
		width:50%;
	}
	.navbar-nav.nav-with-dropdown{
		width: 100%;
	}/* 
	.all-inputcolor{
		margin-bottom: 13px;
	} */
	.buy-now-btn-container .button-for-buynow{
		padding: 8px 0;
	}
	.buyNowBtn-err-msg > div{
		margin-bottom: -5px !important;
		margin-left: -5px !important;
	}
	.requestWithdrawal-err-msg > div{
		margin-bottom: 5px !important;
		margin-left: inherit !important;
	}
	.deposit-modal .d-flex{
		flex-direction: row;
	}	
}
@media only screen and (max-width: 767px) {
	#mainContent, footer{
		-webkit-transform: inherit !important;
	    transform: inherit !important; 
	}
	.content-wrapper{
		width: 100%;
	}
	.xs-green{
		color: #34c04b;
	}
	.xs-blue{
		color: #006cb8;
	}
	.aside-toggled .content-wrapper{
		width:calc(100% - 70px);
	}
	.topnavbar .navbar-header{
		background-color: #ffffff;
		background-image: -webkit-linear-gradient(left, #ffffff, #ffffff);
		background-image: -o-linear-gradient(left, #ffffff, #ffffff);
		background-image: linear-gradient(to right, #ffffff, #ffffff);
		background-repeat: repeat-x;
	}
	.right-head-box.head-blue{
		margin-right:0px;
	}
	.dropdown-area .dropdown-menu{
		top:auto;
		margin-top: 30px !important;
	}
	.filter-area .dropdown-menu{
		margin:0;
	}
	.topnavbar .navbar-right > li > a{
		padding: 10px 0 0 !important;
	}
	.invoice-tags{
		flex-direction: column !important;
	}
	.detail-first-stat{
		margin-bottom: 10px !important;
	}
	footer{
		display: flex;
		flex-direction: column-reverse;
		text-align: center;
	}
	.footer-nav{
		width: 170px;
		margin:5px auto 0;
	}
	footer{
		width:100%;
		position:relative !important;
		float: left;
		height: auto !important;
		padding:15px !important;
	}
	.footer-nav > li {
	    float: left;
	}
	.layout-fixed .wrapper > section {
		margin-bottom: 0px !important;
	}
	.layout-fixed.aside-toggled, .layout-fixed.offsidebar-open {
	    overflow-y: auto;
	}
	.footer-nav{
		margin: 10px auto 0 !important;
	}
	.navbar-nav{
		margin:0;
	}
	.navbar{
		min-height: inherit;
	}
	.navbar-brand{
		height:0px !important;
	}
	.filter-bg2{
		top: 3% !important;
	}
	.tooltip{
		display: none;
	}
	.buy-now-btn-container{
		margin-top: 12px !important;
	}
	.buy-now-btn-container .button-for-buynow{
		padding: 16px 0;
	}
	.buyNowBtn-err-msg > div{
		padding: 15px 15px 15px 50px !important;
		margin-bottom: 12px !important;
	}
	.table-uigrid .ui-grid-contents-wrapper .watermark, .table-uigrid .ui-grid-contents-wrapper .whirl{
		width: 90vw !important;
	}
	.statement-rtl-btn{
		position: relative;
		right: auto;
		margin-bottom: 10px;
	}	
	.deposit-modal .d-flex{
		flex-direction: column;
	}
	.deposit-modal .align-items-end{
		align-items: flex-start;
	}
	.left-footer{
		flex-direction: column;
	}
	.invoice-detail-section .pr0{
		padding-right: 5px !important;
	}
	.invoice-detail-grid .row-table, .invoice-detail-grid .row-table > [class*="col-"]{
		display: block;
	}
	.full-height {
    	height: 88vh !important;
    }
}
@media only screen and (max-width: 630px) {
	
	.ui-grid-viewport{
		height: 410px !important;
	}
	.navbar-brand {
	    height: auto !important;
	}
	.navbar-nav > li > a, .topnavbar .nav-wrapper .nav .header-name{
		padding:0 !important;
	}
	.right-head-box.head-blue{
		width: 100%;
	}
	.row-flush .h4{
		font-size: 14px;
	}
	.navbar-nav.navbar-right.head-padding{
		margin-top:0px;
	}
	.invoice-detail-head{
		font-size: 18px;
	}
	.table-uigrid{
		height: 485px;
	}
	.nav-wrapper .nav.navbar-nav.navbar-right{
		width:100%;
	}
	.logout-img{
		position: fixed !important;
	    top: 0;
	    right: 15px;
	}
	.topnavbar .nav-wrapper .header-box-links a{
		margin: 0 !important;
	}
	.content-dropdown-currency{
		justify-content: space-between;
	}
	.panel-body.current_market{
		display: block;
	}
	.navbar-nav .marketplace-ccy .open .dropdown-menu{
	    min-width: inherit !important;
	    max-width: inherit !important;
	    width: 92% !important;
	    position: fixed !important;
	    left: 15px !important;
	}
	.reg-new-buyer-btn{
		position: relative;
		margin-bottom:5px;
		float: right;
	}
	.navbar-nav > li > a, .navbar-nav > li > div{
		padding: 0;
	}
}
@media only screen and (max-width: 660px) {
	flex-container > flex-item:last-child {
		  position: absolute;
		  bottom: 40px;
		  left: 50%;
		  transform: translateX(-50%); /* fine tune horizontal centering */
		  border: 4px solid chartreuse;
		  height: 50px;
		  width: 50px;
	}
}
@media only screen and (max-width: 560px) {
	.ui-grid-col-3{
		width: 560px;
	}
	.panel-body.current_market{
		flex-direction: column;
	}
	.right-nav-head:first-child{
		border: none;
	}
	#requestWithdrawal-toast{
		position: fixed !important;
		top: 260px !important;
	}
}
@media only screen and (max-width: 469px) {
	.para18{
		font-size: 14px;
	}
	.thumb150 {
	    width: 100px;	
	}
}
@media only screen and (max-width: 400px) {
	.statement-rtl-btn button{
		width: 100%;
	}
	.table-uigrid .ui-grid-contents-wrapper .watermark, .table-uigrid .ui-grid-contents-wrapper .whirl{
		width: 86vw !important;
		font-size: 26px;
	}
	.content-dropdown-currency .sm-text{
		max-width: 50px;
		margin: 5px 15px 0 0;
	}
}
@media only screen and (min-width: 992px) {
		
	.major-values .col-md-6:first-child{
		width:calc(50% - 10px);
		margin-right: 10px;
	}
	.major-values .panel-body{
		padding-left:0px;
		padding-right:0px;
	}
	.ngdialog.ngdialog-theme-default.user-preferences-modal .ngdialog-content{
		width:800px !important;
	}
	
	.topnavbar .nav-wrapper .left-navbar{
		left: 310px!important;
	}
	
	.topnavbar .navbar-header .navbar-brand{
		padding-top: 0!important;
	}
	
	.panel-body .widget .pv-lg .h2{
		font-size:28px!important;
	}

	.listing-tab {
   		height: 605px!important;
	}
	
}
@media only screen and (min-width: 768px) {
	.navbar.topnavbar{
		 min-height: 45px;
		background-color: #ffffff;
		background-image: -webkit-linear-gradient(left, #ffffff, #ffffff);
		background-image: -o-linear-gradient(left, #ffffff, #ffffff);
		background-image: linear-gradient(to right, #ffffff, #ffffff);
		background-repeat: repeat-x;
		box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.26);
	}
	.nav-wrapper{
		padding: 0 10px;
		box-shadow: none;
	}
	.topnavbar .navbar-nav > li > a, .topnavbar .navbar-nav > .open > a {
		color: #515253;
	}
	.topnavbar .navbar-right > li > a{
		padding: 9px 5px 0 !important;
	}
	.navbar-brand{
		height: 100%;
	}
	.brand-logo-collapsed{
		margin-top: 42px;
	}
	.listing-tab {
   		height: 725px;
	}
 	.nav-tabs.nav-justified{
 		display: flex;
 	}
 	.nav-tabs.nav-justified > li{
 		display: flex;
	    flex: 1%;
 	}
}


/*arshad*/
.main-head{background-color: #006cb8;}

.date-input{    width: 100%;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #337ab7;}
	
.select-input{    width: 100%;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #337ab7;}	
	
.label-head{padding-top: 6px;}	

.filter-bt{width: 90%;
    line-height: 21px;
    background-color: #006cb8;
    border: none;
    font-size: 16px;
    font-weight: bold;}

.filter-bottom{padding-bottom: 10px;}
.stats-grey{
	background-color: rgba(220, 220, 220, 0.18);
	border-radius: 0px !important;
}
/*My Overview*/
.content-box{width: 100%;
    height: auto;
    background-color: #006cb8;
    box-shadow: 0px 2px 6px -2px;
}

.content-box h4{font-size:15px;
 text-align:center;
 margin:0
}

.content-box h2{font-size:20px;
 text-align:center;
 margin:0
}
/*My Overview*/

/*login button*/

.fb-color{background-color:#006cb8;
		 width:100%;
		 height:43px;

}
.in-color{background-color:#0077B5;
		 width:100%;
		 height:43px;

}

.in-content{background-color:#fff;
background-color: #fff;
    width: 100%;
    height: auto;
    border: 1px solid #006cb8;
    margin-bottom: 20px;
}
.fb-content{background-color:#fff;
background-color: #fff;
    width: 100%;
    height: auto;
    border: 1px solid #0077B5;
    margin-bottom: 20px;
}

.fb-content p, .in-content p{ 
    padding: 7px 16px;
    font-size: 18px;
    margin: 0;
}
.row-class{
	
	    margin-left: -15px !important;
    margin-right: -15px !important;
}
.in-color:after {
  	content: "\f0e1";
    font-family:"Montserrat-Regular";
    color: #fff;
    font-size: 20px;
    position: absolute;
   
    left: 0;
    right: 0;
    
    text-align: center;
    padding-top: 10%;
}
.fb-color:after {
  	content: "\f09a";
    font-family:"Montserrat-Regular";
    color: #fff;
    font-size: 20px;
    position: absolute;
   
    left: 0;
    right: 0;
    
    text-align: center;
    padding-top: 10%;
}

.g-plus{    background-color: #dd4c3b;
    width:100%;
		 height:43px;}
	
.g-plus:after {
  content: "\f0d5";
    font-family: "Montserrat-Regular";
    color: #fff;
    font-size: 20px;
    position: absolute;
   
    left: 0;
    right: 0;
    
    text-align: center;
    padding-top: 10%;
}
.login-logo{    
	margin: auto;
    margin-left: auto;
    margin-right: auto;
	display: block;
	padding-bottom: 20px;
}

.login-img{width:100%;
height:auto;

}

.img-width{width:100%;
height:auto;
}
.login-bt {
    width: 65%;
   height:auto;
   margin:auto;
}	

.login-bt a{color:#000;}
.login-p{font-size: 11px;
    color: #bbb9b9;
    text-align: center;
    padding-top: 46%;
	    padding-left: 14px;
	}

.notice {
	border-radius: 0px !important;
	background-color: #FEF4CE;
	padding: 20px 20px;
	text-align: left;
	width: fit-content;
	margin: 0 auto;
}
.notice i.info { font-size: 24px; color: #e20101; padding-right: 8px; }
.notice .date { font-family: "Montserrat-SemiBold"; }

.actions a.mb-sm { width: 250px;}
	
.log-main{text-align: center;}	
.box-nill{box-shadow:none;}

.full-height{height: 92vh;
background-color: #fff !important;
margin-bottom: 0;
}
.total-top{padding-top:37%;}

.middile-login{width: 50%;
position: fixed;
top: 30%;
left: 0;
margin-top: -30px;

right: 0;
margin: auto;
display: table;}

/*login button*/

.tab-bt{
	white-space: normal !important;
    word-wrap: break-word;
    width: 100%;
    background-color: #006cb8;
    color: #fff;
	padding: 2px 0;
    position: relative;
    top: 5px;
	}
	
.buy-bt{
	
    width:40%;
    background-color: #006cb8;
    color: #fff;}	
.buy-bt2{
    width:100%;
    background-color: #006cb8;
    color: #fff;
}	

/*modal*/
.modal-bt{
	position: absolute;
    z-index: 1;
    background-color: #f5f5f5;
    color: #006cb8;
    border-radius: 0px !important;
    border: none;
	/*box-shadow: -1px 4px 4px 2px #bdbdbd;*/
	}
.modal-bt2{
    position: absolute;
    left: 18px;
    z-index: 999999;
    background-color: #fff;
    padding: 25px 30px;
    color: #fff;
    border-radius: 0px !important;
    border: none;
    top: 20%;
    box-shadow: -1px 4px 4px 2px #bdbdbd;
    /* width: 4%; */
    /* height: 50px; */
}	
	
.statement-bt{   
    position: absolute;
    z-index: 1;
    background-color: #f5f5f5;
    padding: 17px;
    color: #006cb8;
    border-radius: 5px;
    border: none;
    top: auto;
    /*box-shadow: -1px 4px 4px 2px #bdbdbd;*/
   
}
.st-bt{top:0}
	
.modal-icon{
	margin: 0 !important;
    font-size: 16px !important;
    padding: 7px 9px !important;
    font-weight: normal;
	
}	

.modal-icon2{
   
    font-size: 21px !important;
    font-weight: normal;
    position: absolute;
    text-align: center;
    margin: auto;
    font-size: 25px;
    left: 0;
    right: 0;
    top: 14px;
}

.close-bt{position: absolute;
    right: 0;
    top: -23px;
	color: #0064ab;
	z-index: 9999;
	}
	
	
.btdrop{margin-top: 10%;
    position: absolute;}	
	
.filter-bg{width: 100%;
    background-color: rgba(0, 0, 0, 0.33);
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    padding-bottom: 0;
    left: 0;
    overflow-y: auto;}	
.filter-bg .close-bt, .statement-bg .close-bt{
	cursor: pointer;
}	
.statement-bg{width: 100%;
    background-color: rgba(0, 0, 0, 0.33);
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 9999;
    padding-bottom: 0;
    left: 0;}	
		
	
.filter-bg2{width:50%;
    height: auto;
    background-color: #fff;
   position: relative;
    top: 30%;
    z-index: 9999;
    margin: auto;
    left: 0;
    right: 0;
	border-radius: 4px;
	}	
.all-inputcolor{border-radius: 4px;
    border: 1px solid #006cb8;}		
	
.main-bg-padding{
	padding: 2% 0 0;
	text-align: left;
    color: #656565;
}
.collapse{
  display: block;
}
.collapse + input{
  display: none; /* hide the checkboxes */
}
.collapse + input + div{
  display:none;
}
.collapse + input:checked + div{
  display:block;
}	

.f-group-padding{
	padding: 0 6px; 
	margin-bottom: 10px !important;
}	

.apply-bt{
	margin-left: 5px;
    margin-top: 16px;
    padding: 6px 40px;
    background-color: #006cb8;
}	
.label-top{padding-top:10px;}	

.statement-icon {
   font-size: 16px !important;
    font-weight: normal;
    position: absolute;
    text-align: center;
    margin: auto;
    font-size: 25px;
    left: 0;
    right: 0;
    top: 9px;
}

/*modal*/
/*footer*/
.fot-icon li a{ padding: 0;}
/*footer*/


/*date*/
.date-input{width: 100%;
    border-radius: 4px;
    border: 1px solid #006cb8;}
.date-padding{padding: 0; margin:0;}

.date-pik{
	width: 100%;
	padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 4px !important;
    border: 1px solid #006cb8 !important;}

/*date*/
	

/*Error class*/
.error {
	color : red !important;
}
/*head*/
.error .form-control {
    border: solid 1px red;
}

.head-iconimg{width: 39px !important;
    height: auto;
    float: left;
    padding-top: 9px;
    margin-left: 10px;
	}
	
.head-mainwidth{    width: 221px !important;
    height: auto;
    /* background-color: #000 !important; */
    /* float: left; */
    position: relative;
    left: 0px;
	}
.head-maiul{width: 278px;}

.e-walet{    position: relative;
    left: 38px;
    top: -10px;}
	
/*head*/	
.funder-dashboard-stat-tab .tab-content .tab-pane{
	overflow-y: hidden;
}
.invoice-detail-section .button-for-approve{
	padding: 14px 10px;
	font-size: 16px;
	color: #fff;
}
.login-bt a:hover{
	text-decoration: none;
}
.buy-now-in-btn span{
	margin-left:20px;
}
.glyphicon-refresh-animate {
    -animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}
.buy-now-toaster > div{
	width: 100% !important;
 	opacity:.95 !important;
}
.toast-success{
 background-color: #34c04b !important;
}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

@media only screen and (min-width: 320px)
				   and (max-width: 499px)	
				   {
					   
					.nav-wrapper .navbar-nav .open .dropdown-menu {
    position: absolute;
    background-color: #ffffff;
    left: 0;
    right: 0px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.statement-icon {
    font-size: 13px !important;
    font-weight: normal;
    position: absolute;
    text-align: center;
    margin: auto;
    font-size: 25px;
    left: 0;
    right: 0;
    top: 8px;
}	
					   
 }

@media only screen and (max-width: 500px)
{
.user-div.head-padding{
	top:10px;
}

.head-padding2{padding-top:0 !important;}	

.head-blue{padding-left:0 !important;}
	
	/*head*/
.head-logo{width: 80% !important;
    margin: auto;}
/*head*/
	
	.middile-login {
    width: 100%;
    position: fixed;
    top:10%;
    left: 0;
    margin-top: -30px;
    margin: auto;
    display: table;
}
	.modal-bt2 {
   position: relative;
    left: 0;
    z-index: 999999;
    padding: 25px 14px;
    color: #fff;
    border-radius: 6px;
    border: none;
    top: 0px;
    box-shadow: -1px 4px 4px 2px #bdbdbd;
    width: 21%;
    /* height: 50px; */
}
	
.fb-color {
    background-color: #006cb8;
    width: 100%;
    height: 38px;
}
.in-color {
    background-color: #0077B5;
    width: 100%;
    height: 38px;
}
.g-plus {
    background-color: #dd4c3b;
    width: 100%;
    height: 38px;
}
.fb-content, .in-content {
    min-width: 150px;
}
.fb-content p, .in-content p {
    text-align: center;
    text-align: center;
    padding: 7px 0px;
    font-size: 15px;
    margin: 0;
}
	.filter-bg {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.33);
    height: 100%;
    position: fixed;
    top:0;
    z-index: 9999;
    /* padding-bottom: 100px; */
}
	
	.filter-bg2 {
    width: 85%;
    height: auto;
    background-color: #fff;
    position: absolute;
    top: 8%;
    z-index: 9999;
    margin: auto;
    left: 0;
    right: 0;
    border-radius: 4px;
}

.all-inputcolor {
    border-radius: 4px;
    border: 1px solid #006cb8;
    margin-bottom: 13px;
}

.login-logo {
    margin: auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 8% 0;
    padding-left: 0;
}

.total-top {
    padding-top: 0;
}
	
	.login-img2 {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 8%;
}

.buy-bt{
   font-size: 12px;
   width:100%;
   background-color: #006cb8;
   color: #fff;
}

.filter-bt {
    width: 50%;
    line-height: 21px;
    background-color: #4caf50;
    border: none;
    margin: auto;
    display: block;
    margin-top: 10px;
}

.select-input {
    width: 97%;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #337ab7;
    margin: auto;
    margin-top: 14px;
}
.user-padding{padding:0 !important;}
	
}	


@media only screen and (min-width: 1024px)
				   and (max-width:1035px)
				   {
					   
					   
	.middile-login {
    width: 96% !important;
    position: fixed;
    top: 30%;
    left: 0;
    margin-top: -30px;
    right: 0;
    margin: auto;
    display: table;
	
}
}


@media only screen and (min-width: 767px)
				   and (max-width: 800px)
				   {				   
					   
	.middile-login {
    width: 96% !important;
    position: fixed;
    top: 30%;
    left: 0;
    margin-top: -30px;
    right: 0;
    margin: auto;
    display: table;
	
}
			   
}
@media only screen and (min-width: 500px)
				   and (max-width: 900px)
				   {
					   
.middile-login {
    width: 90%;
    position: fixed;
    left: 0;
    margin-top: -30px;
    right: 0;
    margin: auto;
    display: table;
}				   
					   
	.login-logo{
  padding: 20px 0;
					   }				   
					   .filter-bt {
   width: 60%;
    line-height: 21px;
    background-color: #55c14b;
    border: none;
    display: block;
    margin: auto;
}
.select-input {
    width: 99%;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #337ab7;
    margin: auto;
    margin-top: 26px;
}	

.modal-bt2 {
    position: absolute;
    left: 18px;
    z-index: 999999;
   
    padding: 25px 30px;
    color: #fff;
    border-radius: 6px;
    border: none;
    top: 25%;
    box-shadow: -1px 4px 4px 2px #bdbdbd;
    /* width: 4%; */
    /* height: 50px; */
}
				   
 }
 
 
  /*iphone-6-landscape*/

@media only screen and (min-width: 660px)
				   and (max-width: 670px) 
				   and (orientation:landscape)
				   {
					   .login-logo {
    margin: auto;
    /* text-align: center; */
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 0;
    width: auto;
}
.middile-login {
    width: 90%;
    position: fixed;
    top: 26px;
    left: 0;
    margin-top: -30px;
    right: 0;
    margin: auto;
    display: table;
}

				   } 
 


 /*iphone-5-landscape*/

@media only screen and (min-width: 550px)
				   and (max-width: 568px) 
				   and (orientation:landscape)
				   {
					   .login-logo {
    margin: auto;
    /* text-align: center; */
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 0;
    width: auto;
}
.middile-login {
    width: 90%;
    position: fixed;
    top: 26px;
    left: 0;
    margin-top: -30px;
    right: 0;
    margin: auto;
    display: table;
}

				   } 
 
 /*nexus-landscape*/

@media only screen and (min-width: 700px)
				   and (max-width: 740px) 
				   and (orientation:landscape)
				   {
					   .login-logo {
    margin: auto;
    /* text-align: center; */
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 0;
    width: auto;
}
.middile-login {
    width: 90%;
    position: fixed;
    top: 26px;
    left: 0;
    margin-top: -30px;
    right: 0;
    margin: auto;
    display: table;
}

				   }
 
 /*galaxy-landscape*/

@media only screen and (min-width: 600px)
				   and (max-width: 640px) 
				   and (orientation:landscape)
				   {
					.middile-login {
    width: 90%;
    position: fixed;
    top: 10%;
    left: 0;
    margin-top: 0;
    right: 0;
    margin: auto;
    display: table;
   /* background-color: brown;*/
}   

.login-logo {
    margin: auto;
    /* text-align: center; */
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding:0;
    width: auto;
}
				   }
 

	
/*nexus-5*/
@media only screen
/*and (min-height: 630px)
and (max-height: 640px)*/
and (min-width: 598px)
and (max-width: 639px)
and (orientation:landscape){
 
 
 .middile-login {
    width: 45%;
    position: fixed;
    top:0;
    left: 0;
    margin-top: -30px;
    right: 0;
    margin: auto;
    display: table;
  
}	
 
.login-img2 {
    width: 100%;
    height: auto;
    position: absolute;
    padding-top: 0;
}
 
}	
	

/*nexus-6*/
@media only screen
/*and (min-height: 361px)
and (max-height: 411px)*/
and (min-width: 680px)
and (max-width: 731px)
and (orientation:landscape){
 
 
 .middile-login {
    width: 45%;
    position: fixed;
    top:0;
    left: 0;
    margin-top: -30px;
    right: 0;
    margin: auto;
    display: table;
  
}	
 
 .login-img2 {
    width: 100%;
    height: auto;
    position: absolute;
    padding-top: 0;
}
 
}

/*nexus-7*/
@media only screen and (min-width: 600px)
				   and (max-width: 610px)
{

.login-logo {
    margin: auto;
    /* text-align: center; */
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 8% 0;
    padding-left: 0;
  
}
}


/*nexus-7*/
@media only screen
/*and (min-height: 361px)
and (max-height: 411px)*/
and (min-width: 940px)
and (max-width: 960px)
and (orientation:landscape){
 
 
 .middile-login {
   width: 71%;
    position: fixed;
    top: 29%;
    left: 0;
    margin-top: -30px;
    right: 0;
    margin: auto;
    display: table;
    
}	
 
}


/*iphone-4*/
@media only screen
/*and (min-height: 480px)
and (max-height: 490px)*/
and (min-width: 480px)
and (max-width: 490px)
and (orientation:landscape){
 
 
 .middile-login {
   width: 71%;
    position: fixed;
    top:0;
    left: 0;
    margin-top: -30px;
    right: 0;
    margin: auto;
    display: table;
  
}
.login-img2 {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 0;
}	
 
}
			   

@media screen and (-webkit-min-device-pixel-ratio:0) { 

/* Safari only override */

::i-block-chrome,.d-flex, ::i-block-chrome,.panel-body.current_market, ::i-block-chrome,.content-dropdown-currency{
	display: -webkit-box;
}
::i-block-chrome,.full-height {
height: 92vh;
background-color: white !important;
margin-bottom: 0;
height: 100%;
width: 100%;
min-height: 580px;
max-height:1000px;

}
::i-block-chrome,.filter-list-item {
position: absolute !important;

}
::i-block-chrome,.filter-list-item .modal-bt {
padding: 6px 30px !important;
}
::i-block-chrome,.filter-list-item .modal-icon {
padding: 7px 0px !important;

}
::i-block-chrome,.ui-grid-viewport .ui-grid-cell-contents {
padding: 5px !important;
word-wrap: break-word;
white-space: normal !important;
min-height: 100% !important;
height: 42px;
text-align: center !important;
}

::i-block-chrome,.table-uigrid.ui-grid .ui-grid-cell, .table-uigrid.ui-grid .ui-grid-row {
	min-height: 44px;
}
::i-block-chrome,.ui-grid-cell, .grid1493377363360 .ui-grid-row, .grid1493377363360 .ui-grid-cell, .grid1493377363360 .ui-grid-cell .ui-grid-vertical-bar, .ui-grid-row:nth-child(2n+1) .ui-grid-cell, .ui-grid-row:nth-child(2n) .ui-grid-cell{
	min-height: 44px !important;
}
::i-block-chrome,.ui-grid-top-panel{
	font-weight: normal !important;
}
::i-block-chrome,.ui-grid-row div[role="row"]{
	display: -webkit-box;
}
::i-block-chrome,a:hover{
	text-decoration: none !important;
}
::i-block-chrome,.tab-bt {
white-space: normal !important;
word-wrap: break-word;
width: 100%;
background-color: #006CB8;
color: white;
margin-top: -7px;
}
::i-block-chrome,.dashboard-stat-row{
display: block;}
::i-block-chrome,.footer-left-link{
white-space: normal;}
::i-block-chrome,.sf-float{
float: left;}

::i-block-chrome,.sf-float2{
float: left;}

::i-block-chrome,.sf-float4{
float: left;}

}
@media only screen and (max-width: 560px){
		::i-block-chrome,.current_market{
			display: block;
		}
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .25);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}

/* Login */
#login-content {
	padding: 60px 0 0;
	height: calc(100vh - 58px);
	width: 90%;
}

#login-content #info-wrapper { padding: 20px 11%; }
#login-content #info-wrapper h4 { font-family: "Montserrat-Regular"; color: #006cb8; font-size: 25px; }

#login-content #info-wrapper .intro-vid {
	margin: 20px 0;
}

#login-content #info-wrapper .intro-vid video {
	width: 100%;
	height: auto;
	border-radius: 8px;
	border: 1px solid #efefef;
}

#login-content #info-wrapper .intro-vid video:focus {
	outline: none;
}

#login-content #info-wrapper .lat-news div.news-wrapper {
	padding: 35px 0 25px 0;
}
#login-content #info-wrapper .lat-news .news-wrapper a {
	color: unset;
}
#login-content #info-wrapper .lat-news .news-wrapper a.text-blue {
	color: #001E61 !important;
}
#login-content #info-wrapper .lat-news .news-wrapper .news-title{
	padding-top: 10px;	
}
#login-content #info-wrapper .lat-news .scrollable {
	height: 30%;
  	overflow: scroll;
}

#info-wrapper .fit-image {
    max-width:170px;
	width: 100%;
    min-width:100px;
    object-fit: cover;
    height: 120px; /* only if you want fixed height */
	border-radius: 8px;
	border: 1px solid #eaeaea;
}

/* Truncate title */
.block-with-text {
	overflow: hidden;
	position: relative;
	line-height: 1.2em;
	max-height: 2.4em;
	text-align: justify;
	margin-right: 0em;
	padding-right: 1em;
	font-family: "Montserrat-SemiBold";
	font-size: 16px;
}
.block-with-text:before {
	content: '...';
	position: absolute;
	right: 0;
	bottom: 0;
}
.block-with-text:after {
	content: '';
	position: absolute;
	right: 0;
	width: 0.9em;
	height: 1em;
	margin-top: 0.2em;
	background: white;
}

#login-content #home-content {
	padding: 0 5%;
	display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

@media only screen and (max-width: 1440px) {
	#login-content #info-wrapper { padding: 20px 10%; }
}

@media only screen and (max-width: 992px) {
	#login-content { width: 100%; }
	#login-content #info-wrapper { padding: 20px 100px; }
	#login-content #info-wrapper h4 { text-align: center; }
	#login-content #home-content  { height: unset; }
	#info-wrapper .fit-image { max-width: unset; height: 85px; }
	#login-content #info-wrapper .lat-news .scrollable {
		height: unset;
		overflow: unset;
	}
}

@media only screen and (max-width: 767px) { 
	#login-content #info-wrapper { padding: 20px; }
	#info-wrapper .fit-image { max-width: unset; height: 130px; }
}
.login-info {
    font-family: "Montserrat-Regular";
	font-size: 16px;
}
/* End of Login */

/* Navbar */
.navbar-default .navbar-collapse { border-color: transparent; }

#login-navbar {
	height: 64px;
	padding-top: 7px;
	background-color: #ffffff;
	border-bottom: 1px solid #D3DCE1;
}
/* End of Navbar */