body {
	font-family: 'Lato', sans-serif;

	-youbkit-touch-callout: none;
	/* iOS Safari */
	-youbkit-user-select  : none;
	/* Chrome 6.0+, Safari 3.1+, Edge & Opera 15+ */
	-webkit-touch-callout : none;
	-webkit-user-select   : none;
	-khtml-user-select    : none;
	-moz-user-select      : none;
	-ms-user-select       : none;
	user-select           : none;
}

/*body {
	scrollbar-color: #101010 #101010;
	scrollbar-width: thin;
}
body:-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
body:-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}*/


html,
body {
	width : 100%;
	height: 100%;
}

.text-a {
	font-weight: 300;
	font-size  : 16px;
	line-height: 25px;
	color      : #e5e5e5;
}

.text-a a {
	color: #ffb924;
}

.text-b {
	font-weight: 300;
	font-size  : 16px;
	line-height: 25px;
	color      : #757575;
}

.text-b a {
	color: #ffb924;
}


.lable-a {
	font-weight: 300;
	font-size  : 16px;
	line-height: 25px;
	color      : #b1b0b6;
}

.input-number {
	font-weight     : 300;
	font-size       : 16px;
	line-height     : 25px;
	color           : #b1b0b6;
	padding         : 15px 30px;
	background-color: transparent;
	border          : 1px solid #f6f8fa;
	box-shadow      : 0 0 15px #f6f8fa;
	border-radius   : 50px;
}

.input-number {
	height: 60px;
}

/** Button A **/
.btn.btn-a,
.btn.btn-b {
	font-weight  : 500;
	font-size    : 16px;
	line-height  : 25px;
	border-radius: 45px;
	z-index      : 0;
	position     : relative;
	padding      : 8px 15px;
	text-align   : center;
	min-width    : 125px;
	height       : 45px;
}

.btn.btn-a {
	color           : #ffffff;
	background-color: #ffb924;
	border          : 2px solid #ffb924;
}

.btn.btn-a:hover {
	color           : #fec301;
	background-color: transparent;
	box-shadow      : none;
}

.btn.btn-b {
	color           : #b5b5b5;
	background-color: #f7f7f7;
	border          : 2px solid #f7f7f7;
}

.btn.btn-b:hover {
	color           : #b5b5b5;
	background-color: transparent;
	box-shadow      : none;
}

/** **/
a.nav-expander {
	color             : #222222;
	display           : block;
	padding           : 0;
	cursor            : pointer;
	text-decoration   : none;
	transition        : left 0.3s ease-in-out 0s;
	-webkit-transition: left 0.3s ease-in-out 0s;
	-moz-transition   : left 0.3s ease-in-out 0s;
	-o-transition     : left 0.3s ease-in-out 0s;
}

.bar-cols {
	display       : inline-block;
	vertical-align: middle;
	position      : relative;
	top           : -3px;
}

.bar-rows {
	width           : 28px;
	height          : 2px;
	background-color: #222222;
	display         : block;
}

.bar-rows+.bar-rows {
	margin-top: 5px;
}

.bar-cols .bar-rows:nth-of-type(2) {
	top: 1px;
}

.bar-cols .bar-rows:nth-of-type(3) {
	top: 2px;
}

.bar-cols .bar-rows {
	position  : relative;
	transition: all 200ms ease-in-out;
}

.nav-expanded .bar-cols .bar-rows:nth-of-type(1) {
	top      : 7px;
	transform: rotate(45deg);
}

.nav-expanded .bar-cols .bar-rows:nth-of-type(2) {
	background-color: transparent;
}

.nav-expanded .bar-cols .bar-rows:nth-of-type(3) {
	top      : -7px;
	transform: rotate(-45deg);
}

/** MainBar **/
.mainBar {
	z-index         : 8;
	position        : relative;
	background-color: #000000;
	min-height      : 100%;
	width           : 100%;
}

/** SideBar **/
.msg-sidebar {
	position: fixed;
	height  : 100%;

	background-color: #1d1d1d;

	scrollbar-color: #101010 #101010;
	scrollbar-width: thin;

	overflow-y: auto;
}

.msg-sidebar::-webkit-scrollbar {
	-webkit-appearance: none;
	width             : 7px;
}

