a{color: #005677;}
/* 2767ff */

/* Log In / Register Forms */
.wrapper {display: block; position: relative; width: 100%;}
.frm-block {
	min-height: calc(100vh - 50px);
	padding: 20px 0 50px 0;
	position:relative;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	-ms-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	-webkit-justify-content:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-align-content:center;
	-ms-flex-line-pack:center;
	align-content:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
}
.logo{margin-bottom: 10px; text-align: center;}
body.without-header .logo {
    margin: 0 auto 20px auto;
    text-align: center;
    max-width: 280px;
}
body.without-header .logo > a {position: relative;}

/*.logo img {width: 320px;}*/
.logo > a{display: inline-block;}
.frm-body {
	/*background-color:#fff;*/
	border: 1px solid rgba(0,0,0,0.09);
	padding: 20px;
	margin: 0 auto;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
/*.frm-body:hover {
	box-shadow:0 24px 48px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 24px 48px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:0 24px 48px rgba(0, 0, 0, 0.25);
}*/
.frm-body h1 {
	font-size: 24px;
	margin: 0 0 20px 0;
	text-align:center;
}
.frm-body h4{font-size: 22px;}
.frm-body h4,
.frm-body p{text-align: center;}
.frm-body p.subtitle {
	margin-bottom:20px;
}
.form-group {
	position:relative;
	margin-bottom: 15px;
	z-index: 1;
}
.um-row._um_row_1 {margin-bottom: 15px !important;}
.um-field-label{margin-bottom: 0; position: relative;}
.um-field-label span{color: #aaa; font-weight: 400;}
.um-field-label label, .form-group .form-label {
	display:block;
	font-size:14px !important;
	font-weight: 400 !important;
	margin-bottom: 5px;
	text-align: left;
}
.um-page-register .um-tip-text{ text-align:left; font-size:12px; color:#ccc;}
.g-recaptcha{transform:scale(0.82);-webkit-transform:scale(0.82);transform-origin:0 0;-webkit-transform-origin:0 0;}
.g-recaptcha > div{width:250px !important; margin:0 auto;}
.form-label span{color: #ccc;}
.form-input, 
.um-form-field, 
.um-field .select2.select2-container .select2-selection {
	border: 1px solid rgba(0,0,0,0.1) !important;
	color: #596377;
	display:block !important;
	height:40px !important;
	outline: none;
	padding: 10px 10px 10px 50px !important;
	width:100% !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	-webkit-appearance: none;
}
p.um-notice.success {
    background-color: rgba(50,194,77,0.05);
    border: 1px solid #32c24d;
    font-size: 13px;
	font-weight: 500;
    margin-bottom: 20px !important;
    text-align: left;
    color: #289a3d;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 12px 40px !important;
}

p.um-notice.success i, .um-notice.err.um-error-code-incorrect_password {top: 3px !important;}
p.um-notice.success:before {content: "\f3fe"; font-family: "Ionicons" !important; font-size: 24px; font-weight: bold; position: absolute; left: 8px; top: 4px;}

.um-notice.um-error-code-incorrect_password {
    width: auto;
    color: #f64747;
    font-size: 13px;
    font-weight: 500;
    padding: 12px 40px !important;
    margin: 0 0 12px 0 !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: relative;
    text-align: left !important;
}
.um-notice.err.um-error-code-incorrect_password {
    background: rgba(246,71,71,0.10);
    border: 1px solid #f64747;
	position: relative;
}
.um-notice.err.um-error-code-incorrect_password:before {content: "\f128"; font-family: "Ionicons" !important; font-size: 24px; font-weight: bold; position: absolute; left: 8px; top: 4px;}
.um-notice.err a, .um-notice.err a:hover{color: #f64747 !important; text-decoration: underline;}

.account-google-auth .form-input.secret { padding-left: 10px !important; margin-bottom:10px;}
a.um-toggle-terms, .um-error-code-recaptcha, .um-error-code-incorrect_password strong {display: none;}

.um-field-select .um-field-area.um-field-area-has-icon .select2-selection__rendered{text-indent: 0;}
.um-field .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 20px !important;}
.um-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__clear{line-height: 20px !important;}
.select2-container--default .select2-selection--single .select2-selection__clear{font-weight: normal !important;}
.select2-hidden-accessible.um-error + .select2-container .select2-selection--single {border: 1px solid #f64747 !important;}

.um-register .um-field-label .um-tip {position: absolute; top: -2px; left: 65px;}
.register .form-group select{background-color: #FFF; padding: 10px 35px 10px 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0;}
.select-wrap{position: relative;}
.select-wrap:after, .um-field .select2.select2-container .select2-selection .select2-selection__arrow:before{
	content: "" !important;
	background: url(../images/icon-select.svg) no-repeat right center;
	height: 16px;
    position: absolute;
	pointer-events: none;
	right: 10px;
    top: 13px;
	width: 16px;
}
.form-button, 
.um input[type=submit].um-button,
input[type=submit].um-button {
	background-color: #F18D05 !important;
	border:0 !important;
	color: #FFF !important;
	cursor:pointer !important;
	display:inline-block !important;
	font-size:14px;
	font-weight:500 !important;
	margin:0 auto;
	height: 40px !important;
	line-height: 40px !important;
	min-width: 200px !important;
	padding:0 15px !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}
.form-button:focus,
.form-button:hover,
input[type=submit].um-button:focus,
input[type=submit].um-button:hover {
	background-color: #f17a05;
	color: #FFF !important;
	cursor:pointer;
	outline: none;
	text-decoration: none;
}
.alert-success {background-color: rgba(50,194,77,0.05); border-color: #32c24d; color: #289a3d; -webkit-border-radius:0; border-radius:0;}
.alert-danger { background-color: rgba(246,71,71,0.10); border-color: #f64747; color: #f64747; -webkit-border-radius:0; border-radius:0;}

.sucess-msg{color: #289a3d; display:block; padding-left: 35px; position:relative;}
.sucess-msg:before { content: "\f3fe"; font-family: "Ionicons" !important;  font-size: 24px; font-weight: bold; position: absolute;  left: 8px; top: -8px;}
.error-msg{color:#f64747; display:block;  padding-left: 35px; position: relative;}
.error-msg:before { content: "\f44c"; font-family: "Ionicons" !important;  font-size: 24px; font-weight: bold; position: absolute;  left: 8px; top: -8px;}
.alert button.close span {  position: relative;  text-indent: -999px;  display: inline-block;  width: 25px;  height: 25px;  overflow: hidden;  text-align: left;}
.alert button.close span:before {  position: absolute;  left: 0;  right: 0;  font-family: "Ionicons" !important;  content: "\f404";  font-size: 30px;  width: 100%;  height: 100%; color: #000; text-align:right;}

.um-login .um-field, .um-register .um-field {
    padding: 0;
    /*text-align: center;*/
    margin-bottom: 15px;
}
.um-field.um-field-type_terms_conditions {text-align: left;}
.um-password .um-field-password_reset_text .um-field-block > div{color: #666 !important; font-size: 14px !important;}
.um-login .um-col-alt {margin: 0;}
.g-recaptcha {display: inline-block;}
.um-field-recaptcha .um-field-error{margin-top: -10px !important; text-align: center;}
body.um-page-login .logo img,
.um-page-register .logo img,
.um-page-password-reset .logo img{height:70px;}

.form-button-sm{min-width: inherit !important;}
.forgot,
.sign {margin: 20px 0 0; text-align:center;}
.sign {color: #666;}
.signin-wd{max-width: 500px;}
.footer-block{
	background-color: #3b495c;
	bottom: 0;
	color: #fff;
	left: 0;
	padding: 10px 0;
	position: fixed;
	right: 0;
	text-align: center;
	width: 100%;
	z-index: 9;
}
label.form-check-label {
	font-size:14px;
	font-weight:normal;
}
/*label.form-check-label a {
	color:#2767ff;
}*/
label.form-check-label a:hover {
	text-decoration:underline;
}
.input-ico:before{
	border-right: 1px solid #ddd;
	content: "";
	height: 24px;
	left: 10px;
	padding-right: 5px;
	position: absolute;
	bottom: 8px;
	width: 34px;
	z-index: 2;
}
.email:before{background: url(../images/icon-email.svg) no-repeat left center; }
.pwd:before{background: url(../images/icon-pwd.svg) no-repeat left center;}
.ga:before{background: url(../images/icon-ga.png) no-repeat left center;}
.user:before{background: url(../images/icon-name.svg) no-repeat left center;}
.globe:before{background: url(../images/icon-globe.svg) no-repeat left center;}
.refer:before{background: url(../images/icon-affiliate.svg) no-repeat left center;}
.verfication-steps{border-top: 1px solid #ddd; margin-top: 30px; padding-top: 30px;}
.verfication-steps ul{padding-left: 60px;}
.frm-body figure{text-align: center;}
.frm-body figure > img{width: 64px;}
.reset-2fa{background-color: #f9f9f9; border: 1px solid #ddd; margin: 20px 0; padding: 15px;}
.um-icon-email:before{
	content: "" !important; 
	background: url(../images/icon-email.svg) no-repeat left center; 
	height: 24px;
	border-right: 1px solid #ddd;
    left: 10px; 
	position: absolute;
    padding-right: 5px;
	top: 4px;
    width: 34px;
    z-index: 2;
}
.um-icon-ios-locked:before{
	content: "" !important; 
	background: url(../images/icon-pwd.svg) no-repeat left center; 
	height: 24px;
	border-right: 1px solid #ddd;
    left: 10px; 
	position: absolute;
    padding-right: 5px; 
	top: 4px;
    width: 34px;
    z-index: 2;
}
.um-register .um-field-icon .um-faicon-globe:before{
	content: "" !important; 
	background: url(../images/icon-globe.svg) no-repeat left center; 
	height: 24px;
	border-right: 1px solid #ddd;
    left: 10px; 
	position: absolute;
    padding-right: 5px;
	top: 4px;
    width: 34px;
    z-index: 2;
}
.um-faicon-user:before{
	content: "" !important; 
	background: url(../images/icon-name.svg) no-repeat left center; 
	height: 24px;
	border-right: 1px solid #ddd;
    left: 10px; 
	position: absolute;
    padding-right: 5px;
	top: 4px;
    width: 34px;
    z-index: 2;
}
.um-field-icon{top: 4px !important;}
.safety-risk ul li{background-color: #fff; border: 1px solid #ddd; margin-bottom: 10px; padding: 15px;
	display: -ms-flexbox;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.check-box{margin-left: auto;}
.icon-safety{margin-right: 10px;}
.icon-safety > img{width: 32px;}
.um-field-type_terms_conditions p.um-notice.err {
    background: transparent;
    color: #f64747;
    text-align: left;
    padding: 0 !important;
    font-size: 12px;
}
.um-field-type_terms_conditions p.um-notice.err i {
    display: none;
}
body.um-page-login, 
body.um-page-register,
body.um-page-password-reset{padding-top: 0 !important;}
a.um-link-alt, .frm-footer, .frm-footer a, .um-field-checkbox-option a{color: #005677 !important; font-weight: 500;}

/* Custom Checkboxes */
.cust-control {
    display: inline-block;
    height: 25px;
    line-height: 25px;
}

.cust-control label {
    display: block;
    height: inherit;
}
.cust-control input[type="radio"],
.cust-control input[type="checkbox"] {
    display: none;
}
.cust-control i {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    display: inline-block;
    float: left;
    font-style: normal;
    height: 25px;
    margin-right: 5px;
    position: relative;
    width: 55px;
}
.cust-control[data-style="radio"] i,
.cust-control[data-style="check"] i {
    width: 25px;
}
.cust-control i::after,
.cust-control i::before {
    content: "";
    position: absolute;
}
.cust-control i::before {
    background: #eee none repeat scroll 0 0;
    height: 21px;
    left: 2px;
    top: 2px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    width: 21px;
    z-index: 1;
}
.cust-control input:checked + label i {
    background: #005677 none repeat scroll 0 0;
}
.cust-control input:checked + label i::before {
    left: 32px;
}
.cust-control[data-style="radio"] i::before {
    background: #ddd none repeat scroll 0 0;
    border: 2px solid transparent;
}
.cust-control[data-style="radio"] input:checked + label i::before {
    background: #005677 none repeat scroll 0 0;
    border-color: #fff;
    left: 2px !important;
}
.cust-control[data-style="check"] i{
    background: #f0f0f0 none repeat scroll 0 0;
}
.cust-control[data-style="check"] i::after,
.cust-control[data-style="check"] i::before{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-right: 2px solid transparent;
    width: 0;
}
.cust-control[data-style="check"] i::before {
    height: 6px;
    left: 7px;
    top: 10px;
    transform: rotate(-45deg);
}
.cust-control[data-style="check"] i::after {
    height: 12px !important;
    left: 12px !important;
    padding: 0 !important;
    top: 5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.cust-control[data-style="check"] input:checked + label i::after,
.cust-control[data-style="check"] input:checked + label i::before {
    border-color: #fff;
}
.cust-control[data-style="check"] input:checked + label i::before {
    left: 7px;
}

.um-field-checkbox-state i{width: 24px;}
.um-field-checkbox.active .um-field-checkbox-state i{background: #005677 none repeat scroll 0 0; display: inline-block;}
.um-icon-android-checkbox-outline:before{content: "" !important; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-right: 2px solid transparent; border-color: #fff; height: 6px; left: 7px; top: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);  position: absolute; width: 0; }
.um-icon-android-checkbox-outline:after{content: "" !important; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-right: 2px solid transparent; border-color: #fff;  height: 12px !important; left: 12px !important; padding: 0 !important; position: absolute; top: 5px; width: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}
.um-icon-android-checkbox-outline-blank:before{content: "" !important; background: #f0f0f0 none repeat scroll 0 0; height: 24px; position: absolute; width: 24px;}
.referral-link-copied {color: #289a3d; position: absolute; top: 150px; right: 22px; padding-left: 35px;}
.referral-link-copied:before {content: "\f3fe"; font-family: "Ionicons" !important;  font-size: 24px; font-weight: bold; position: absolute;  left: 8px; top: -8px;}
.social-share-referral-link{margin-top: 20px;}
.terms-wrapper,
.frm-tabs{
	display: -ms-flexbox;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
/*.frm-tabs{background-color: #fff;}*/
.frm-tabs li{flex-basis:50%;  list-style:none;}
.frm-tabs li a{display:block; font-size:16px; color:#ccc !important; position:relative; text-align:center; text-decoration:none; padding:10px 0 15px}
.frm-tabs li a:hover{text-decoration:none;}
.frm-tabs li a.active{color:#005677 !important; font-weight: 500;}
.frm-tabs li a:before{background-color:#ccc; bottom:0; content:""; height:3px; left:0;  position:absolute; width:100%;}
.frm-tabs li a.active:before{background-color:#005677;}
.label-control {margin-left:5px;}

/* Side Panel */
.side-panel {
	color: #FFF;
	display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
	height: 100%;
    min-height: 600px;
    overflow: hidden;
	padding: 0 30px;
	width: 460px;
}
.side-panel {
	background: url(../images/bg-body.jpg);
    background-size: cover;
}
.frm-outer, .disclaimer-wrapper .textwidget{
	clear: both;
	max-width: 450px;
	margin: 0 auto;
	width: 90%;
}
.disclaimer-wrapper .textwidget {
    margin-top: 20px;
    text-align: justify;
    font-size: 12px;
    color: #aaa;
}
.side-panel h1{
	color: #FFF;
	font-family: 'Exo', sans-serif;
    font-size: 45px;
	font-weight: 600;
    line-height: 55px;
    margin: 0;
}
.side-panel .banner-tagline {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 0;
	max-width: 535px;
	position: relative;
}
.side-panel .banner-tagline > strong {
    color: rgb(255, 212, 71);
    font-weight: 500;
}
.side-panel-inner p {
    font-size: 12px;
    text-align: justify;
    margin-bottom: 0;
    position: absolute;
    max-width: 380px;
    bottom: 10%;
}
ul.features {margin-bottom: 20px;}
ul.features li {
	font-size: 16px;
    margin: 15px 0;
    padding-left: 30px;
    position: relative;
}
ul.features li:before {
    content: "";
    background: url(https://dkdnwcdt9nr2c.cloudfront.net/icon-feature.svg) no-repeat 0 0;
    background-size: 20px auto;
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 20px;
}
.btn-more {
    background-color: #F18D05;
    color: #fff !important;
    display: inline-block;
    font-size: 14px;
	font-weight: 500;
    padding: 0 36px;
    height: 36px;
    line-height: 36px;
    text-decoration: none;
}
.btn-more:hover,
.btn-more:focus {
    background-color: #f17a05;
    color: #FFF !important;
    text-decoration: none;
}

/* Errors */
.error span{color: #f64747; display: block; margin-top: 5px;}
.error .form-input, .um-error, .um .um-form input[type=password].um-error{border-color: #f64747 !important;}
.um-field-error {
    background: transparent !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    color: #f64747 !important;
    box-sizing: border-box;
    position: relative;
    padding: 0 !important;
    font-size: 12px;
    line-height: inherit !important;
    margin: 5px 0 0 0 !important;
    text-align: left;
}
.um-field-error span{display: none;}


/* Sidebar */
.content-wrapper {
    background-color: #fff;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding-top: 0;
    position: relative;
    min-height: calc(100vh - 288px);
    width: 100%;
}
body.page-template-account .content-wrapper {background-color: #e6e9ee;}
.aside {
    background-color: #fff;
    color: #fff;
	overflow-y: auto;
	position: relative;	
	top:0;
    width: 240px;
    -webkit-transition: all .299s;
    transition: all .299s;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 9;	
}
body.sticky-header .aside{ padding-top:50px;}
.aside:after {content: ""; border-right: 1px solid #ddd; position: absolute; right: 0;}
.sidebar-nav .has-arrow {
    position: relative;
}
.sidebar-nav ul li a {
    color: #666;
    padding: 10px 15px;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	-webkit-transition: 0.1s ease-in;
    -o-transition: 0.1s ease-in;
    transition: 0.1s ease-in;
}
.sidebar-nav ul li a:hover {
    color: #404040;
	text-decoration: none;
}
.sidebar-nav ul li a:focus {
    color: #666;
	text-decoration: none;
}
.sidebar-nav ul li > a{font-weight: 500;}
.sidebar-nav ul li a .icon i{color: #888; font-family: 'Font Awesome 5 Free'; font-style: normal; margin-right: 10px;}
.sidebar-nav li.current-menu-item a { background-color: #fff;  color: #0278e1;  font-weight: 500;}
.sidebar-nav .has-arrow.active,
.sidebar-nav .active{
	color: #404040;
	font-weight: 500;
}
.sidebar-nav ul li ul {
    background-color: #f2f3f8;
	padding: 10px 0px 10px 0;
}
.sidebar-nav ul li ul li a {
	font-size: 13px;
	font-weight: 400;
    padding: 7px 15px 7px 30px;
}
.sidebar-nav ul li ul li a:hover,
.sidebar-nav ul li ul li a.active {background-color: #fff; color: #0278e1; font-weight: 500;}
.sidebar-nav .has-arrow::after {
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #666;
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    margin-left: 10px;
	right: 20px;
    -webkit-transform: rotate(135deg) translate(0, -50%);
    -ms-transform: rotate(135deg) translate(0, -50%);
    -o-transform: rotate(135deg) translate(0, -50%);
    transform: rotate(135deg) translate(0, -50%);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    top: 20px;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.sidebar-nav li > .has-arrow.active::after{
    -webkit-transform: rotate(-135deg) translate(0, -50%);
    -ms-transform: rotate(-135deg) translate(0, -50%);
    -o-transform: rotate(-135deg) translate(0, -50%);
    top: 42%;
    width: 7px;
    transform: rotate(-135deg) translate(0, -50%);
}
.sidebar-nav ul li:last-child a:after {
    display: none;
}
.collapse {
    display: none;
}
.collapse.in {
    display: block;
}

.body-content {padding-bottom: 50px; width: calc(100% - 230px);}
.body-content > .container{width: 100%; max-width: 1200px;}
.hamburger {
	left: 10px;
	margin: 0;
	position: fixed;
	top: 12px;
	width: 30px;
	z-index: 999;
    -webkit-transition: all .301s;
    transition: all .301s;
}
.hamburger a span {
    background-color: #000;
    height: 2px;
    position: relative;
    display: inline-block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.3s ease;
    right: 0;
    top: 0px;
    width: 16px;
}
.hamburger a span::before {
    background-color: #000;
    content: "";
    position: absolute;
    right: 0;
    width: 100%;
    height: 2px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: rotate(0deg) translateX(0px) translateY(0px);
    -o-transform: rotate(0deg) translateX(0px) translateY(0px);
    -ms-transform: rotate(0deg) translateX(0px) translateY(0px);
    transform: rotate(0deg) translateX(0px) translateY(0px);
    top: 6px;
}
.hamburger a span::after {
    background-color: #000;
    content: "";
    position: absolute;
    right: 0;
    width: 100%;
    height: 2px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
	-webkit-transform: rotate(0deg) translateX(0px) translateY(0px);
	-o-transform: rotate(0deg) translateX(0px) translateY(0px);
	-ms-transform: rotate(0deg) translateX(0px) translateY(0px);
	transform: rotate(0deg) translateX(0px) translateY(0px);
	top: -6px;
}
.aside-open .hamburger a span:after {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-transform: rotate(45deg) translateX(3px) translateY(3px);
	-moz-transform: rotate(45deg) translateX(3px) translateY(3px);
	-o-transform: rotate(45deg) translateX(3px) translateY(3px);
	-ms-transform: rotate(45deg) translateX(3px) translateY(3px);
	transform: rotate(45deg) translateX(3px) translateY(3px);
}
.aside-open .hamburger a span:before {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	-o-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	-ms-transform: rotate(-45deg) translateX(5px) translateY(-5px);
	transform: rotate(-45deg) translateX(5px) translateY(-5px);
}
.aside-open .hamburger a span {
    background-color: transparent;
}

/* Page Title and Breadcrumbs */
.page-title{margin: 20px 0 10px;}
.page-title h1 {color: #404040 !important; font-size: 30px; font-weight: 400; margin: 0;}
.page-title .breadcrumb {background: transparent; font-size: 12px; padding: 0; margin-bottom: 0; text-transform: uppercase;}
.page-title .breadcrumb li {margin-top: 5px; margin-bottom: 5px;}
.page-title .breadcrumb li a {color: #67757c;}
.page-title .breadcrumb .breadcrumb-item.active {color: #263238; font-weight: 500;}


/* Widgets */
.widget{background-color: #fff; border: 1px solid #ddd; margin: 7.5px 0; padding: 20px; position: relative;}
.widget:before{content: ""; left: 0; right: 0; height: 100%; top: 0; position: absolute; width: 5px;}

.green:before{background-color: #36bea6;}
.blue:before{background-color: #009efb;}
.purple:before{background-color: #7460ee;}
.orange:before{background-color: #ffbc34;}

.widget h2{font-size: 30px; font-weight: 300;  margin-top: 0; text-align: center;}
.widget h3{font-size: 24px; font-weight: 500; margin-top: 0;}
.widget h4{color: #0278e1; font-size: 18px; font-weight: 500; margin-top: 0;}
.widget h5{font-size: 16px; font-weight: 500; margin-top: 0;}
.widget h6{font-size: 14px; font-weight: 500;  margin-top: 0; margin-bottom: 0; text-align: center;}

.green-txt{color: #36bea6;}
.blue-txt{color: #009efb;}
.purple-txt{color: #7460ee;}

.txt-buy{color: #27ae61;}
.txt-sell{color: #f00;}

.widget-header{padding-bottom: 10px;}
.widget-row, .tooltip-info li{border-bottom: 1px solid #ddd; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 5px;}
.widget-col-right{font-weight: 500; margin-left: auto; text-align: right;}
.balances .widget-row{padding: 10px 0;}
.tooltip-info li:last-child{border-bottom: 0;}
.tooltip-info li > strong{font-weight: 500; width: 20%;}
.tooltip-info li > span{width: 70%;}
.table thead th, .table th {font-weight: 500;}
.table-bordered th, .table-bordered td {border: 1px solid #dee2e6;}
.table>thead>tr>th,
.table>tbody>tr>th, .table>tfoot>tr>th,
.table>thead>tr>td, .table>tbody>tr>td,
.table>tfoot>tr>td {border-top: 1px solid #dee2e6; padding: 10px; vertical-align: middle;}
.table-striped tbody tr:nth-of-type(odd) {background: #f8f9fa;}
.affiliate-highlight{background: rgba(39,103,255,0.1) !important;}

/* Security */
.auth, .auth-icon, .widget-col-right{display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.auth-icon{display: -ms-flexbox; display: -webkit-flex; display: flex;	-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.auth-icon{margin-right: 20px; -webkit-border-radius: 50%; height: 50px; width: 50px;}
.auth .form-button{margin-left: auto !important; margin-right: inherit !important;}
.auth-icon > i{font-size: 20px;}
.auth-sms{background-color: #fef2df;}
.auth-sms > i{color: #f3a534;}
.auth-google{background-color: #eaf0fc;}
.auth-google > img{height: 24px; width: 24px;}
.auth-google > i{color: #386ce3;}
.auth-option h4{margin-bottom: 0;}
.settings .widget-row{border-bottom: 0;}
.settings .widget-row:hover{background-color: #f9fafc;}
.change-password .um-field-area{position:relative;}
.change-password .um-field-area:before{content: ""; background: url(../images/icon-pwd.svg) no-repeat left center; height: 24px; border-right: 1px solid #ddd; left: 10px; position: absolute; padding-right: 5px; top: 6px;  width: 34px; z-index: 2;}
.change-password input{ padding: 10px 10px 10px 50px !important;}
.account-google-auth-form-wrapper { margin-top: 6px;}
.account-google-auth-form-wrapper #GA_QR_INFO .description{ display:block; margin-bottom:10px;}

.um-form input[type=text], .um-form input[type=tel], .um-form input[type=number], .um-form input[type=password]{padding: 10px 10px 10px 50px !important;}
.um .um-form input[type=password], .um .um-form input[type=password]:focus{border-width: 1px !important;}

body.um-page-password-reset .um .um-form .um-field-area:before {
    content: "";
    border-right: 1px solid #ddd;
    background: url('/wp-content/themes/argo/assets/images/icon-pwd.svg') no-repeat left center;
    position: absolute;
    height: 24px;
    top: 8px;
    left: 10px;
    width: 34px;
    z-index: 2;
}

/* My Profile */
.myprofile{min-height: 203px;}
.myprofile .widget-row{border-bottom: 0; margin-bottom: 5px;}
.myprofile .widget-col-left{font-weight: 500;}
.myprofile .widget-col-right{font-weight: 400; margin-left: 20px;}

/* Notification */
.notification{display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.notification > span{background-color: #fef2df; -webkit-border-radius: 50%; height: 50px; margin-right: 20px; min-width: 50px; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.notification > span > i{color: #f3a534; font-size: 20px;}
.notification p{color: #f3a534; font-size: 18px; margin-bottom: 0;}

/*Alpha logo*/
.um-page-loggedout .logo a { position: relative; display: inline-block;}
span.login-alpha { position: absolute; left: 250px; bottom: -9px;  font-size: 12px;  color: #000;}


/* Media Queries */

@media (min-width: 768px) and (max-width: 991px) {}
@media (min-width: 992px) and (max-width: 1199px) {
	/* My profile */
	.myprofile {min-height: 223px;}
	.refer:before{top: 52px;}
	.copy-referral-link { margin-right: 45%;}
	.referral-link-copied { position: relative; top: 10px; left: -7px; bottom:inherit; right:inherit; margin: 0px 0 0px 0px;}

}
@media (min-height: 600px) and (min-width: 1076px){
	/* My profile */
	.wrapper {height: 100%;}
	.frm-wrapper {height: 100%; overflow: auto;}
}
@media (min-height: 600px){
	/* My profile */
	.side-panel {position: fixed;}
}
@media (min-width: 1076px){
	/* My profile */
	.side-panel {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
	/* .frm-wrapper{margin-left: 460px;} */
	#navbar{display: -ms-flexbox; display: -webkit-flex; display: flex;	align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
}
 @media (max-width: 992px) {
	 
	 /*Sidebar*/
	 	.nav-overlay {background-color: #404040; top: 0; left: 0; width: 0; height: 0; opacity: 0; -webkit-transition: opacity .3s,width 0s .3s,height 0s .3s; transition: opacity .3s,width 0s .3s,height 0s .3s; position: fixed; overflow: hidden; z-index: 11;}
	.menu-trigger, .nav-menu-close, .nav-overlay{display: block;}
	.aside {height: 100vh; overflow-y: auto; margin-left: -240px; position: fixed !important; padding-top: 70px; z-index: 99 !important; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
	.aside-open .aside{margin-left: 0;}
	 	 
	 /* My profile */
	.frm-block{height: inherit; padding: 20px 0; min-height: calc(100vh - 50px);}
	.emailver-wd{max-width: 500px;}
	.aside-open .nav-overlay {display: block; height: 100%; opacity: .7; -webkit-transition: opacity .3s; transition: opacity .3s; width: 100%; }
	.body-content{width: 100%;}
	.myprofile{min-height: inherit;}
	
	 

}
@media (max-width: 767px){
	
	/*Sidebar*/
	.aside{height:100vh; padding-top:50px;}
	
	/* My profile */
	/*.frm-body{ margin-bottom:50px;}*/
	.frm-outer{width: 100%;}
	
	/* Widgets */
	.tooltip-info{margin-top: 30px;}
	.tooltip-info li{-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
	.tooltip-info li > strong, .tooltip-info li > span{width: 100%;}

	/* Notification */
	.notification{-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
	.notification p{margin-top: 15px; text-align: center;}
	
	/*Login registration*/
	.frm-block {padding: 20px 0 100px 0;}

}
@media (max-width: 767px) and (orientation: portrait) {

	/* My profile */
	.refer:before{top: 52px;}
	/*.copy-referral-link {margin-right: 45%;}*/
	.referral-link-copied {position: relative; top: inherit; left: inherit; bottom:inherit; right: inherit; margin: 20px 0 0 0; width: 100%;}

	/* Security */
	.auth{-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}	
	.auth-icon{margin-right: 0;}
	.auth-option h4{font-size: 16px; margin-top: 20px;}
	.auth .form-button{margin-right: auto !important; margin-top: 20px;}
	p.um-notice{padding: 12px 40px 12px 12px !important;}
	#GA_QRCODE canvas {max-width: 100%;}

	/* Settings */
	.settings .widget-row{padding: 10px 5px;}
	
	

}
@media (max-width: 320px) {
	
	::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	 font-size:10px;
	}
	::-moz-placeholder { /* Firefox 19+ */
	  font-size:10px;
	}
	:-ms-input-placeholder { /* IE 10+ */
	  font-size:10px;
	}
	:-moz-placeholder { /* Firefox 18- */
	  font-size:10px;
	}
	.select2-selection__placeholder{ font-size:10px;}
	.copy-referral-link { margin-right: 37%;}
}