body {background: url(https://i.marketsmojo.com/bg.gif);   overflow-y: scroll; overflow-x: hidden;   font-family: "Roboto"}
body{margin:0; padding:0;font-family: "Roboto", arial, sans-serif;font-size:15px;}
body.iosBugFixCaret.modal-open { position: fixed; width: 100%; }
html {font-size: 15px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

*:focus {outline: none !important;}
a:focus, a:hover {color: #75777d; text-decoration: underline;}

[ng\:cloak], [ng-cloak], .ng-cloak { display: none !important;}
.ad-ac-modal .modal-secnd .modal-content, .edit-ac-modal .modal-secnd .modal-content { padding: 0 10px !important}
.modal .select-wrapper input.select-dropdown {position: relative;cursor: pointer;background-color: transparent;border: 1px solid #71777c;outline: none;height: auto;width: 95%;font-size: 1rem;margin: 0;padding: 10px;display: block;line-height: 1rem;}
@media only screen and (min-width: 750px) {	
    html, body {font-family: "Roboto", arial, sans-serif; font-size: 15px !important;  line-height: 17px !important; }
}
::-webkit-scrollbar {width: 0.6em;height: 0.6em;}
::-webkit-scrollbar-thumb {background: slategray;border-radius: 8px;}
::-webkit-scrollbar-track {background: #d2d5d7;border-radius: 4px;}
::-webkit-input-placeholder {color: #a1a7ac;font-weight: 400;font-size: .89rem;font-style: italic;}
:-moz-placeholder {color: #a1a7ac;font-weight: 400;font-size: .89rem;font-style: italic;}
::-moz-placeholder {color: #a1a7ac;font-weight: 400;font-size: .89rem;font-style: italic;}
:-ms-input-placeholder {color: /*#515a61;*/ #a1a7ac;font-weight: 400;font-size: .89rem;font-style: italic;}
.inputsubcribe::-webkit-input-placeholder {color: #50525a !important;font-weight:500;font-size:15px; text-align:left;font-style: normal; }
.inputsubcribe:-moz-placeholder {color: #50525a !important;font-weight: 500;font-size:15px; text-align:left;font-style: normal;}
.inputsubcribe::-moz-placeholder {color: #50525a !important;font-weight: 500;font-size:15px; text-align:left;font-style: normal;}
.inputsubcribe:-ms-input-placeholder {color:#50525a !important;font-weight: 500;font-size: .89rem; text-align:left; font-style: normal;}
.modal-backdrop.fade {filter: alpha(opacity=0);opacity: .5 !important;}

/* *************to header new**09.04.2018******************* */
.betarea{width:100%; float:left; margin:auto; background:#ffe4c7;position:fixed;z-index:999999;}
.betarea1{color:#393e4d;padding:10px 0px; text-align:center;font-size:14px;}
.betarea2{font-weight:500;}
.betarea3{font-weight:400;}
.betalink a{color:#393e4d;text-decoration:underline;}
header {background: #615fc2;padding: 0;width: 100%; position: fixed;top:36px !important; color:#FFF !important;height:90px;z-index:999999999;left: 0;z-index: 4;-webkit-transition: height 0.3s;-moz-transition: height 0.3s;-o-transition: height 0.3s;transition: height 0.3s;transition: top 0.2s ease-in-out;}
.header-logo{width:17%; position:fixed;background:#373956 !important;}
.header-back-text {text-align:right;font-size:14px;position:absolute;right:6%;top:36px;font-weight:500;color:#2c303b !important;}
.back-link{color:#FFFFFF !important;text-decoration:none !important;}
.header-back-margin{position:relative;right:12px;}
.avtar {position: absolute;right: 18px;top:22px;}
.avtar img {width: 48px;height: 48px;}
.img-circle {border:0px solid #999;border-radius: 50%;box-shadow: 0px 0px 0px #666;}
.avtar .dropdown-menu:after, .pf-menu .dropdown-menu:after {content: '';display: block;position: absolute;right: 12px; bottom: 100%; width: 0; height: 0;border-bottom: 10px solid #fff;border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent;}
h1.cont-head {margin: 0px 0 0px 32px;padding:20px 39px 18px 0;}

@media only screen and (min-width:1400px) and (max-width:1700px) {
	h1.cont-head {margin: 0px 0 0px 42px;padding: 20px 39px 18px 0;}
}

@media only screen and (min-width:1200px) and (max-width:1300px) {
	h1.cont-head {margin: 0px 0 0px 23px;padding: 20px 39px 18px 0;}
}

@media only screen and (min-width: 960px) and (max-width:1024px) {
	h1.cont-head {margin: 0px 0 0px 0px;padding:20px 39px 18px 0;}
}
@media only screen and (min-width: 750px) and (max-width: 960px) {
	header {background: transparent;top: 16px !important;color: #FFF !important;height: 90px;}
}
@media only screen and (max-width: 750px){
	header {top:0px;z-index: 9;	}
	nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {height: 54px;line-height: 54px;}	
	nav, nav .nav-wrapper-new i, nav a.button-collapse, nav a.button-collapse i {height:35px;line-height:30px;}	
	h1.cont-head {padding: 15px 0 0 0px !important;font-size: 1.36rem;}
	h1.cont-head-new {padding: 15px 0 0 30px !important;font-size: 1.36rem;}
	h1.cont-head {/* margin: 0 0 0 55px; */margin: 5px;padding: 5px 0 0 0;}
	h1.cont-head-new {/* margin: 0 0 0 55px; */margin: 5px;padding: 5px 0 0 0;}	
	h1.cont-head a {background: url(https://i.marketsmojo.com/optimizer/logo-optimizer.png) no-repeat;display: block;height:26px;width:152px;background-size: contain;margin-top:-2px;    float: left;}
	
	/* *********stock name*********** */
	.pf-h1-head {position: relative;display: block;font-size: 1.3rem;font-weight: 500;top: -32px;  left: 50px;}
	nav .nav-wrapper {position: absolute !important;float: none;left: 5px;top: 0;}
	nav .nav-wrapper-new {position: absolute !important;float: none;left: 5px;top: 0;}
	a.button-collapse:active, a.button-collapse:active .fa, a.button-collapse:visited, a.button-collapse:visited .fa {color: #fff !important;}
	.nav-wrapper a.button-collapse {line-height: 52px;height: 52px;}
	.nav-wrapper-new a.button-collapse {line-height:35px;height:35px;}
	nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {height: 54px;line-height: 54px;}
	nav, nav .nav-wrapper-new i, nav a.button-collapse, nav a.button-collapse i {height:35px;line-height: 35px;}	
	.nav-wrapper a.button-collapse {line-height: 52px; height: 52px;}
	header {padding: 0;	width: 100%;position: fixed;top:18px !important;color: #FFF !important;	height:auto;z-index: 999999999;	left: 0;z-index: 4;	-webkit-transition: height 0.3s;-moz-transition: height 0.3s;-o-transition: height 0.3s;transition: height 0.3s;transition: top 0.2s ease-in-out;}
	nav .nav-wrapper i {display: block !important;font-size: 35px;margin-top:-3px;}
	nav .nav-wrapper-new i {display: block !important;font-size: 35px;margin-top:-3px;}
	h1.cont-head {margin: 0px 0 0px 0px !important;padding: 10px 0 0 0;}
	h1.cont-head-new {margin: 0px 0 0px 15px !important;padding: 10px 0 0 0;}
	/* *********search page logo*********** */	
	.avtar img {width: 38px;height: 38px;	}
	nav .nav-wrapper i {display: block;font-size:35px !important;}
	nav .nav-wrapper-new i {display: block;font-size:35px !important;}
	.swiper-button-next, .swiper-button-prev {display: none;	}
}

.navbar-fixed {position: relative;	height: 56px;z-index: 998}
.navbar-fixed nav {position: fixed;}


@media only screen and (min-width: 601px) {
	nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {}
}

@media only screen (min-width:750px) and (max-width:960px) {
	.no-tab2{display:none !important;}
	.no-tab3{display:none !important;}
}
@media only screen and (max-width:960px) {
	h1.cont-head {margin: 0px 0 0px 62px;padding: 10px 0 0 0;}
}
@media only screen and (min-width: 750px) {	
	h1.cont-head a {background: url(https://i.marketsmojo.com/optimizer/logo-optimizer.png) no-repeat; display: block;	height: 31px;width: 180px;background-size: contain;}	
	nav .nav-wrapper {position: absolute;	top:0px;float: none;left: 220px;}  
}
@media only screen and (max-width: 750px) {
    nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i { height: 54px; line-height: 54px; }
    .cont-head { padding-top: 20px;}
    .avtar {top:17px;right:13px;}
}
@media only screen and (max-width: 320px) {
	.sidenav {height: 100%;width: 215px;position: fixed;z-index: 1;top: 15.8% !important;left: 0;background-color: #3b444b;overflow-x: hidden;	padding-top: 5px;left: 0%;}
}
.navbar-collapse {padding: 0 !important}
#sidenav-overlay {z-index: 1;}
.side-nav {top: auto !important}
@media only screen and (max-width: 750px) {
    .nav-wrapper a.button-collapse {line-height: 52px; height: 52px;}  
}
@media only screen and (max-width: 750px) {
	.avtar-login {position: absolute;right: 5px;top:14px;}
}
.avtar-login button, .avtar-login a {border: 2px solid #fff;background: transparent;font-size:12px;color: #fff;padding: 5px 7px;border-radius: 5px;text-transform: uppercase;}
.avtar-login {position: absolute;right: 5px;top:18px;}
@media only screen and (max-width: 1024px) {
    .side-nav {top: 89px !important; z-index: 100000000;}
}

@media only screen and (min-width: 750px) and (max-width: 960px) {
	h1.cont-head {margin: 0 0 0 0px;	padding: 10px 0 0 0;}
	.avtar {top: 12px;}
}
@media only screen and (min-width: 750px) {
	h1.cont-head a {background: url(https://i.marketsmojo.com/optimizer/logo-optimizer.png) no-repeat;display: block;height:52px;width: 130px;background-size: contain;}
	nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {height: 57px;line-height: 54px;}	
	nav, nav .nav-wrapper-new i, nav a.button-collapse, nav a.button-collapse i {height:35px;line-height: 32px;}	
}
.avtar .dropdown-menu {padding: 0;width: 210px;}
.avtar .dropdown-menu li a {border-bottom: 1px solid #ddd;padding: 5px;}
.avtar .dropdown-menu li {padding: 0 5px;}
.avtar .dropdown-menu li.divider {display: none}
.avtar .dropdown-menu li:last-child {padding: 0;margin: 0;}
.avtar .dropdown-menu li:last-child a {background: #00bad2;color: #fff !important;border-radius: 3px;text-align: center;margin: 0;border: none !important;text-transform: uppercase;font-size:12px;padding: 10px;}
.avtar .dropdown-menu li a {text-transform: uppercase}