.msg-sidebar::-webkit-scrollbar-thumb {
	border-radius     : 4px;
	background-color  : rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.msg-sidebar {
	width    : 240px;
	flex     : 0 0 240px;
	min-width: 240px;

	transition: all .2s;
	z-index   : 1000;

	/*box-shadow: 7px 0 60px rgba(0,0,0,0.05);*/

	/*overflow: hidden;*/
}

.scroll-pix {
	/*overflow: hidden !important;*/
	overflow-anchor: none;
	touch-action   : auto;
}

.scroll-sidebar {
	position: relative;
	z-index : 15;
	width   : 100%;
	height  : 100%;
}

/** **/
.sideBar-header {
	/*background-color: #083934;*/
	padding         : 25px 15px;
	position        : sticky;
	top             : 0;
	z-index         : 11;
	text-align      : center;
	background-color: #1d1d1d;
	height          : 80px;
}

.sideBar-header a {
	text-decoration: none;
}

/** **/
.sidebar-nav .navbar-nav,
.sidebar-nav-a .navbar-nav {
	float  : none;
	display: block;
}

.sidebar-nav .navbar-nav>li,
.sidebar-nav-a .navbar-nav>li {
	float       : none;
	display     : block;
	margin-top  : 5px;
	/*box-shadow: 0px 1px 0px #575b6a;*/
}

.sidebar-nav .navbar-nav>li>a,
.sidebar-nav-a .navbar-nav>li>a {
	font-weight    : 400;
	font-size      : 13px;
	line-height    : 20px;
	color          : #6b6b6b;
	outline        : 0 none;
	position       : relative;
	text-transform : uppercase;
	text-decoration: none;
	padding        : 8px 15px;
}


.sidebar-nav .navbar-nav>li a.nav-middles,
.sidebar-nav-a .navbar-nav>li a.nav-middles {
	display            : -webkit-box;
	display            : -moz-box;
	display            : -ms-flexbox;
	display            : -webkit-flex;
	display            : flex;
	-webkit-box-align  : center;
	-webkit-flex-align : center;
	-ms-flex-align     : center;
	-webkit-align-items: center;
	align-items        : center;
}

.sidebar-nav .navbar-nav .open>a,
.sidebar-nav .navbar-nav>li>a:active,
.sidebar-nav .navbar-nav>li>a:focus,
.sidebar-nav .navbar-nav>li>a:hover,
.sidebar-nav .navbar-nav>li.active>a {
	background: #1d1d1d;
	color     : #f0c231;
}

.sidebar-nav-a .navbar-nav>li>a:hover {
	color: #ffb924;
}

.nav-icons {
	width                        : 30px !important;
	height                       : 23px;
	line-height                  : 30px;
	text-align                   : center;
	display                      : inline-block;
	/* transition-timing-function: ease-in-out; */
	/* transition-delay          : 1s; */
	transition                   : all 0.5s ease-out;
}

.nav-icons .material-icons {
	display       : inline-table;
	vertical-align: middle;
	max-height    : 30px;
}

.nav-text {
	padding-left: 10px;
}

.hr-sidebar {
	background-color: #0a0a0a;
	height          : 1px;
	border          : none;
	margin          : 15px 0;
	max-width       : 100%;
}

/* **/
.msg-content {
	flex-direction: column;
	-webkit-flex  : 1;
	flex          : 1;
	width         : 100%;
	/*height      : calc(100% - 70px);*/
}

.msg-content-in {
	padding: 2.5em;
}

/** **/
.nav-sections {
	padding-top     : 15px;
	padding-bottom  : 15px;
	padding-left    : 0em;
	position        : sticky;
	top             : 0;
	z-index         : 999;
	background-color: #101010;
	border-bottom   : 1px solid #000000;
}

a.secure-text {
	font-size      : 18px;
	color          : #4f656f;
	text-decoration: none;
}

a.secure-text:hover {
	color: #ffb924;
}

a.secure-text>i {
	margin-right: 15px;
	font-size   : 20px;
	color       : #ffb924;
}


.role-01 {
	-webkit-flex: 0 0 auto;
	flex        : 0 0 auto;
}

.role-01 .logo-brand {
	display: none;
}

.role-02 {
	-webkit-flex: 1;
	flex        : 1;
}


.right-navbar {
	display    : table;
	margin-left: auto;
}

.notify-ul:before,
.notify-ul:after {
	content: '';
	clear  : both;
	display: table;
}

.notify-ul>li {
	position: relative;
	display : block;
}

.notify-ul>li a {
	text-decoration: none;
	display        : block;
}

.number-detail {
	color      : #4c4c4c;
	font-size  : 12px;
	white-space: nowrap;
}

.number-detail strong {
	color      : #ffffff;
	font-weight: 600;
}

.number-detail span {
	color: #4bb118;
}

.profile-kelen {
	font-size: 22px;
	color    : #fec303;
}

.daynight-square {
	width                : 30px;
	height               : 30px;
	line-height          : 25px;
	display              : block;
	border-radius        : 5px;
	-webkit-border-radius: 5px;
	overflow             : hidden;
	background-color     : #080808;
	-webkit-flex         : 0 0 auto;
	flex                 : 0 0 auto;
	text-align           : center;
}

a.icon-links {
	text-decoration: none;
	display        : inline-block;
}

a.icon-links .icomoon {
	color         : #b2b2b2;
	font-size     : 24px;
	vertical-align: middle;
}

.online-dots {
	position        : absolute;
	width           : 10px;
	height          : 10px;
	border-radius   : 50%;
	background-color: #ec526c;
	right           : 0;
	top             : 0;
}

.ico-pos {
	position: relative;
}

/** **/
.dsh-head-a {
	font-size  : 35px;
	line-height: 1.25;
	color      : #222222;
}

.list-funds .nav.nav-tabs {
	border: 0;
}

.list-funds .nav.nav-tabs>li {
	float      : left;
	margin-left: 15px;
}

.list-funds .nav.nav-tabs>li:first-child {
	margin-left: 0;
}

.list-funds .nav.nav-tabs>li>a {
	font-weight     : 400;
	font-size       : 22px;
	line-height     : 30px;
	color           : #e5e5e5;
	padding         : 10px 15px;
	display         : block;
	position        : relative;
	text-decoration : none;
	border          : 1px solid #e5e5e5;
	background-color: #1d1d1d;
	min-width       : 135px;
}

.list-funds .nav.nav-tabs>li>a.active,
.list-funds .nav.nav-tabs>li>a:hover {
	color     : #f0c231;
	background: transparent;
	border    : 1px solid #f0c231;
	margin    : 0;
}

.square {
	width       : 18px;
	height      : 18px;
	display     : inline-block;
	border-width: 1px;
	border-style: solid;
	margin-right: 5px;
	padding     : 3px;
}

.list-funds .nav.nav-tabs>li>a.active .square:after,
.list-funds .nav.nav-tabs>li>a:hover .square:after {
	background-color: #f0c231;
}

.square:after {
	content         : '';
	width           : 10px;
	height          : 10px;
	background-color: #e5e5e5;
	display         : block;
}

.tab-content {
	padding-top: 15px;
}

.fund-panel {
	border-radius   : 30px;
	box-shadow      : 0 0 30px rgba(240, 240, 240, .95);
	background-color: #ffffff;
	margin-bottom   : 30px;
}

.fund-steps {
	position: relative;
}

.fund-steps:after {
	content     : '';
	width       : 70%;
	display     : block;
	margin-left : auto;
	margin-right: auto;
	border-top  : 2px dashed #dcdcdc;
	position    : absolute;
	top         : 67.5px;
	z-index     : 0;
	left        : 0;
	right       : 0;
}

.funds-box {
	display     : table;
	margin-left : auto;
	margin-right: auto;
	position    : relative;
	z-index     : 10;
}

.funds-circle-dots {
	width                : 135px;
	height               : 135px;
	border               : 2px dashed #dcdcdc;
	-webkit-border-radius: 50%;
	border-radius        : 50%;
	padding              : 12.5px;
	background-color     : #ffffff;
	margin-left          : auto;
	margin-right         : auto;
}

.funds-circle-fill {
	background-color     : #f7f7f7;
	border-radius        : 50%;
	width                : 106px;
	height               : 106px;
	line-height          : 105px;
	-webkit-border-radius: 50%;
	border-radius        : 50%;
}

.funds-text-box {
	line-height   : 1.15;
	display       : inline-table;
	vertical-align: middle;
	color         : #b5b5b5;
}

.funds-head {
	font-weight: 600;
	font-size  : 35px;
	line-height: 35px;
}

.funds-text {
	font-weight: 500;
	font-size  : 16px;
	line-height: 25px;
}

.fund-head-main {
	font-weight: 500;
	font-size  : 16px;
	line-height: 25px;
	color      : #b1b0b6;
}

.funds-box.current .funds-text-box {
	color: #7cb342;
}

.funds-box.next .funds-text-box {
	color: #ffb924;
}

.fund-header {
	padding: 50px 30px;
}

.fund-header-a {
	padding: 50px 30px;
}

.fund-body {
	padding: 50px 30px;
}

.fund-body-a {
	padding: 50px 30px;
}

.fund-footer {
	padding: 25px 30px;
}

.fund-footer-a {
	padding: 25px 30px;
}

.fund-hr {
	background-color: #fafafa;
	height          : 2px;
	border          : none;
	margin          : 0;
	max-width       : 100%;
}


/** **/
.mcard-box {
	max-width       : 285px;
	margin-left     : auto;
	margin-right    : auto;
	background-color: #f7f7f7;
	padding         : 20px;
	border-radius   : 10px;
	border          : 2px solid transparent;
}

.mcard-box:hover,
.mcard-box.active {
	border: 2px solid #ffb924;
}

.mcard-img {
	height: 150px;
}

.mcard-img img {
	width : 100%;
	height: 100%;
}

.mcard-head-a {
	font-weight: 500;
	font-size  : 16px;
	line-height: 25px;
	color      : #b1b0b6;
}

.amount-items {
	font-weight: 500;
	font-size  : 16px;
	line-height: 25px;
	color      : #b5b5b5;

	background-color: #f7f7f7;
	padding         : 12.5px 20px;
	border-radius   : 30px;
	height          : 45px;
	display         : inline-block;
	margin-right    : 10px;
}

.amount-items strong {
	color: #ffb924;
}


.amt-panel {
	box-shadow   : 0 0 15px #fbfbfb;
	border       : 1px solid #fbfbfb;
	border-radius: 10px;
	overflow     : hidden;
}

.amt-header {
	padding         : 15px 20px;
	background-color: #f7f7f7;
}

.amt-head {
	font-weight: 500;
	font-size  : 24px;
	line-height: 30px;
	color      : #ffb924;
}

.amt-head strong {
	font-weight: 500;
	color      : #171929;
}

.amt-text {
	font-weight: 300;
	font-size  : 16px;
	line-height: 25px;
	font-family: 'Montserrat', sans-serif;
	color      : #b1b0b6;
}

.amt-body {
	padding: 15px 20px;
}



/** **/
.platform-box {
	background-color: #f7f7f7;
	border-radius   : 10px;
}

.platform-content {
	padding: 20px;
}

.platform-box {
	max-width: 420px;
	margin   : 0 auto 30px;
}

.platform-image {
	border-radius: 10px;
	overflow     : hidden;
}

.platform-head {
	font-weight: 600;
	font-size  : 20px;
	line-height: 25px;
	font-family: 'Montserrat', sans-serif;
	color      : #222222;
}

.platform-text {
	font-weight: 400;
	font-size  : 15px;
	line-height: 25px;
	font-family: 'Montserrat', sans-serif;
	color      : #959596;
}

.platform-button-a .btn,
.platform-button .btn {
	font-size: 15px;
}

.btn.btn-text {
	font-weight: 500;
	font-size  : 15px;
	line-height: 25px;
	font-family: 'Montserrat', sans-serif;
	color      : #20233e;
}

.list-tabs-a>li {
	float        : left;
	font-weight  : 500;
	font-size    : 16px;
	line-height  : 20px;
	font-family  : 'Montserrat', sans-serif;
	color        : #b1b0b6;
	border-right : 1px solid #ddd;
	padding-right: 15px;
	margin-right : 15px;
}

.list-tabs-a>li:last-child {
	border-right : 0;
	padding-right: 0;
	margin-right : 0;
}

.list-tabs-a>li>a {
	color         : #b1b0b6;
	text-transform: uppercase;
}

.list-tabs-a>li>a:hover {
	color: #fecb5e;
}

/** **/
.funds-view-box {
	padding         : 30px;
	background-color: #f7f7f7;
	border-radius   : 15px;
	position        : relative;
	max-height      : 345px;
}

a.help-icon {
	width          : 22px;
	height         : 22px;
	line-height    : 18px;
	text-align     : center;
	display        : block;
	border-radius  : 50%;
	border         : 2px solid #fecb5e;
	text-decoration: none;
	color          : #fecb5e;

	font-weight: 600;
	font-size  : 14px;

	position: absolute;
	right   : 15px;
	top     : 15px;
}

.funds-view-head {
	font-size  : 24px;
	font-weight: 500;
	color      : #171929;
}

.funds-view-text {
	font-size  : 16px;
	font-weight: 300;
	color      : #b1b0b6;
}

.funds-view-head-a {
	font-size  : 24px;
	font-weight: 500;
	color      : #ffb924;
}

.funds-view-head-a strong {
	font-size  : 30px;
	font-weight: 600;
	color      : #171929;
}



/** eSplus **/
.search-bar {
	position : relative;
	max-width: 150px;
}

.search-bar .search-input-x {
	border-radius   : 5px;
	background-color: #060606;
	height          : 30px;
	border          : 0;
	font-size       : 13px;
	color           : #a9a9a9;
	padding-right   : 40px;
	outline         : 0 none;
	padding-left    : 12px;
}

.search-bar .search-btn-x {
	border           : 0;
	position         : absolute;
	right            : 10px;
	top              : 50%;
	-webkit-transform: translateY(-50%);
	transform        : translateY(-50%);
	color            : #a8a8a8;
	background       : transparent;
}

.search-bar .search-btn-x i {
	color: #a8a8a8;
}


.notify-ul>li.dropdown>a {
	font-size: 13px;
	color    : #ffffff;
}

.notify-ul>li.dropdown .dropdown-item {
	padding  : 5px 10px;
	font-size: 13px;
}

.notify-ul>li.dropdown .dropdown-menu {
	min-width: 7rem;
}

/** **/
.invest-panel {
	padding            : 20px 20px;
	min-height         : auto;
	margin-left        : auto;
	margin-right       : auto;
	background-position: center;
	background-repeat  : no-repeat;
	background-size    : cover;
}

.invest-figure {
	width           : 60px;
	height          : 60px;
	line-height     : 60px;
	overflow        : hidden;
	text-align      : center;
	border-radius   : 50%;
	background-color: #ffffff;
	box-shadow      : 0 0 30px rgba(0, 0, 0, 0.075);
}

.invest-figure img {
	display       : inline-table;
	vertical-align: middle;
	max-height    : 54px;
}

.invest-content {
	margin-right: 10px;
}

.invest-head {
	font-weight: 400;
	font-size  : 14px;
	line-height: 25px;
	color      : #ffffff;
}

.invest-number {
	font-weight: 600;
	font-size  : 20px;
	color      : #ffffff;
}

.pr-single-flex,
.pre-flex-auto {
	-webkit-flex: 0 0 auto;
	-moz-flex   : 0 0 auto;
	flex        : 0 0 auto;
}

.pr-full-flex,
.pre-flex-full {
	-webkit-flex: 1;
	-moz-flex   : 1;
	flex        : 1;
}

/** **/
.table tbody>tr:first-child>th,
.table tbody>tr:first-child>td {
	border-top: 0;
}

.widget-table-three {
	overflow-y: visible;
	overflow-x: auto;
}

.widget-table-three .table {
	border-collapse : separate;
	border-spacing  : 0 5px;
	margin-bottom   : 0;
	background-color: transparent;
}

.widget-table-three .table {
	border-collapse: separate;
	border-spacing : 0 3px;
}

.widget-table-three .table>thead>tr>th:first-child {
	border-top-left-radius: 6px;
}

.widget-table-three .table>thead>tr>th:first-child {
	border-bottom-left-radius: 6px;
}

.widget-table-three .table>thead>tr>th {
	text-transform: initial;
	border-top    : none;
	background    : #1d1d1d;
	border-right  : none;
	border-left   : none;
}

.widget-table-three .table>tbody>tr {

	border-radius: 5px;
}

.widget-table-three .table>tbody>tr:first-child td:first-child {
	border-top-left-radius: 6px;
}

.widget-table-three .table>tbody>tr:first-child td:last-child {
	border-top-right-radius: 6px;
}

.widget-table-three .table>tbody>tr:last-child td:first-child {
	border-bottom-left-radius: 6px;
}

.widget-table-three .table>tbody>tr:last-child td:last-child {
	border-bottom-right-radius: 6px;
}

.table>thead>tr>th {
	color       : #6b6b6b;
	font-size   : 13px;
	border-color: #1d1d1d;
	padding     : 10px;
}

.table>tbody>tr>td {
	vertical-align  : middle;
	color           : #fefeff;
	font-size       : 14px;
	padding         : 10px;
	border          : 0;
	background-color: #101010;
}

.widget-table-three .table>thead>tr>th:last-child {
	border-top-right-radius: 6px;
}

.widget-table-three .table>thead>tr>th:last-child {
	border-bottom-right-radius: 6px;
}


.will-text {
	font-size: 11px;
	color    : #6b6b6b;
}

.will-text i {
	margin-right: 10px;
}

.up1:after {
	content       : '';
	width         : 0;
	height        : 0;
	border-left   : 5px solid transparent;
	border-right  : 5px solid transparent;
	border-bottom : 5px solid #4bb118;
	vertical-align: middle;
	display       : inline-block;
	margin-left   : 5px;
}

.beforeup:before {
	content       : '';
	width         : 0;
	height        : 0;
	border-left   : 5px solid transparent;
	border-right  : 5px solid transparent;
	border-bottom : 5px solid #4bb118;
	vertical-align: middle;
	display       : inline-block;
	margin-right  : 10px;
}

.beforedown:before {
	content       : '';
	width         : 0;
	height        : 0;
	border-left   : 5px solid transparent;
	border-right  : 5px solid transparent;
	border-top    : 5px solid #c7173c;
	vertical-align: middle;
	display       : inline-block;
	margin-right  : 10px;
}



.circl-chart {
	height          : 100%;
	background-color: #1d1d1d;
}

.circl-chart img {}

.no-flex {
	height         : 100%;
	justify-content: center;
}

body .row {
	margin-left : -10px;
	margin-right: -10px;
}

body .row [class*="col-"] {
	padding-left : 10px;
	padding-right: 10px;
}


.new-control-input {
	position: absolute;
	z-index : -1;
	opacity : 0;
}

.new-control {
	height      : 18px;
	margin      : 0 auto;
	line-height : 18px;
	position    : relative;
	display     : -ms-inline-flexbox;
	display     : inline-flex;
	padding-left: 1.75rem;
	margin-right: 1rem;
	font-weight : 100;
	font-size   : 13px;
	color       : #dddddd;
}

.new-control.new-checkbox {
	cursor: pointer;
}

/*.new-control.new-checkbox.checkbox-primary > input:checked ~ span.new-control-indicator {
    background: #4361ee;
}*/
.new-control.new-checkbox>input:checked~span.new-control-indicator {
	border: 1px solid #f0c231;
}

.new-control.new-checkbox .new-control-indicator {
	position           : absolute;
	top                : 0;
	left               : 0;
	display            : block;
	width              : 16px;
	height             : 16px;
	pointer-events     : none;
	-webkit-user-select: none;
	-moz-user-select   : none;
	-ms-user-select    : none;
	user-select        : none;
	border             : 1px solid #f0f0f0;
	background-repeat  : no-repeat;
	background-position: center center;
	background-size    : 50% 50%;
	border-radius      : 4px;
}

.new-control.new-checkbox>input:checked~span.new-control-indicator::after {
	display: block;
}

.new-control.new-checkbox span.new-control-indicator::after {
	top         : 50%;
	left        : 50%;
	margin-left : -2px;
	margin-top  : -5px;
	width       : 4px;
	height      : 8px;
	border-width: 0 2px 2px 0 !important;
	transform   : rotate(45deg);
	content     : '';
	position    : absolute;
	display     : none;
	margin-left : -2px;
	margin-top  : -5px;
	width       : 4px;
	height      : 8px;
	height      : 8px;
}

.new-control.new-checkbox span.new-control-indicator::after {
	border: solid #f0c231;
}


.outline-badge-complete {
	color           : #54c81a;
	background-color: transparent;
	border          : 1px solid #54c81a;
}

.outline-badge-complete:hover {
	color           : #ffffff;
	background-color: #54c81a;
}

.outline-badge-help {
	color           : #f0c231;
	background-color: transparent;
	border          : 1px solid #f0c231;
}

.outline-badge-help:hover {
	color           : #ffffff;
	background-color: #f0c231;
}

.outline-badge-pending {
	color           : #fefeff;
	background-color: transparent;
	border          : 1px solid #fefeff;
}

.outline-badge-pending:hover {
	color           : #101010;
	background-color: #fefeff;
}

.outline-badge-token {
	color           : #6b6b6b;
	background-color: transparent;
	border          : 1px solid #6b6b6b;
}

.outline-badge-token:hover {
	color           : #ffffff;
	background-color: #6b6b6b;
}

.check-action a {
	color    : #6b6b6b;
	font-size: 13px;
}

.check-action svg {
	width : 18px;
	height: 18px;
	margin: 0 0 0 5px;
}

a.click {
	color    : #f0c231;
	font-size: 13px;
}

.changes-panel {
	background-color: #101010;
	border-radius   : 5px;
}

.changes-head {
	padding      : 5px;
	border-bottom: 1px solid #1a1a1a;
}

.panel-footer {
	padding: 15px;
}

.changes-lefttext {
	font-size: 13px;
	color    : #343434;
}

.change-numbers {
	font-size: 13px;
	color    : #6b6b6b;
}

.change-numbers svg {
	width : 15px;
	height: 15px;
}

.changes-righttext {
	float: right;
}

a.xclose {
	color: #6b6b6b;
}

a.xclose svg {
	width : 15px;
	height: 15px;
}

.changes-body {
	padding  : 10px;
	font-size: 14px;
	color    : #343434;
}

.info-yellow {
	color           : #101010;
	background-color: #f0c231;
	font-size       : 12px;
	padding         : 2.5px 7px;
	border-radius   : 15px;
}

.mrkt-sub-head {
	font-size: 15px;
	color    : #e5e5e5;
}

.mrkt-head {
	font-size: 30px;
	color    : #f0c231;
}

.mrkt-subbox {
	background-color: #282828;
	padding         : 15px;
	border-radius   : 7px;
}

.mrkt-icon {
	flex         : 0 0 auto;
	width        : 60px;
	height       : 60px;
	line-height  : 58px;
	border-radius: 7px;
	margin-right : 15px;
	text-align   : center;
}

.mrkt-icon img {
	max-height: 40px;
}

.mrkt-content h6 {
	font-size: 10px;
}

.mrkt-content h3 {
	font-size  : 13px;
	line-height: 1.25;
	color      : #ebebeb;
}

.mrtable-line {
	overflow-x     : auto;
	overflow-y     : visible;
	scrollbar-color: #222222 #101010;
	scrollbar-width: thin;
}

.mrtable-line::-webkit-scrollbar {
	-webkit-appearance: none;
	width             : 5px;
}

.mrtable-line::-webkit-scrollbar-thumb {
	border-radius     : 4px;
	background-color  : rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.mrtable-line .table>thead>tr>th {
	font-size       : 12px;
	color           : #6b6b6b;
	text-transform  : capitalize;
	background-color: #1d1d1d;
	vertical-align  : top;
}

.mrtable-line .table {
	border-spacing : 0 2px;
	background     : none;
	border-collapse: separate;
}

.mrtable-line .table tbody>tr:hover {
	box-shadow: 0 0 0 1px #54c81a;
}

.thumb-img {
	width      : 150px;
	display    : inline-block;
	height     : 90px;
	line-height: 88px;
}

.str-icon i {
	font-size: 20px;
	color    : #f0c231;
}

.form__label {
	font-weight  : 600;
	font-size    : 18px;
	color        : #30353a;
	margin-bottom: 5px;
	display      : block;
	width        : 100%;
}


.bread-crumb {
	font-size: 12px;
	color    : #4c4c4c;
}

.bread-crumb a {
	color: #4c4c4c;
}

.bread-crumb a:hover {
	color: #c5a53d;
}

.bread-crumb span {
	color: #4c4c4c;
}

.axe1-content {
	text-align: right;
}

.axe2-content {
	text-align: left;
}

.subhead-style2 {
	font-size: 13px;
	color    : #6b6b6b;
}

.head-style2 {
	font-size: 25px;
}

.crazy-panel {
	background-color: #101010;
	padding         : 30px 20px;
	border-radius   : 7px;
}

.head-style3 {
	font-size: 24px;
	color    : #e5e5e5;
}

.head-style3 {
	vertical-align: top;
}

.head-style4 {
	font-size: 15px;
}

.head-style4 small {
	font-size: 10px;
	color    : #6b6b6b;
}

.address-style1 {
	fotn-size: 16px;
	color    : #e5e5e5;
}

.axe1-content-1 {
	display     : table;
	margin-left : auto;
	margin-right: auto;
}

.br-dotted {
	border-bottom: 1px dotted #f0f0f0;
}

.link-style1 {
	font-size    : 15px;
	color        : #f0c231;
	border-bottom: 1px solid #f0c231;
	position     : relative;
}

.link-style1:after {
	content            : '';
	width              : 20px;
	height             : 20px;
	background-image   : url('../images/iconexper-right.png');
	background-position: center;
	background-repeat  : no-repeat;
	background-size    : contain;
	display            : inline-block;

	position: absolute;
	right   : -30px;
	top     : 0;
}

.btn.btn-link1 {
	font-size       : 15px;
	color           : #000000;
	background-color: #f0c231;
	height          : 50px;
	line-height     : 35px;
	font-weight     : 800;
	transition      : all 0.3s;
}

.btn.btn-link1:hover {
	text-indent: -5px;
}

.btn.btn-link1:active {
	background-color: #fff;
}

.btn-linkright1:after {
	content               : '';
	width                 : 40px;
	height                : 30px;
	background-image      : url('../images/iconexper-right-1.png');
	/* background-position: center; */
	background-repeat     : no-repeat;
	background-size       : contain;
	display               : inline-block;
	vertical-align        : middle;
	margin-left           : 15px;
	position              : relative;
	top                   : -2px;
	transition            : all 0.3s;
}

.btn-linkright1:hover::after {
	background-position: 10px;
}

.min-1 {
	min-width: 250px;
}

.justify-content-right {
	justify-content: right;
}

.subhead-style5 {
	font-size: 20px;
	color    : #e5e5e5;
}

.text-style6 {
	font-size: 13px;
	color    : #4c4c4c;
}

.subhead-style6 {
	font-size: 16px;
	color    : #6b6b6b;
}

.payment-style11 {
	list-style: none;
	padding   : 0;
}

.payment-style11>li {
	margin-bottom: 20px;
}

.payment-style11>li a {
	font-size   : 16px;
	color       : #6b6b6b;
	border-width: 0 0 1px 0;
	border-style: solid;
}

.payment-style11>li.active a,
.payment-style11>li a:hover {
	color: #f0c231;
}



.payment-style12 {
	list-style: none;
	padding   : 0;
}

.payment-style12>li {
	margin-bottom: 20px;
}

.payment-style12>li a {
	text-decoration: none;
}


a.add-link {
	width        : 100%;
	padding      : 10px 5px;
	overflow     : hidden;
	position     : relative;
	border       : 2px dotted #414141;
	border-radius: 0;
	text-align   : center;
	display      : block;
}

.add-link-text {
	font-size: 13px;
	color    : #6b6b6b;
}

.widget-heading h5 {
	background   : #1d1d1d;
	color        : #fff;
	font-size    : 14px;
	padding      : 12px;
	border-radius: 10px;
	margin-top   : 3px;
}

.subhead-style8 {
	font-size: 15px;
	color    : #6b6b6b;
}

.subhead-style9 {
	font-size: 16px;
	color    : #6b6b6b;
}

.overhead-style1 {
	font-size: 24px;
	color    : #6b6b6b;
	display  : table;
	position : relative;
}

.overhead-style1:after {
	content         : '';
	display         : block;
	height          : 3px;
	width           : calc(100% + 35px);
	background-color: #f0c231;
	border-radius   : 5px;
	margin-top      : 3px;
}

.text-style2 {
	font-size: 16px;
	color    : #e5e5e5;
}

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

.list-style2 ul>li {
	font-size    : 16px;
	color        : #e5e5e5;
	margin-bottom: 15px;

	padding-left       : 30px;
	background-image   : url('../images/exper-dot.png');
	background-position: left 7px;
	background-repeat  : no-repeat;
}

.address-style5 {
	font-size: 15px;
	color    : #e5e5e5;
}

.address-style5 i {
	font-size: 18px;
	color    : #f0c231;
}


.link-style2 {
	font-size    : 15px;
	color        : #f0c231;
	border-bottom: 1px dotted #f0c231;
	position     : relative;
}

.link-style2:after {
	content            : '';
	width              : 20px;
	height             : 20px;
	background-image   : url('../images/direct-link.png');
	background-position: center;
	background-repeat  : no-repeat;
	background-size    : contain;
	display            : inline-block;

	position: absolute;
	left    : -30px;
	top     : 0;
}

.pcolor {
	color: #7d7a7a;
}

.col-setPdf {
	width     : 14%;
	text-align: center;
}

.setPdf p {
	font-size  : 16px;
	color      : #e5e5e5;
	margin     : 5px;
	white-space: nowrap;
}

.change-numbers a {
	color: #6b6b6b;
}


.msg-content-in .container-fluid {
	max-width: 1415px;
}

.elp-port {
	border-top: 1px solid #0a0a0a;
	box-shadow: -1px -1px 0px #303030;
}

.elp-left {
	flex        : 0 0 auto;
	padding     : 15px;
	border-right: 1px solid #0a0a0a;
	box-shadow  : 1px 0px 0px #303030;
}

.elp-right {
	flex       : 0 0 auto;
	margin-left: auto;
	padding    : 15px;
	border-left: 1px solid #0a0a0a;
	box-shadow : -1px 0px 0px #303030;
}

.create-line {
	white-space: nowrap;
}

.yn-panel {
	margin-bottom: 15px;
}

.left-arrow {
	background-image: url('../images/left-icon.png');
}

.right-arrow {
	background-image: url('../images/right-icon.png');
}

.left-arrow,
.right-arrow {
	background-color   : #6b6b6b;
	border-radius      : 50%;
	height             : 22px;
	width              : 22px;
	display            : block;
	background-position: center;
	background-repeat  : no-repeat;
}

body .owl-theme .owl-nav [class*="owl-"] {
	opacity   : 1;
	position  : absolute;
	top       : 50%;
	transform : translateY(-50%);
	background: none;
	padding   : 0;
}

body .owl-theme .owl-nav [class*="owl-"]:hover {
	background: none;
}

.owl-carousel .owl-nav .owl-next {
	right: -30px;
}

.owl-carousel .owl-nav .owl-prev {
	left: -30px;
}


.intered-noticed {
	display       : flex;
	align-items   : center;
	flex-direction: row-reverse;
}

.left-noticed ul {
	padding: 0;
}


/** **/
.onbord-continer,
.onbord-row {
	height  : 100%;
	position: relative;
}

.onbord-row {
	z-index: 10;
}

.onbord-thumb {
	height  : 100%;
	position: fixed;
	left    : 0;
	top     : 0;
	width   : 100%;
	z-index : 1;
}

.onbord-thumb-full {
	width     : 100%;
	height    : 100%;
	object-fit: cover;
}


.yhead-a {
	font-weight: 300;
	font-size  : 30px;
	color      : #ffffff;
}

.onbord-right-col {
	height          : 100%;
	overflow-y      : auto;
	padding         : 140px 100px;
	background-color: rgba(0, 0, 0, 0.85);
}

.onbord-inbox {
	max-width   : 600px;
	margin-left : auto;
	margin-right: auto;
}



/** ***/
.input-content {
	padding-top  : 10px;
	position     : relative;
	flex         : 1;
	width        : 100%;
	border-bottom: 1px solid #8d8d8d;
}

.input-content .input-head-a {
	transition-property       : all;
	transition-duration       : 200ms;
	transition-timing-function: ease;
	transition-delay          : 0s;
	position                  : absolute;
	white-space               : nowrap;
	max-width                 : 100%;
	text-overflow             : ellipsis;
	overflow                  : hidden;
	pointer-events            : none;
	/*top                     : 1.35rem;*/
	top                       : -0.35rem;
}

.input-content.float-select .input-head-a,
.input-content.float .input-head-a {
	top: -0.35rem;
}

.input-head-a {
	font-weight: 300;
	font-size  : 14px;
	color      : #c0c0c0;
	margin     : 0;
}

.form-control.input-yenna,
.form-control.textarea-yenna,
.form-control.select-yenna {
	font-weight     : 300;
	font-size       : 20px;
	color           : #f1c232;
	box-shadow      : none;
	padding         : 0;
	background-color: transparent;
	border          : 0;
	box-shadow      : none;
}

.form-control.select-yenna {
	z-index            : 1;
	background-image   : url('../images/arrow_down.png');
	background-position: 100% center;
	background-repeat  : no-repeat;
	-webkit-appearance : none;
	-moz-appearance    : none;
	appearance         : none;
	cursor             : pointer;
	padding-right      : 30px;
	position           : relative;
	left               : -5px;
}

.form-control.select-yenna {
	height: 40px;
}

.form-control.input-yenna {
	height: 40px;
}

.form-control.textarea-yenna {
	height: 90px;
}

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


.input-yenna::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #f1c232;
}

.input-yenna::-moz-placeholder {
	/* Firefox 19+ */
	color: #f1c232;
}

.input-yenna:-ms-input-placeholder {
	/* IE 10+ */
	color: #f1c232;
}

.input-yenna:-moz-placeholder {
	/* Firefox 18- */
	color: #f1c232;
}

.msg .input-content.float .input-head-a {
	top: -10px;
}

.file-actions {
	position: absolute;
	right   : 0;
	top     : 5px;
}

.file-actions .browse-file,
.file-actions .button-file {
	display       : inline-block;
	vertical-align: middle;
}

.browse-file {
	position: relative;
	cursor  : pointer;
	overflow: hidden;
}

.browse-file .input-file {
	opacity : 0;
	position: absolute;
	top     : 0;
	right   : 0;
	bottom  : 0;
	left    : 0;
	z-index : 99;
	height  : 100%;
	margin  : 0;
	padding : 0;
	display : block;
	cursor  : pointer;
	width   : 100%;
}

.browse-file {
	font-size: 14px;
	color    : #0074bd;
}

.file-show {
	font-size: 14px;
	color    : #8d8d8d;
}

.button-file .file-buttons {
	font-size : 14px;
	color     : #0074bd;
	padding   : 0;
	box-shadow: none;
	background: none;
	border    : none;
}

.btn.btn-a {
	font-size       : 18px;
	line-height     : 25px;
	border-radius   : 0;
	z-index         : 0;
	position        : relative;
	padding         : 8px 30px;
	text-align      : center;
	color           : #ffffff;
	background-color: #0074bd;
	border          : 2px solid #0074bd;
	height          : 45px;
}

.btn.btn-a:hover {
	color           : #0074bd;
	background-color: #ffffff;
}



/** **/
.radio-control {
	font-weight : 300;
	position    : relative;
	font-size   : 20px;
	color       : #c0c0c0;
	padding-left: 22px;
	cursor      : pointer;
}

.radio-input {
	position: absolute;
	z-index : -1;
	opacity : 0;
}

.radio-circle {
	position           : absolute;
	top                : 11px;
	left               : 0;
	display            : block;
	width              : 11px;
	height             : 11px;
	pointer-events     : none;
	-webkit-user-select: none;
	-moz-user-select   : none;
	-ms-user-select    : none;
	user-select        : none;
	border             : 1px solid #f0f0f0;
	background-repeat  : no-repeat;
	background-position: center center;
	background-size    : 50% 50%;
	border-radius      : 50%;
}

.radio-circle:after {
	content         : '';
	top             : 2px;
	left            : 2px;
	width           : 5px;
	height          : 5px;
	position        : absolute;
	display         : none;
	background-color: #f0c231;
	border-radius   : 50%;
}

input:checked~span.radio-circle:after {
	display: block;
}

.radio-inline .radio-control {
	margin-right: 15px;
}



select option {
	background: #000000;
	color     : #fff;
}

.ytext-a {
	font-weight: 300;
	font-size  : 30px;
	color      : #ffffff;
}

.oboard-full {
	height: 100%;
}

.onbord-header {
	position: absolute;
	right   : 25px;
	top     : 25px;
	z-index : 101;
}

.showpass {
	position: absolute;
	bottom  : 10px;
	right   : 5px;
	cursor  : pointer;
}

.gray-color {
	color: #c0c0c0;
}

.gold-color {
	color: #f1c232;
}

.onbord-middle-content {
	flex: 1;
}

.epand-menu {
	padding: 15px;
	margin : auto;
	display: table;
	cursor : pointer;
}


.sideBarFull {
	scrollbar-color: #101010 #101010;
	scrollbar-width: thin;
	height         : calc(100% - 150px);
	overflow-y     : auto;
}



.sideBarFull::-webkit-scrollbar {
	-webkit-appearance: none;
	width             : 7px;
}

.sideBarFull::-webkit-scrollbar-thumb {
	border-radius     : 4px;
	background-color  : rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}


/** **/
.wlt-box-1 {
	background-color: #1d1d1d;
	border-radius   : 5px;
	padding         : 30px;
}

.subhead-style3 {
	fotn-size: 16px;
}

.yenna-coins {
	background-color: #0f1010;
	border-radius   : 5px;
	padding         : 15px 10px;
}

.axe2-thums {
	text-align: center;
}

.yenna-coins {
	/* margin-bottom: 15px; */
	height: 100%;
}

.btn.btn-buy {
	background-color: #414141;
	color           : #f0c231;
	font-size       : 13px;
	border          : none;
	box-shadow      : none;
}

.btn.btn-buy:hover {
	background-color: #f0c231;
	color           : #414141;
}

.thumb-img-1 img {
	max-height: 70px;
}

.wlt-box-1 {
	height: 100%;
}


.panel-style2 {
	background-color: #101010;
	padding         : 15px;
}

.title-panel-style2 {
	flex: 1;
}

.action-panel-style2 {
	flex: 0 0 auto;
}

.title-style3 {
	font-size: 13px;
	color    : #6b6b6b;
}

.body-panel-style2 {
	padding-top: 15px;
}


.form-group-inline {
	margin-bottom: 25px;
}

.inline-lable {
	font-size   : 13px;
	color       : #6b6b6b;
	margin-right: 15px;
	flex        : 0 0 auto;
	min-width   : 50px;
}

.inline-input {
	color           : #e5e5e5;
	font-size       : 12px;
	border          : 0;
	border-radius   : 5px;
	background-color: #020202;
	height          : 38px;
	padding         : 6px 12px;
	text-align      : right;
	flex            : 1;
	width           : 100%;
}

.btn.wallet-button-style1 {
	border          : 2px solid #2a2a2a;
	background-color: transparent;
	color           : #464646;
	width           : 100%;
	font-size       : 13px;
}

.btn.wallet-button-style1:hover {
	border          : 2px solid #2a2a2a;
	background-color: #2a2a2a;
	color           : #ffffff;
}

.btn.wallet-button-style2 {
	border          : 2px solid #414141;
	background-color: #414141;
	color           : #ffffff;
	width           : 100%;
	font-size       : 13px;
}

.btn.wallet-button-style2:hover {
	border          : 2px solid #414141;
	background-color: transparent;
	color           : #ffffff;
}


.subhead-style7 {
	font-size: 16px;
	color    : #fefeff;
}

.subhead-style4 {
	font-size: 13px;
	color    : #6b6b6b;
}


.slidecontainer {
	width: 100%;
}

.ranges-slider {
	-webkit-appearance: none;
	width             : 100%;
	height            : 5px;
	border-radius     : 5px;
	background        : #6b6b6b;
	outline           : none;
	opacity           : 0.95;
	-webkit-transition: .2s;
	transition        : opacity .2s;
}

.ranges-slider:hover {
	opacity: 1;
}

.ranges-slider::-webkit-slider-thumb {
	-webkit-appearance : none;
	appearance         : none;
	width              : 24px;
	height             : 24px;
	border             : 0;
	background         : #f0c231;
	cursor             : pointer;
	border-radius      : 50%;
	background-image   : url('../images/range-circle.png');
	background-position: center;
	background-repeat  : no-repeat;
	background-size    : contain;
}

.ranges-slider::-moz-range-thumb {
	width              : 24px;
	height             : 24px;
	border             : 0;
	background         : #f0c231;
	background-image   : url('../images/range-circle.png');
	background-position: center;
	background-repeat  : no-repeat;
	background-size    : contain;
	cursor             : pointer;
	border-radius      : 50%;

}

.share-text {
	font-size: 13px;
	color    : #6b6b6b;
}

.dashboard {
	background-image: url(../images/menuicons.png);
}

.market {
	background-image   : url(../images/menuicons.png);
	background-position: -41px 0;
}

.asset_board {
	background-image   : url(../images/menuicons.png);
	background-position: -299px 0;
}

.yt_roles {
	background-image   : url(../images/menuicons.png);
	background-position: -334px 0;
}

.yt_verification {
	background-image   : url(../images/menuicons.png);
	background-position: -363px 0;
}

.yt_request {
	background-image   : url(../images/menuicons.png);
	background-position: -388px 0;
}

.yt_history {
	background-image   : url(../images/menuicons.png);
	background-position: -414px 0;
}

.yt_reports {
	background-image   : url(../images/menuicons.png);
	background-position: -446px 0;
}

.exchange {
	background-image   : url(../images/menuicons.png);
	background-position: -77px 0;
}

.wallet {
	background-image   : url(../images/menuicons.png);
	background-position: -115px 0;
}

.favourites {
	background-image   : url(../images/menuicons.png);
	background-position: -150px 0;
}

.tradehistory {
	background-image   : url(../images/menuicons.png);
	background-position: -184px 0;
}

.notification {
	background-image   : url(../images/menuicons.png);
	background-position: -211px 0;
}

.tutorials {
	background-image   : url(../images/menuicons.png);
	background-position: -240px 0;
}

.help {
	background-image   : url(../images/menuicons.png);
	background-position: -269px 0;
}


.sidebar-nav li a:hover .dashboard,
.sidebar-nav li.active .dashboard {
	background-position: 0 -30px;
}

.sidebar-nav li a:hover .market,
.sidebar-nav li.active .market {
	background-position: -41px -31px;
}

.sidebar-nav li a:hover .asset_board,
.sidebar-nav li.active .asset_board {
	background-position: -299px -31px;
}

.sidebar-nav li a:hover .yt_roles,
.sidebar-nav li.active .yt_roles {
	background-position: -334px -31px;
}

.sidebar-nav li a:hover .yt_verification,
.sidebar-nav li.active .yt_verification {
	background-position: -363px -31px;
}

.sidebar-nav li a:hover .yt_request,
.sidebar-nav li.active .yt_request {
	background-position: -388px -31px;
}

.sidebar-nav li a:hover .yt_history,
.sidebar-nav li.active .yt_history {
	background-position: -414px -31px;
}

.sidebar-nav li a:hover .yt_reports,
.sidebar-nav li.active .yt_reports {
	background-position: -446px -31px;
}

.sidebar-nav li a:hover .exchange,
.sidebar-nav li.active .exchange {
	background-position: -77px -30px;
}

.sidebar-nav li a:hover .wallet,
.sidebar-nav li.active .wallet {
	background-position: -115px -31px;
}

.sidebar-nav li a:hover .favourites,
.sidebar-nav li.active .favourites {
	background-position: -150px -31px;
}

.sidebar-nav li a:hover .tradehistory,
.sidebar-nav li.active .tradehistory {
	background-position: -184px -30px;
}

.sidebar-nav li a:hover .notification,
.sidebar-nav li.active .notification {
	background-position: -211px -30px;
}

.sidebar-nav li a:hover .tutorials,
.sidebar-nav li.active .tutorials {
	background-position: -241px -31px;
}

.sidebar-nav li a:hover .help,
.sidebar-nav li.active .help {
	background-position: -270px -30px;
}

.dropdown .fa-sort-down {
	padding-left: 5px;
	position    : relative;
	top         : -2px;
}

.username {
	color: #6b6b6b;
}

.notify-ul>li.username {
	display: flex;
}

.username span {
	color        : #f0c231;
	background   : #1d1d1d;
	font-size    : 16px;
	margin       : 0 0 0 3px;
	padding      : 0 5px;
	border-radius: 5px;
	font-weight  : 600;
}

.latest-slider-nav {
	position   : absolute;
	top        : -34px;
	right      : 15px;
	color      : #888;
	font-size  : 11px;
	line-height: initial;
}

.latest-slider-nav svg {
	width : 15px;
	height: 14px;
	color : #6b6b6b;
}

.card2,
.card3,
.card4 {
	display: none;
}

.rangerow {
	display: flex;
}

.range_l {
	width        : 20%;
	text-align   : right;
	padding-right: 15px;
}

.range_m {
	width      : 60%;
	padding-top: 8px;
}

.range_r {
	width  : 20%;
	padding: 0 0 0 15px;
}

.btm_icons {
	position: relative;
	display : flex;
}

.notebtn {
	width       : 25%;
	padding     : 15px 0;
	text-align  : center;
	border-right: 1px solid #303030;
}

.btm_spaceicons {
	width: 50%;
}

.expandbtn {
	width      : 25%;
	padding    : 10px 0;
	text-align : center;
	border-left: 1px solid #303030;
	cursor     : pointer;
}

.noticount {
	width        : 12px;
	height       : 12px;
	background   : #f0c231;
	color        : #101010;
	display      : inline-block;
	font-size    : 9px;
	line-height  : 13px;
	font-weight  : bold;
	border-radius: 50%;
	position     : absolute;
}

.bg1 {
	background: #1d1d1d;
}

.height-100 {
	height: 100%;
}

.overflowy-auto {
	overflow-y: auto;
}

.marketcol .widget-content {
	/* padding: 20px 20px 0; */
}

.rewardscheck .table {
	background: #0f1010 !important;
}

.rewardscheck .widget-table-three .table>thead>tr>th {
	background: none !important;
}

.new-control {
	font-weight: 300;
}

.widget-table-three .table>thead>tr>th:last-child {
	border-bottom-right-radius: 3px;
}

.widget-table-three .table>thead>tr>th:last-child {
	border-top-right-radius: 3px;
}

#expand {
	display: table;
	cursor : pointer;
	margin : auto;
	padding: 15px 0 0;
}

