/* ***************shamshad*********12.02.2019****** */
.green {color: #3DC961 !important;}
.red {color: #F03C50 !important;}
#maindiv{width:100%; float:left; margin:auto;min-height: 730px;}
#stockHead{padding:0px 0px;background:#0c212c;height:167px;}
#stockHead .headbg{background:#0c212c;}
#stockHead .stocknamearea{width:100%; float:left;margin:10px 0px 0px;}
#stockHead .stockhead{font-size:22px; color:#889faa;display:inline-block;}
#stockHead .stockdot{display:inline-block;margin:0px 6px 0px;}
#stockHead .orange-mojo, .omojo {background: url(https://i.marketsmojo.com/orgdot.png) no-repeat;width:12px;height: 12px;background-size: contain;margin-right:0px;display: inline-block;}
#stockHead .green-mojo, .gmojo {background: url(https://i.marketsmojo.com/grndot.png) no-repeat;width: 12px;height: 12px;background-size: contain;margin-right: 0px;display: inline-block;}
#stockHead .red-mojo, .gmojo {background: url(https://i.marketsmojo.com/reddot.png) no-repeat;width: 12px;height: 12px;background-size: contain;margin-right:0px;display: inline-block;}
#stockHead .grey-mojo, .gmojo {background: url(https://i.marketsmojo.com/greydot.png) no-repeat;width: 12px;height: 12px;background-size: contain;margin-right:0px;display: inline-block;}

#stockHead .stocktuchbg {height: 31px;border-radius: 4px;background-color: rgba(255,255,255,0.05);margin:17px 0px 0px;}
#stockHead .stocktuch{height: 22px;color: #889FAA;font-size: 16px;line-height: 28px;padding:2px 7px;}
#stockHead .headtextbg{color:#b623fd;}

#stockHead .stocknumberarea{width:100%;float:left;margin:0px 0px 0px;}
#stockHead .stocknumer{color: #FFFFFF;font-size: 42px;line-height:40px;font-weight:600;}

#stockHead .smstockno{width:100%; float:left; margin:15px 0px 0px;}
#stockHead .stsmno1{display:inline-block;color: #FFFFFF;font-size:22px;line-height:25px;margin:0px 6px 0px 0px;}
#stockHead .iconsize{font-size:14px !important;}

#stockHead .bsensearea{width:100%; float:left; margin:15px 0px 0px 0px;text-align: right;}

#stockHead .bsensetext{display:inline-block;margin:0px 4px 0px 0px;color: #889FAA;font-size:16px;letter-spacing: 0.5px;line-height: 22px;text-align:justify;text-transform:uppercase;}
#stockHead .bsenseval{display:inline-block;margin:0px 0px 0px 0px;color: #FFFFFF;font-weight:500;font-size:15px;letter-spacing: 0.5px;line-height: 22px;text-align:justify;text-transform:uppercase;}
#stockHead .bsensedate{display:inline-block;margin:0px 0px 0px 34px;color: #889FAA;font-size:14px;letter-spacing: 0.5px;line-height: 22px;text-align:justify;text-transform:uppercase;}

/* **********enable disable*********** */

#stockHead #enabletext .btn {border-radius: 15px;}
#stockHead #enabletext .btn-toggle {margin: 0 10px;padding: 0;position: relative;border: none;height:14px;width:18px;border-radius: 1.5rem;color: #6b7381; background: #bdc1c8;}
#stockHead #enabletext .btn-toggle:focus, .btn-toggle.focus, .btn-toggle:focus.active, .btn-toggle.focus.active {outline: none;}
#stockHead #enabletext .btn-toggle.active > .handle {left: 1.6875rem; transition: left 0.25s;}
#stockHead #enabletext .btn-toggle.active:before {opacity: 0.5;}
#stockHead #enabletext .btn-toggle.active:after {opacity: 1;}
#stockHead #enabletext .btn-toggle:before, .btn-toggle:after {color: #FFFFFF;}
#stockHead #enabletext .btn-toggle.active {background-color: #889FAA;}
#stockHead #enabletext .btn-toggle.btn-lg {margin: 0 10px; padding: 0; position: relative; border: none; height:14px; width:24px;  border-radius: 2.5rem;}
#stockHead #enabletext .btn-toggle.btn-lg:focus, .btn-toggle.btn-lg.focus, .btn-toggle.btn-lg:focus.active, .btn-toggle.btn-lg.focus.active {outline: none;}
#stockHead #enabletext .btn-toggle.btn-lg:before, .btn-toggle.btn-lg:after {line-height: 2; text-align: center; font-size: 16px;position: absolute; bottom: 0;  transition: opacity 0.25s; top:-1px;}
#stockHead #enabletext .btn-toggle.btn-lg:before {content: 'BSE'; left:-32px;line-height:15px;}
#stockHead #enabletext .btn-toggle.btn-lg:after {content: 'NSE'; right:-32px;line-height:16px;}
#stockHead #enabletext .btn-toggle.btn-lg > .handle {position: absolute;top:1px;left: 0.2rem;width:12px; height:12px;border-radius: 1.875rem;background: #fff;transition: left 0.25s;}
#stockHead #enabletext .btn-toggle.btn-lg.active {transition: background-color 0.25s;}
#stockHead #enabletext .btn-toggle.btn-lg.active > .handle {left:10px;transition: left 0.25s;}
#stockHead #enabletext .btn-toggle.btn-lg.active:before {opacity: 0.5;}
#stockHead #enabletext .btn-toggle.btn-lg.active:after {opacity: 1;}
/* **********enable disable end*********** */

#stockHead .video-icon{float:right;height: 67px;width:67px;background-color: rgba(184,35,255,0.25);border-radius:50%;margin:15px 5px 0px 0px;}
#stockHead .video-icon-arrow{top:15%;left:38%;position:relative;font-size:30px;color:#b823ff;}
#stockHead .videotext{display:inline-block;margin:32px 0px 0px 0px;color:#677B86;font-size:14px;line-height:16px;font-weight:400;	letter-spacing: 0.5px;}

#stockHead .mojo-pro{width:100%; float:left;margin:15px 0px 0px;position:relative;}
#stockHead .mojo-pro img{border-radius:4px;}

#stockHead .industryhead{width:100%;float:left;margin:15px 4px 0px 0px;color: #889FAA;font-size:17px;letter-spacing: 0.5px;line-height:16px;text-transform:uppercase;}
#stockHead .industryno{width:100%;float:left;margin:4px 0px 0px 0px;color: #FFFFFF;font-weight:600;font-size:17px;letter-spacing: 0.5px;line-height: 22px;text-transform:uppercase;}

@media only screen and (max-width: 750px){
	#menubar .logo {margin-right: 25px;margin-left: 0;}
	#stockHead{padding:0px 0px;background:#0c212c;height:100%;}
}

#middmenu ul > li >  a:focus, a:hover, ul li a:focus, a:hover { color: #FFFFFF;background: #00add1;}
#middmenu .nav>li>a:focus, .nav>li>a:active{background: #00add1;}
#middmenu .ulpadd dl, ol, ul {margin-top: 0;margin-bottom:-6px;padding: 0px 0px;}
#middmenu .middmenubar{width:100%;float:left;    background: #ebeef3 !important;height:32px;-webkit-box-shadow: 0px 6px 0px 0px #333333;-moz-box-shadow:0px 6px 0px 0px #333333;box-shadow:0px 6px 0px 0px #333333;}
#middmenu .middmenubar ul li {display: inline-block;margin: 0px 0px 0px 0px;position: relative;z-index: 1;padding: 0px 3px;height: auto;color: #000;}
#middmenu .menubartext2{font-size: 13px;line-height:28px;color: #575f66;padding-right:6px;text-decoration: none;padding: 2px 5px 5px !important;height: 32px !important;font-weight: 600;text-transform: capitalize;}
#middmenu .nav-link {padding: .5rem 1rem .7rem;}
#middmenu .menubartext2:hover{color: #FFFFFF;    background: #00add1;}
#navbarSupportedContent ul {margin: 0px 0px;}
#middmenu .dropdown-menu{min-width: 200px;min-height: auto;max-height: 184px;overflow: auto;z-index: 1;}
#middmenu #portfoliobutton{position:absolute;right:28px;top: 5px;}
#middmenu #portfoliobutton .portfoliocolum{height: 27px;width: 100px;border: 1px solid #B823FF;border-radius:4px;display:inline-block;padding:1px 5px;margin:0px 4px;}
#middmenu #portfoliobutton .plussize{font-size:14px;color:#B823FF;font-weight:500;}
#middmenu #portfoliobutton .portfolio {color: #FFFFFF;font-size:13px;font-weight: 500;letter-spacing: 0.5px;line-height: 21px;text-transform:uppercase;}
#middmenu #portfoliobutton .continubutton {font-size:13px;font-weight: 500;letter-spacing: 0.3px;line-height: 17px;text-transform: capitalize;position:relative;top:-1px;}
#middmenu #portfoliobutton .portfoliocolum2{height: 27px;width: 100px;border: 1px solid #677B86;border-radius:4px;display:inline-block;padding:1px 5px;margin:0px 4px;}
#middmenu #portfoliobutton .portfoliocolum .contarrow{position:relative;margin:0px 3px 0px 4px;}
#middmenu #portfoliobutton .plussize2{font-size:14px;color:#677B86;font-weight:500;}
#middmenu #portfoliobutton .plussizeback{font-size:14px;color:#9f423c;font-weight:500;}
#middmenu #portfoliobutton .portfoliocoback{height: 27px;width: 100px;border: 1px solid #9f423c; border-radius: 4px; display: inline-block;padding: 1px 5px; margin: 0px 4px;}
#middmenu #portfoliobutton .portfolioadd1{height: 24px;width: auto;    overflow: hidden;border: 1px solid #b4b4b4; border-radius: 4px; display: inline-block;padding: 1px 5px; margin: 0px 2px;}
#middmenu #portfoliobutton .portfolioadd1 a{text-decoration:none;color:#000;}
#portfoliobutton .portfolioadd1 a :hover{text-decoration: none;color: #00add1;}
.portfolioadd1 img{position:relative;top:-1px;}
#middmenu #portfoliobutton .portfolioadd2{height: 27px;width: auto;border: 1px solid #B823FF; border-radius: 4px; display: inline-block;padding: 1px 5px; margin: 0px 4px;}
#middmenu #portfoliobutton .portfolioadd3{height: 27px;width: auto;border: 1px solid #9f423c; border-radius: 4px; display: inline-block;padding: 1px 5px; margin: 0px 4px;}
#portfoliobutton .portfolioadd-mob{height: 27px;width: auto;border: 1px solid #00add1; border-radius: 4px; display: inline-block;padding: 1px 5px; margin: 0px 8px;}

#middmenu .middmenubar .adddown1 ul li{display:block;margin: 0px 0px 0px 0px;padding: 4px 8px;position: relative;z-index: 1;border-bottom: 1px solid #cccccc;}
.dps{position: relative;right: -10px;}

.nameul{display:inline-block;}
.nameul2{display:inline-block;text-align:right;float:right;color:#00add1;text-decoration:underline;cursor:pointer;}
.nameul a {color: #000;}
#middmenu #portfoliobutton a:focus, a:hover{color:#00add1;background-color: transparent;}

.portfolioname_mob{position:relative;width:100%;min-height:32px;}
.portfolioadd_mob{height: 27px;font-size:14px; width: auto;border: 1px solid #00add1;border-radius: 4px;display: inline-block;padding:2px 7px; margin: 0px 0px;color:#000;}
.portfolioadd-mob1{height: 27px;width: auto;border: 1px solid #00add1; border-radius: 4px; display: inline-block;padding: 1px 5px; margin: 0px 4px;}

.mobdropdown{left:0;width:200px;}
.headinputbtn {width: 100%; display: inline-block; padding: 6px 8px; margin-bottom: 6px;background-color: #00add1 !important;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;border: 1px solid transparent;border-radius: 4px;}
.headinputbtn a{color:#FFFFFF;}
@media only screen and (min-width:1100px) and (max-width:1300px){
	/* #middmenu .menubartext2{font-size:16px;line-height:47px;color: #677B86;padding-right:6px;} */
	#middmenu #portfoliobutton .continubutton { font-size: 12px;}
}

@media only screen and (min-width:1024px) and (max-width:1100px){	
	#middmenu #portfoliobutton .continubutton{letter-spacing: 0;}
	#middmenu #portfoliobutton .portfolioadd1{padding: 1px 3px;}
	#middmenu #portfoliobutton .continubutton { font-size: 10px;}
	#middmenu .menubartext2 {font-size: 13px;    padding: 2px 3px 5px !important;}
}

.myaccount{width: 170px;white-space: nowrap;padding-right: 0;overflow: hidden;text-overflow: ellipsis;display: inline-block;}
@media only screen and (max-width:960px){

	#middmenu .middmenubar ul li {padding: 0px 8px;color: #000;}
	.portfolioname_mob .dropdown-menu {min-width:220px;z-index: 10;}
	.portfolioname_mob i.fa.fa-angle-down {position: relative;left: 4px;}
	.adddown1.dps {right: 0px;}
	.adddown1 ul li {display: block;margin: 0px 0px 0px 0px;padding: 5px 8px;position: relative;z-index: 1; border-bottom: 1px solid #cccccc;}
	.adddown1 .dropdown-menu>li>a {padding: 3px 2px;}
	
	#middmenu ::-webkit-scrollbar-thumb {background: #666 !important;border-radius: 8px;}
	#middmenu ::-webkit-scrollbar {width: 0.4em;height: 0.6em;}
	#middmenu ::-webkit-scrollbar-track {background: #333;border-radius: 4px;}

	#middmenu ::-moz-scrollbar {width: 0.4em;height: 0.6em;}
	#middmenu ::-moz-scrollbar-thumb {background: #666;border-radius: 8px;}
	#middmenu ::-moz-scrollbar-track {background: #333;border-radius: 4px;}
}



@media screen and (max-width:767px){
	.mojofeeds-banner{margin-top:80px;}

}