.nav-expanded .sidebar-nav .navbar-nav>li>a,
.sidebar-nav-a .navbar-nav>li>a {
	display   : block;
	text-align: center;
}

.card-row {
	display  : inline-block;
	position : relative;
	font-size: 12px;
}

.cvvno {
	position  : absolute;
	text-align: right;
	top       : 8%;
	right     : 7%;
	width     : 50px;
}

.card-row input {
	width        : 100%;
	background   : #000 !important;
	border       : none;
	text-align   : right;
	color        : #fff;
	padding      : 0px 10px 0;
	margin       : 5px 0 0;
	line-height  : 22px;
	font-size    : 12px;
	border-radius: 4px;
}

.cardno {
	position  : absolute;
	top       : 39%;
	right     : 7%;
	text-align: right;
}

.valid {
	position  : absolute;
	bottom    : 10%;
	left      : 7%;
	text-align: center;
	width     : 85px;
}

.valid input {
	width     : 35px;
	text-align: center;
}

.fname {
	position  : absolute;
	left      : 37%;
	bottom    : 10%;
	text-align: left;
	width     : 90px;
}

.fname input {
	text-align: left;
}

.lname {
	position  : absolute;
	left      : 68%;
	bottom    : 10%;
	text-align: left;
	width     : 90px;
}

.lname input {
	text-align: left;
}

.card-row ::-webkit-input-placeholder {
	/* Edge */
	color: #fff;
}

.card-row :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #fff;
}

.card-row ::placeholder {
	color: #fff;
}

a.add-link:hover {
	border-color: #999;
}

a.add-link:hover .add-link-text {
	color: #999;
}

.link-style1:hover {
	border-bottom: none;
}

.payment-style11>li a.active,
.payment-style11>li a:hover {
	color: #f0c231;
}

.banklogos {
	list-style-type: none;
	padding        : 0 0 0px;
}

.banklogos li {
	padding: 0 20px 20px 0;
	display: inline-block;
}

.banklogos li a {
	display      : block;
	padding      : 10px 15px;
	background   : #000;
	border-radius: 4px;
}

.banklogos li a img {
	width: 30px;
}

.upi,
.credit-card {
	display: none;
}

.upi input {
	background : #000;
	border     : none;
	width      : 40%;
	padding    : 0 10px 2px;
	line-height: 30px;
	margin     : 10px 0 0;
}

.card-thumb p {
	color           : #fff;
	padding         : 3px 30px 3px 10px;
	background-color: #000;
	margin-top      : 20px;
	position        : relative;
}

.card-thumb p button {
	background: none;
	border    : none;
	color     : #fff;
	position  : absolute;
	padding   : 0 8px;
	right     : 0;
}

#apexcharts-radialbarTrack-0,
#apexcharts-radialbarTrack-1 {
	stroke      : #000 !important;
	stroke-width: 6px !important;
}

#apexcharts-radialbar-slice-1 {
	stroke      : #bfadd6;
	stroke-width: 6px !important;
}

#apexcharts-radialbar-slice-0 {
	stroke      : #4bb118;
	stroke-width: 6px !important;
}

#SvgjsText1174 {
	fill       : #fff !important;
	font-size  : 23px;
	font-weight: 500;
}

#SvgjsText1175 {
	font-size: 12px;
	fill     : #fff;
	position : relative;
	margin   : -5px 0 0;
}

/* .apexcharts-legend-series {
	position: absolute;
	right   : 35px;
	width   : 140px;
	top     : 21%;
} */

.apexcharts-svg.apexcharts-zoomable {
	background: transparent !important;
}

.apexcharts-tooltip.apexcharts-theme-dark {
	background: rgba(30, 30, 30, 0.9) !important;
	border    : 1px solid #666;
	box-shadow: none;
}

.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {
	background: rgba(0, 0, 0, 0.5);
}

.radialchart-infowrap {
	display      : flex;
	padding-right: 10px;
}

.radialchart-infowrap:first-child {
	margin-top: 50px;
}

.radialchart-color {
	width           : 10px;
	height          : 10px;
	background-color: #fff;
	border-radius   : 20px;
	position        : relative;
	top             : 8px;
}

.radialchart-info {}

.radialchart-info ul {
	padding-left: 6px;
}

.radialchart-info li {
	list-style: none;
}

.radialchart-info li:first-child {
	color      : #fff;
	font-size  : 15px;
	font-weight: 600;
}

#radialchart-col1 .radialchart-color {
	background-color: #00C17F;
}

#radialchart-col2 .radialchart-color {
	background-color: rgba(0, 143, 251, 0.85);
}

.dsh-body .widget-heading h5 {
	color: #6b6b6b;
}

.dsh-body .widget-table-three .table>thead>tr>th {
	color: #6b6b6b;
}

.widget-table-three .table>thead>tr>th:first-child {
	border-bottom-left-radius: 4px;
}

.widget-table-three .table>thead>tr>th:first-child {
	border-top-left-radius: 4px;
}

.username i {
	font-style: normal;
}

#SvgjsText1174:hover {
	font-size: 20px;
}

.rewardscheck .table>tbody>tr>td {
	padding: 9px;
}

.iconspad .yenna-coins .col-8 {
	padding-left: 0;
}

.subhead-style3 {
	font-size: 13px;
	margin   : 0 !important;
}

.iconspad .col-lg-6 {
	padding: 0 3px !important;
}

.iconspad .col-3 {
	padding-right: 0 !important;
}

.asset-table .table>thead>tr>th {
	padding   : 10px 2px;
	min-width : 80px;
	text-align: center;
}

.asset-table .btn.btn-buy {
	font-size  : 12px;
	padding    : 5px 10px !important;
	white-space: nowrap;
	font-weight: 600;
}

.asset-table .will-text i {
	margin-right: 2px;
}

.asset-table .will-text {
	font-size: 9px;
}

.asset-table tr td:nth-child(1) {
	padding: 0;
}

.selctlanguage {
	background: none;
	border    : none;
	color     : #fff;
	cursor    : pointer;
}

.marketcol .selctlanguage {
	border       : 1px solid #fff;
	padding      : 4px 4px;
	font-size    : 11px;
	border-radius: 4px;
}




.table-responsive-stack tr {
	display              : -webkit-box;
	display              : -ms-flexbox;
	display              : flex;
	-webkit-box-orient   : horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction   : row;
	flex-direction       : row;
}


.table-responsive-stack td,
.table-responsive-stack th {
	display : block;
	/*      
		 flex-grow | flex-shrink | flex-basis   */
	-ms-flex: 1 1 auto;
	flex    : 1 1 auto;
}

.table-responsive-stack .table-responsive-stack-thead {
	font-weight: bold;
}

.min-h450 {
	min-height: 450px;
}

.margin-b50 {
	margin-bottom: 50px !important;
}

.row.iconspad {
	margin-left : -5px;
	margin-right: -5px;
}

.btn-wrap-link {
	color     : #ccc;
	font-size : 13px;
	margin-top: 15px;
}

.btn-wrap-link .link-style1 {
	margin-left     : 10px;
	font-size       : 13px;
	/* border-bottom: none; */
	text-decoration : none;
	transition      : all 0.4s;
}

.btn-wrap-link .link-style1:hover {
	border-bottom: transparent;
	color        : #fff;
}

.btn-wrap-link .link-style1:after {
	content: none;
}

/* .sftlabel {
	position: absolute;
	color   : #fff;
	right   : 25px;
	bottom  : 8px;
} */

/*------------ Asset list view page style ------------*/
.asset-head {
	font-size  : 25px;
	font-weight: 600;
	color      : #fff;
	padding    : 5px 0 0;
}

.pad_r2rem {
	padding-right: 2rem;
}

.pad_r1rem {
	padding-right: 1rem;
}

.asset-sub-head {
	font-size: 13px;
	color    : #e5e5e5;
}

.f-right {
	float: right;
}

.freshsigncolor {
	color: #f17532;
}

.upcomingcolor {
	color: #f1c232;
}

.ongoingcolor {
	color: #54c81a;
}

.soldoutcolor {
	color: #c7173c;
}

.table>tbody>tr>td {
	color: #fff !important;
}

.mrtable-line.list-table .table tbody>tr:hover {
	box-shadow: 0 0 0 1px #f17532;
}

.custompage {
	text-align: center;
	padding   : 20px 0 0;
}

.custompage .pagination {
	display: block;
}

.custompage .pagination li {
	display: inline-block;
	padding: 0 5px;
}

.custompage .pagination li a {
	display      : block;
	border-radius: 4px;
	padding      : 2px 6px;
}

.custompage .pagination li.active a {
	border-bottom: 1px solid #f0c231;
	color        : #f0c231;
}

.popheadings {
	font-size  : 20px;
	color      : #6b6b6b;
	font-weight: bold;
	padding    : 30px 0 50px;
}


/* POP FORM 1 */

.popheadings span {
	padding: 0 30px 0 0;
}

.popheadings span strong {
	color: #f1c232;
}

.form-input {
	border       : 1px solid #6b6b6b;
	border-radius: 4px;
	width        : 100%;
	padding      : 5px 15px 8px;
	background   : none;
	color        : #fff;
	font-style   : italic;
}

.pad_t15 {
	padding-top: 15px;
}

label.fullwidth {
	color: #6b6b6b;
}

.popforms .form-input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #fff;
}

.popforms .form-input::-moz-placeholder {
	/* Firefox 19+ */
	color: #fff;
}

.popforms .form-input:-ms-input-placeholder {
	/* IE 10+ */
	color: #fff;
}

.popforms .form-input:-moz-placeholder {
	/* Firefox 18- */
	color: #fff;
}

.popforms .select-custom {
	border       : 1px solid #6b6b6b;
	border-radius: 4px;
	width        : 100%;
	padding      : 5px 10px 8px;
	background   : none;
	color        : #fff;
	font-style   : italic;
}

.halfwidth {
	width: 50% !important;
}

.smalltext {
	font-size : 13px;
	color     : #6b6b6b;
	font-style: italic;
	display   : inline-block;
	padding   : 8px 0 0;
}

.pad_l0 {
	padding-left: 0 !important;
}

.sqft .select-custom {
	color        : #6b6b6b !important;
	border-radius: 0 4px 4px 0;
}

.sqft .form-input {
	border-radius: 4px 0px 0px 4px;
}

.onethirdwidth {
	width: 33% !important;
}

.yrs {
	position   : relative;
	color      : #6b6b6b;
	margin-left: -35px;
}

.pad-r-50 {
	padding-right: 50px !important;
}

.ctalink {
	display      : inline-block;
	padding      : 2px 30px;
	color        : rgb(145, 116, 116);
	background   : #6b6b6b;
	color        : #fff;
	border-radius: 5px;
	font-size    : 25px;
	border       : none;
}

.btns {
	padding   : 60px 0;
	text-align: center;
}

.btns .ctalink {
	font-size: 18px;
}

.btns .ctalink {
	padding  : 5px 30px;
	margin   : 0 3px;
	min-width: 120px;
}

.btns p {
	color    : #3f3f3f;
	padding  : 10px 0 0;
	font-size: 16px;
}

.ctalink:hover {
	background: #f1c232;
	color     : #000;
}

.modal-open {
	margin : 0 !important;
	padding: 0 !important;
}

#freshsignup,
#eligiblity,
#securitization,
#custodian {
	margin : 0 !important;
	padding: 0 !important;
}

.popforms {
	padding: 0 30px;
}

.pad_l50_r20 {
	padding: 0 20px 0 50px;
}

#freshsignup .modal-dialog,
#eligiblity .modal-dialog,
#securitization .modal-dialog,
#custodian .modal-dialog {
	max-width: 100%;
	margin   : 0;
}

.pad_t25 {
	padding-top: 25px;
}

.shares {
	position   : relative;
	color      : #6b6b6b;
	margin-left: -75px;
	top        : 6px;
}

#freshsignup .modal-content,
#eligiblity .modal-content,
#securitization .modal-content,
#custodian .modal-content {
	background: #020202;
}

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

.formlist {
	color        : #f1c232;
	border       : 1px dashed #f1c232;
	border-radius: 6px;
	margin       : 0 auto;
	padding      : 20px;
	min-height   : 200px;
	text-align   : center;
	position     : relative;
}

.droptext {
	padding: 20px 0;
}

.popforms .col-setPdf {
	width      : 120px;
	padding-top: 10px;
}

.popforms img {
	max-width: 30px;
	width    : 100%;
}

.popforms .setPdf p{
	color: #888;
	white-space: normal;
}

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

#gallery {
	margin-top: 20px;
}

.formlist .button {
	position  : absolute;
	left      : 0;
	right     : 0;
	bottom    : 0;
	top       : 0;
	background: none;
	margin    : 0;
	border    : none;
}

#gallery img {
	width         : 109px;
	margin-bottom : 10px;
	margin-right  : 10px;
	vertical-align: middle;
	max-height    : 70px;
	border-radius : 5px;
	object-fit    : cover;
}

.formlist .button:hover {
	background: none;
}

.formlist p {
	color : #f1c232;
	margin: 7px 0;
}

.button {
	display      : inline-block;
	padding      : 10px;
	background   : #ccc;
	cursor       : pointer;
	border-radius: 5px;
	border       : 1px solid #ccc;
}

.button:hover {
	background: #ddd;
}

#fileElem {
	display: none;
}

.my-form {
	height: 100px;
}

#progress-bar {
	display: none;
}

.browsebtn {
	display      : inline-block;
	padding      : 6px 20px;
	background   : #f1c232;
	color        : #000;
	border-radius: 5px;
}

.exloan span {
	width        : auto;
	height       : 23px;
	border       : 1px solid #6b6b6b;
	margin       : 0 0 0 5px;
	display      : inline-block;
	text-align   : center;
	border-radius: 4px;
	padding      : 0 7px;
}

.exloan span.yes {
	border: 1px solid #4bb118 !important;
	color : #4bb118 !important;
}

.file__input {
	color        : #f1c232;
	border       : 1px dashed #f1c232;
	border-radius: 6px;
	margin       : 0 auto;
	padding      : 20px;
	min-height   : 200px;
	cursor       : pointer;
	text-align   : center;
	margin       : 0 0 10px;
	position     : relative;
}

.wrap .file__input--label {
	position  : absolute;
	left      : 0;
	right     : 0;
	bottom    : 0;
	top       : 0;
	background: none;
	margin    : 0;
	border    : none;
}

.droptext p {
	color : #f1c232;
	margin: 7px 0;
}

.file__value:after {
	content: "X";
	cursor : pointer;
}

.file__value {
	display    : block;
	padding    : 10px 0 0;
	align-items: center;
	width      : 100%;
}

.file__value--remove {
	float: right;
}

.file__value--text {
	display: inline-block;
}

.file__value:after {
	content: "X";
	cursor : pointer;
	float  : right;
}

#customFile,
#customFile2 {
	opacity: 0;
}

.modal .close {
	position   : absolute;
	top        : 20px;
	right      : 20px;
	color      : #f1c232;
	z-index    : 9;
	text-shadow: 0 0 !important;
	opacity    : 1;
	cursor     : pointer;
}



@media screen and (max-width: 768px) {
	/* th:first-child {
		position: fixed;
		left    : 5px;
	}

	.table-responsive-stack tr {
		-webkit-box-orient   : vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction   : column;
		flex-direction       : column;
		border-bottom        : 3px solid #ccc;
		display              : block;

	} */

	/*  IE9 FIX   */
	/* .table-responsive-stack td {
		float: left\9;
		width: 100%;
	} */

	.bar-rows {
		background-color: #eee;
		display         : block;
		margin          : 0 0 0 10px;
	}

	.expand-show {
		display: none;
	}

	.sidebar-nav .navbar-nav>li,
	.sidebar-nav-a .navbar-nav>li {
		display: flex;
	}

	.nav-expanded .sidebar-nav .navbar-nav>li>a,
	.sidebar-nav-a .navbar-nav>li>a {
		display: flex;
	}

	.left-noticed {
		display: none;
	}

	.right-navbar {
		display: block;
	}

	.daynight-square {
		/* display: none; */
	}

	.notify-ul {
		/* padding: 0 !important;
		float  : right; */
	}

	.username i {
		display: none;
	}

	.intered-noticed {
		display: block;
	}

	.invest-number {
		font-size: 16px !important;
	}

	.apexcharts-legend-series {
		position  : static;
		right     : 20px;
		width     : auto;
		top       : 21%;
		text-align: center;
		float     : none !important;
	}

	#radial-chart {
		width     : auto !important;
		text-align: center;
	}

	.new-control.new-checkbox {
		cursor     : pointer;
		line-height: unset;
		height     : auto !important;
	}

	.mrkt-head {
		font-size: 20px;
		padding  : 0 0 20px;
	}

	.axe1-content {
		text-align: left;
	}

	.lside-check {
		padding: 0 0 10px;
	}

	.head-style3 {
		font-size: 18px;
	}

	.head-style2 {
		font-size: 20px;
	}

	.badge {
		font-size: 11px;
	}

	.list-funds .nav.nav-tabs>li>a {
		min-width: 120px;
	}

	.tab-content {
		padding-top: 0;
	}

	.panel-style2 {
		/* padding: 0; */
	}

	.square {
		padding: 3px;
		float  : left;
		margin : 3px 10px 0 10px;
	}

	.valid {
		bottom: 39%;
	}

	.fname {
		left  : 10%;
		bottom: 6%;
	}

	.lname {
		left  : 57%;
		bottom: 6%;
	}

	.list-funds .nav.nav-tabs>li>a {
		padding: 5px 5px;
	}

	.rangerow {
		display: block;
	}

	.range_l {
		width        : auto;
		text-align   : center;
		padding-right: 0;
	}

	.range_m {
		width         : auto;
		padding-top   : 5px;
		padding-bottom: 10px;
	}

	.range_r {
		width        : auto;
		padding      : 0;
		/* text-align: ; */
	}

	.share-text {
		text-align: center;
	}

	.col-setPdf {
		width     : 100%;
		text-align: center;
	}

	.overhead-style1 {
		font-size: 20px;
	}

	.overhead-style1:after {
		height: 2px;
		width : calc(100% + 0px);
	}

	.address-style5 {
		padding-top: 20px;
	}

	.onbord-right-col {
		padding   : 100px 20px 20px;
		height    : auto;
		min-height: 100%;
		overflow-y: unset;
	}

	.yhead-a {
		font-size: 25px;
	}

	.ytext-a {
		font-size: 25px;
	}

	.form-control.input-yenna,
	.form-control.textarea-yenna,
	.form-control.select-yenna {
		font-size: 18px;
	}

	.all-assets-list .col-lg-6 {
		-ms-flex : 0 0 100%;
		flex     : 0 0 100%;
		max-width: 100%;
	}

	.all-assets-list .col-lg-3 {
		-ms-flex : 0 0 50%;
		flex     : 0 0 50%;
		max-width: 50%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.pad_l50_r20 {
		padding: 0;
	}

	.left-noticed {
		display: none;
	}

	.all-assets-list .col-lg-6 {
		-ms-flex : 0 0 100%;
		flex     : 0 0 100%;
		max-width: 100%;
	}

	.all-assets-list .col-lg-3 {
		-ms-flex : 0 0 50%;
		flex     : 0 0 50%;
		max-width: 50%;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1250px) {
	.left-noticed {
		display: none;
	}

	.all-assets-list .col-lg-6 {
		-ms-flex : 0 0 100%;
		flex     : 0 0 100%;
		max-width: 100%;
	}

	.all-assets-list .col-lg-3 {
		-ms-flex : 0 0 50%;
		flex     : 0 0 50%;
		max-width: 50%;
	}
}

@media screen and (min-width: 500px) and (max-width: 767px) {
	.all-assets-list .col-lg-6 {
		-ms-flex : 0 0 100%;
		flex     : 0 0 100%;
		max-width: 100%;
	}

	.all-assets-list .col-lg-3 {
		-ms-flex : 0 0 50%;
		flex     : 0 0 50%;
		max-width: 50%;
	}

	body .listview_top {
		display   : flex !important;
		text-align: left;
	}

	.pad_r2rem {
		padding-right: 1rem !important;
	}

	.pad_r1rem {
		padding-right: 0.5rem !important;
	}
}