@import url(//fonts.googleapis.com/css?family=Montserrat:400,700);
/***************
 Author Swarna(swarnaprava@sdrc.co.in)
  *************/

/* login page css */
html, body {
	font-family: 'Montserrat', sans-serif !important;
}
.panel-heading {
    padding: 5px 15px;
}

.panel-footer {
	padding: 1px 15px;
	color: #A0A0A0;
}
.loginbtn
{
	display: none !important;
}

.profile-img {
	width: 96px;
	height: 96px;
	margin: 0 auto 10px;
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.loginBtn
{
	border-radius: 0;
    background: #333;
    border-color: #333;
    height: 40px;
    font-size: 16px;
}
.loginBtn:hover
{
	border-radius: 0;
    background: #333;
    border-color: #333;
    font-size: 16px;
}
.panelBox
{
	border-color: rgba(255,255,255,.15);
    border-radius: 0 !important;
/*     background: rgba(238, 238, 238, 0.24) !important; */
/*     margin-top: 83px; */
}
.panel.panel-default.panelBox
{
	margin-bottom: 0 ;
}

.cpisloginsvgheight
{
	 height: 92px;
    margin-left: 37%;
    margin-bottom: 5px;
}
.sign-up-title
{
	text-align: center;
	margin: 15px 0 15px 0px;
	color: #66bc29;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #fff !important;
    text-align: center;
    background-color: #66bc29 !important;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.ipadPotraitView
{
	margin-left: 32%;
    width: 35% !important;
    margin-top: 13px;
    line-height: 1.89;
}
.login-window
{
	margin-top: 25px;
}
.forgotPass
{
	color: #66bc29;
    text-decoration: none;
    cursor: pointer;
}
.forgotPass:hover
{
	color: #54aef6;
    text-decoration: underline;
    cursor: pointer;
}
.forgotPassUsername
{
/* 	float:left; */
	text-align: left;
}
.forgotPass-header
{
	background: #66bc29;
	text-align: center;
	color: #fff;
}
input#username,input#otp
 {
 	border-radius: 0;
}
.btn-default {
    color: #fff;
    background-color: #66bc29;
    border-color: #66bc29;
    width: 105px;
}
.btn-default:hover {
    color: #fff;
    background-color: #66bc29;
    border-color: #66bc29;
}
.modal-footer {
    padding: 15px;
    border-top: 1px solid #e5e5e5;
    text-align: center;
}
input#newpasswordId {
    border-radius: 0;
}
 .otpmatchedsign {
    position: absolute;
    display: inline-block;
    bottom: 10px;
}

.correctMark {
    width: 23px;
    height: 23px;
    right: 20px;
    bottom: 28px;
}
.invaliderrormsg
 {
    color: #ff6161;
    font-size: 12px;
    position: absolute;
    font-weight: 500;
    bottom: 84px;
    margin-left: 15px;
}
.exceptioinErrorBottom
{
	margin-bottom: -30px;
}
/****end login page css ******/


/****** header css *****/

.scpsTlogo
{
	float: left;
    margin: 5px;
    height: 70px;
    width: 70px;
}
.tamilGlogo
{
	float: right;
    margin: 5px;
    height: 70px;
    width: 70px;
}
.navMenus
{
    margin-top: 14px;
}
.scpsHeader
{
	float:left;
	margin-top: 30px;
}
.navbar-inverse {
    background-color: #54aef6 !important;
    border-color: #54aef6 !important;
    border-radius: 0 !important;
}
.navbar>.container-fluid .navbar-brand {
    margin-left: 0;
}
a.navbar-brand {
    margin-top: -19px;
    font-size: 28px;
    color: #fff !important;
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}

.headerinfo
{
	color: #fff;
}
.navHeaderCollapse2
{
	margin-top: 11px ;
}
.margintopFromheader
{
	margin-top: 50px;
}
/* a:link, a:active { */
/*     color: #ff8000; */
/*     text-decoration: none; */
/*     background-color: #54aef6 !important; */
/* } */
#cssmenu ul li.activePage a
 {
	font-weight: bolder !important;
    font-size: 16px;
 }
/*  .navbar-collapse { */
/*     width: 58% !important; */
/*  } */
/****** end header css *****/

/****** footer css *****/
.footer-bottom
{
	background-color: #66bc29;
	position:relative !important;
	width:100%;
	bottom:0 !important;
	 z-index: 500;
}
.foot_support
{
	color: #fff;
    font-size: 15px;
}
.alignwithBodyContainer
{
	padding: 0 30px;
}
.footer_mddl
{
	padding-top: 10px;
    text-align: center;
    padding-left: 0px;
}
span.blck_dse.text-center {
    color: #fff;
}
a.font_clr {
    color: #fff;
}
.footer_rght
{
	padding-top: 10px;
}
span.footerfont {
    color: #fff;
    
}
span.poweredbysdrc
{
	 color: #FFC107;
    font-weight: bold;
}
.footer_width
{
	bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 600;
    background: #54aef6;
}
.img_footr
{
	height: 20px;
    margin-top: -3px;
    margin-left: 2px;
}


/****** end footer css *****/

/******* data entry page css **********/


.mystyle {
    background-color: #fff !important;
}
.facilityDetails {
   margin-top: -90px;
    padding-left:0;
}

.facilityDetails ul
{
    list-style:none;
     padding-left:0;
}

.infodetails
{
	
}


.dataentry-serial
{
	position: relative;
	text-align: center !important;
}
.dataentry-indicatorName
{
	position: relative;
	text-align: center !important;
}
.dataentry-numeratorName
{
	position: relative;
	border-width: 1px 0px 1px;
	text-align: center !important;
}
.dataentry-numeratorValue
{
	position: relative;
	 text-align: center !important;
	 background-color: #428ead;
	 border: 1px solid #428ead;
}
.dataentry-denominatorName
{
	position: relative;
	border-width: 1px 0px 1px;
	text-align: center !important;
}
.dataentry-denominatorValue
{
	position: relative;
	 text-align: center !important;
	 background-color: #428ead;
	 border: 1px solid #428ead;
}
.dataentry-percentageValue
{
	position: relative;
	border-bottom: 1px solid #214757;
}
.dataentry-indicatorName-td
{
	text-align: left;
}
.dataentry-numeratorName-td
{
	border-width: 1px 0px 1px;
	 text-align: left;
}
.dataentry-numeratorValue-td
{
	border: 1px solid #a4cada;
	 border-bottom: 1px solid #909798;
	 
}
.dataentry-denominatorName-td
{
	border-width: 1px 0px 1px;
	 text-align: center;
}
.dataentry-denominatorValue-td
{
	border: 1px solid #a4cada;
	 border-bottom: 1px solid #909798;
}
.dataentry-percentageValue-td
{
/* 	background-color: rgba(33, 71, 87, 0.65); */
}
.profile-entry {
    margin: auto;
}

.profile-entry .table-responsive {
    margin: auto;
}
#profileTable {
    margin-bottom: 20px;
}
.pageNameContainer {
	position: absolute;
    top: -146px;
    right: -71%;
    padding: 6px 60px;
    background-color: #FFF;
    box-shadow: 0px 1px 5px 1px #CCC;
    height: 41px;
}
.submissionPageInfo {
	position: absolute;
    top: -146px;
    right: -71%;
    padding: 6px 60px;
    background-color: #FFF;
    box-shadow: 0px 1px 5px 1px #CCC;
    height: 41px;
}

.addingMisReportbar {
       height: auto;
    background-color: rgba(238, 238, 238, 0.4);
    margin-bottom: -127px;
    width: 97% !important;
    margin-left: 19px;
    top: 0px;
}
.monthInMis
{
    margin-left: 38px;
}
.pageNameContainerReport {
	position: absolute;
    top: -127px;
    right: 33px;
    padding: 6px 60px;
    background-color: #FFF;
    box-shadow: 0px 1px 5px 1px #CCC;
    height: 58px;
}
.submissionPageheader
{
	position: absolute;
    top: -82px;
    right: 32px;
    padding: 0 15px;
    background-color: #FFF;
    /* box-shadow: 0px 1px 5px 1px #CCC;
}

.monthSelection {
	text-align: center;
	margin-top: 38px;
}
.scps
{
    width: 100% !important;
}
.content div.table-responsive {
/* 	margin-top: 39px; */
/* 	width: 122%; */
/* 	margin-left: -11%; */
	position: relative;
	margin-bottom: 60px;
}
section.profile-section
{
	      margin-top: 10px;
}
.zero {
   text-indent: -7px;
}
.timeperiodWithoutBoxshdw
{
	box-shadow: none !important;
	bottom: 0;
}
.hiding-cursor
{
	font-size: 24px !important;
}
.errorOk
{
	margin-top: 10px;
    margin-bottom: 12px;
}

/******* end data entry page **********/


/******** start indicator management page css ********/

.addingIndicatorbar {
    height: auto;
    background-color: rgba(238, 238, 238, 0.4);
    margin-bottom: 20px;
    width: 97% !important;
    margin-left: 14px;
    top: -48px
}
.pageNameContainerIndicator
{
	position: absolute;
    top: -127px;
    right: 33px;
    padding: 0px 60px;
    background-color: #FFF;
    box-shadow: 0px 1px 5px 1px #CCC;
}
.pagenameIndicator
{
	margin-top: 9px;
}
.addingIndicator
{
	margin-top:30px;
}
.summaryAllbox
{
	margin-top: 40px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    cursor: default;
}
button.btn.btn-color.dropdown-toggle {
    background-color: #66bc29;
    color: #FFF;
    border-radius: 0px;
   margin-right: -1px;
/*     height: 32px; */
    width: 37px;
}
.indesktopView
	{
		margin-top: 2px !important;
	}
.labelFont
{
	margin-top: 5px;
    margin-right: -24px;
    font-size: 14px;
    color: rgb(39, 103, 134);
}

.select-container {
/* 	width: 235px; */
/* 	display: inline-block; */
	margin: 0 15px;
}

.subsector
{
	margin-left: -12px;
}
.margin-bottomCs
{
	margin-top: 40px;
}
.indicatorManuallyenteredBoxsize
{
	width: 205px !important;
}
.indicatorsInline
{
	display: inline-flex;
}
.marginFromLeft
{
	 margin-left: 87px;
}
.textHeadMargin
{
	margin-left: 14px;
}
.widthandMargin
{
	width: 84%;
    margin-top: -4px;
}
.publishYear
{
	margin-top: -34px;
    margin-left: 100%;
}
.publishMonthlabel
{
	padding: 0;
    margin-left: -13px;
    margin-right: -11px;
}

div.line-separator {
	height: 1px;
	background: #717171;
	border-bottom: 1px solid #9E9E9E;
}
.newindicatorSection
{
	margin-top:30px;
}
.indicator-width
{
	width: 163% ;
}
textarea#sector {
    height: 181px;
    background: #fff;
}
.metadataMargin
{
	margin-left: -15px;
	margin-top: 60px;
}
.submitIndicator
{
	border: none;
	background-color: #66bc29;
	font-weight: bold;
	font-size: 15px;
	padding: 11px 40px;
	margin-bottom: 56px;
	margin-top: 40px;
	
}

.paddingZero
{
	padding: 0;
}

.inicatorPadding
{
	padding-right: 30px;
}
.manuallyindicatorPaddingLeft
{
	padding-left: 0;
}
.denominatorPadding
{
	padding-left: 0;
    padding-right: 30px;
}

.margintopofMetaData
{
	margin-top:-40px;
	margin-left: 14px;
}

.rolemrgin
{
	margin-left: 200px;
}
.marginfromright
{
	margin-left: -150px;
}
.publishdatebox
{
	margin-left: -47px;
}

.indicatorBoxMarginTop
{
	margin-top: 34px;
}
textarea#meta-data {
    height:  182px;
    resize: none;
}
.indicatorTop
{
	margin-top: 20px;
}
.sectorleft
{	
	margin-left: 113px;
}
.subsectorleft
{
	 margin-left: -103px;
}

 input#subsector {
 width: 277px;
}
input
{
	color: #000 !important;
}
.mandatoryfields
{
	text-align: right;
	padding-right: 28px;
    top: -48px
}
.mandatory_star
 {
 	color: #cc0000;
 }
 .mandatoryfields>h5
 {
 color: red;
 }
 li.ui-menu-item a
  {
 	text-decoration: none !important;
  }
  
 li.ui-menu-item a:hover
 {
 	background-color: #54aef6;
 	margin-bottom: 1px;
 	width: 100%;
 	padding: 2px ;
 }
 
.fontsizeofStar
{
	font-size: 20px;
	font-weight: bold;
}
.mandatoryfieldsData
{
	text-align: right;
	padding-right: 4px;
	color: red;
}
.highisGood
{
	margin-top: 45px;
}
.high-is-good
{
	margin-top: -43px;
	    width: 124%;
}
.subgrouppadding
{
	padding-right: 9px;
}
.subgrouplistPadding
{
	padding-left: 23px;
}
.widthSubgroup
{
	width: 135%;
}
.highisgoodMargin
{
	margin-left: -40px;
}

.rolelableMarginipadportrait
{
	 margin-right: -8px;
}
.publishMonthwidthipadlandscpae
{
	    margin-right: -8px;
}
.yrlabelipadportrait
{
	 margin-right: -8px;
}

/******** end indicator management page css ********/

/********* start submission management page css ******/

.no_records
 {
	text-align: center;
	color: #eb2c0a;
	box-shadow: -1px 1px 11px 0px #9E9E9E;
	padding: 100px;}


.submissionPageInfo
{
    top: -146px !important;
    right: -71%;
}
.submissionfacilityDetails
{
	margin-top: -113px !important;
}

.submissionmgmt-serial
{
	position: relative;
	text-align: center !important;
}
.submissionmgmt-date
{
	position: relative;
	text-align: center !important;
}
.submissionmgmt-action-history
{
	position: relative;
	border-width: 1px 0px 1px;
	text-align: center !important;
}
.submissionmgmt-lastmodified
{
	position: relative;
	border-width: 1px 0px 1px;
	text-align: center !important;
}
.submissionmgmt-action-preview-edit
{
	position: relative;
	 text-align: center !important;
	 background-color: #428ead;
	 border: 1px solid #428ead;
}
.submissionmgmt-date-td
{
	text-align: center !important;
}
.submissionmgmt-action-history-td
{
	border-width: 1px 0px 1px;
	 text-align: center !important;
}
.submissionmgmt-last-modified-td
{
	border-width: 1px 0px 1px;
	 text-align: center !important;
}
.submissionmgmt-action-preview-edit-td
{
	 border: 1px solid #a4cada;
	 border-bottom: 1px solid #909798;
	 background-color: rgba(0,0,0,.0001) !important;
}

.btnMarginzero
{
	margin: 0 !important;
    width: 100%;
}
.submanagemnt>tbody>tr>td
{
	padding: 10px !important;
	font-size: 15px;
}
/* .submsnDetailsModal */
/* { */
/* 	top: -115px; */
/* } */
.submsnDetailsTableeModal
{
	width: 175%;
    margin-left: -229px;
}
.margin-topofInfo
{
	margin-top: 20px !important;
}
.close-button{
font-size: 27px !important;
    color: black !important;
    margin-top: -11px;
    margin-right: -7px;
}

/********* end submission management page css ******/


/********* start dashboard page css ********/

.dashboardbodyTop
	{
		margin-top: -40px !important;
	}
.form-control[readonly]{
    background-color: #fff;
    opacity: 1;
    border-radius: 0;
}
.mar-bot-15 {
	margin-bottom: 15px !important;
}

.mar-bot-10 {
	margin-bottom: 10px !important;
}

.mar-bot-5 {
	margin-bottom: 25px !important;
}

.mar-top-20 {
	margin-top: 20px !important;
}

.mar-top-15 {
	margin-top: 15px !important;
}

.mar-top-10 {
	margin-top: 10px !important;
}

.mar-top-5 {
	margin-top: 5px !important;
}

.exportshare-section {
	position: absolute;
	z-index: 99;
	right: -5px;
	top: 33px;
}


.angular-google-map-container {
	height: 450px;
	width: 100%;
}

.map-toggle-btn {
	bottom: 60px;
	height: 40px;
	left: 15px;
	position: relative;
	width: 40px;
	z-index: 999;
}

filter .form-control {
	background: #FA5050;
}

.icon {
	margin-left: 5.0px;
}

.left-div {
	float: left;
	position: absolute;
	z-index: 500;
	width: 19%;
	margin-top: 31px;
	margin-left: -6px;
}

.bar {
	margin-bottom: 0px;
}

.country:hover {
	stroke: #fff;
	stroke-width: 1.5px;
}


#map, #distmap {
	overflow: hidden;
}

.hidden {
	display: none;
}

div.tooltip {
	color: #222;
	background: #fff;
	padding: .5em;
	text-shadow: #f5f5f5 0 1px 0;
	border-radius: 2px;
	box-shadow: 0px 0px 2px 0px #a6a6a6;
	opacity: 0.9;
	position: absolute;
}

/* styles added on 21062014*/
.well-sm {
	border: 0px !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.side {
	background-color: #FA5050;
	padding: 2px 8px;
	display: inline-block;
	margin-bottom: 0px;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	font-size: 14px;
	line-height: 1.42857;
	-moz-user-select: none;
}

#search, #download, #upload {
	border-radius: 0px;
	padding: 1px 8px;
}

#upload {
	margin-top: 5px;
}

div.dataTables_paginate>ul>li {
	list-style-type: none;
	display: inline-block;
	margin: 0px 7px;
}

div.dataTables_paginate>ul>li>a {
	color: #FA5050;
}

#vets th {
	color: #FA5050;
	font-weight: normal;
	text-transform: uppercase;
}

/* pdf button styles added */
.btn-small:hover {
	background: #DF4040 !important;
}
/* home page styles */
.left_menu, .right_menu {
	margin: 20px 0px;
}

.pull-left-text {
	float: left;
}

.about_line-height {
	line-height: 1.8em;
	color: #333;
}

.about_lists {
	line-height: 1.8em;
}

.more_txt {
	color: #fa5050;
	font-style: italic;
	font-weight: bold;
	list-style-type: none;
}

.latest_news {
	margin-top: 50px;
}

.address-list li {
	margin: 10px 0px;
}

.absolute_text_chiefm {
	position: relative;
	right: 130px;
}

#about_para {
	width: 72%;
	text-align: justify;
}

.list-inline {
	display: inline;
}

.list-inline li {
	float: left;
	text-decoration: none;
	/* 	margin: 0 5px 10px 0; */
}

.download_ppt {
	display: none;
	padding: 10px 30px;
	background: #fa5050;
	opacity: 0.6;
	text-align: center;
}

a:hover {
	text-decoration: none;
}

.list-inline li:hover .download_ppt {
	display: block;
}

.list-inline li form button {
	border: 0;
}

.click_sam_dash {
	text-align: center;
	padding: 28px 0px;
	color: #333;
}

.click_CCE_dash {
	position: absolute;
	text-align: center;
	top: 30px;
	left: 45px;
	color: #333;
}

.hidden {
	display: none;
}

.button {
	padding: 6px 10px;
	background: #336699;
	color: #fff;
}

.button:hover {
	background: #1a3f91;
	cursor: pointer;
}

#uploadedFile {
	padding: 30px;
}

.ppts {
	display: block;
}

#message {
	margin-top: 20px;
}

.dashboard_icon {
	background-image: url('http://dashboard.scpsassam.org/resources/images/dashboard_icon.jpg');
	width: 129px;
	height: 129px;
}

/* scroller css added */
.not-selectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* dashboard related styles */
.background {
	fill: none;
	pointer-events: all;
}

#districts {
	fill: #aaa;
	stroke: #fff;
	stroke-width: 1px;
	stroke-linejoin: round;
	stroke-linecap: round;
}

#districts .active {
	/* 	fill: orange; */
	stroke: orange;
	stroke-width: 2;
}

#district-borders {
	fill: none;
	stroke: #fff;
	stroke-width: 1px;
	stroke-linejoin: round;
	stroke-linecap: round;
	pointer-events: none;
}

#sectors .navbar-default .navbar-nav>li>a.active, #sectors .navbar-default .navbar-nav>li>a:hover
	{
	color: green;
	outline: 0 none;
	background: #f1f1f1;
}

.trend-viz {
	background-color: #464646;
	border-radius: 5px 5px 0 0;
	bottom: 20px;
	height: 378px;
	margin-right: 5%;
	position: absolute;
	right: 0;
	width: 45%;
	color: white;
    z-index: 500;
}

.trend-viz .close {
	opacity: 0.9;
}

.trend-viz .uptrend {
	color: green;
}

.trend-viz .downtrend {
	color: red;
}

.trend-viz .container-fluid {
	margin-left: 5px;
}

.trend-viz .col-md-4 h3 {
	margin-top: 5px;
}

.trend-viz .left {
	text-align: left;
}

.trend-viz .middle {
	padding-top: 6px;
	text-align: center;
}

.trend-viz .middle .rank {
	font-size: 2em;
}

.trend-viz .right {
/* 	margin-top: -20px; */
    text-align: right;
    margin-left: -35px;
}

.trend-viz .right .glyphicon-arrow-up {
	font-size: 2em;
}

.trend-viz .right .glyphicon-arrow-down {
	font-size: 25px;
}

.animate-show {
	line-height: 20px;
	padding: 10px;
	border: 1px solid black;
	display: none;
	z-index: 999;
}

/* .animate-show .ng-hide, .animate-show.ng-hide-remove.ng-hide-remove-active */
/* 	{ */
/* 	-webkit-transition: all linear 0.5s; */
/* 	transition: all linear 0.5s; */
/* } */

/* .animate-show .ng-hide { */
/* 	line-height: 0; */
/* 	opacity: 0; */
/* 	padding: 0 10px; */
/* } */

#loading-bar .bar {
	top: 0px;
	background: none repeat scroll 0 0 #336699;
	position: absolute;
	height: 2px;
}

#loading-bar-spinner {
	top: 50%;
	left: 50%;
	margin: auto 0;
}

#loading-bar-spinner .spinner-icon {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	border: solid 3px transparent;
	border-top-color: #336699;
	border-left-color: #336699;
}

div.line-separator {
	height: 1px;
    background: #717171;
    border-bottom: 1px solid #54aef6;
    margin-top: 6px;
}

.topthree ul.topperformers, .topthree ul.bottomperformers {
	padding-left: 0px;
	font-size: 0.9em;
}

.topthree ul li {
	list-style: none;
}

.topthree div h4.top {
    color: #3ab54a;
    margin-bottom: 1px !important;
    font-size: 18px;
    font-weight: 600;
}

.topthree div h4.bottom {
    color: #fa5050;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: bold;
}

.selection-desc {
	float: right;
	margin-top: 115px;
	/* 	position: absolute; */
	right: -6px;
	text-align: right;
	/* 	font-size: 20px; */
	width: 88%;
}

.selectionPercent {
	margin-top: -65px;
	font-size: 13px;
}

.performerValue {
	font-size: 15px !important;
}

#pdfDownloadBtn {
	float: right;
	background: #54aef6;
    color: #fff;
}
i.fa.fa-share-square {
    margin-left: -31px;
    margin-right: 23px;
    font-size: 19px;
}
.publishBtn {
    float: right;
    width: 48%;
    margin-top: -110px;
    background: #54aef6;
    color: #fff;
}
.publishBtn:hover {
    color: #fff;
}
.btn-primary {
    color: #fff;
    background-color: #54aef6;
    border-color: #54aef6;
}

.selection-desc>h5 {
	display: inline;
	margin: 10px;
	color: #555;
	font-weight: bold;
	font-size: 15px;
}

.area_level {
	position: absolute;
	margin-top: 10px;
	z-index: 60;
	left: 150px;
}

.area_level li {
	padding: 0px;
	margin-right: 8px;
}

.area_level li a {
	background: #336699;
	color: #fff;
	border-top: 2px solid transparent;
	padding: 10px;
}

.area_level li a.active {
	background: none repeat scroll 0 0 #fff;
	color: #009999;
	border-top: 2px solid #336699;
	outline: 0 none;
}

.map_popover {
	background: url("../images/bg_overlay.png") repeat scroll 0 0
		rgba(0, 0, 0, 0);
	border-radius: 5px;
	color: #fff;
	display: none;
	font: italic 14px Georgia;
	left: 0;
	opacity: 0;
	padding: 10px 20px;
	position: absolute;
	text-align: center;
	top: 0;
	z-index: 1000;
}

.map_popover:after {
	background: url("../images/navbar_caret.png") no-repeat scroll 0 0
		rgba(0, 0, 0, 0);
	bottom: -5px;
	content: "";
	display: block;
	height: 5px;
	left: 45%;
	position: absolute;
	width: 13px;
}

.map_popover .flag {
	border: 1px solid #080719;
	display: inline-block;
	margin: 0 auto 5px;
	width: 15px;
}

.map_popover h3 {
	font: 21px 'oswaldlight';
	margin: 0;
	text-transform: uppercase;
}

.map_popover em {
	color: #00cc90;
}

.map_popover em.dark_green {
	
}

.map_popover .factor {
	display: block;
	padding-top: 5px;
	text-align: center;
}

.map_popover .factor em {
	padding-left: 10px;
}

.map_popover.animated {
	animation-duration: 0.25s;
}

.map_popover .see-index {
	border: 1px solid white;
	border-radius: 5px;
	color: #fff;
	display: block;
	font: 15px 'oswaldregular';
	margin: 15px 0 10px;
	padding: 7px 15px;
	text-align: center;
}

.map_popover .see-index:hover {
	text-decoration: none;
}

#districts .activehover {
	stroke: orange;
	stroke-width: 1.5;
	/* 	fill: orange; */
	stroke-opacity: .9;
}

.legends {
	bottom: 0;
	float: right;
	margin: 0 17px -105px 0;
	position: absolute;
	right: 70px;
	text-align: right;
	font-size: 13px;
	pointer-events: none;
    top: 70%;
}

i.fa.fa-lg.fa-calendar.timeperiodmenu {
	color: #fff !important;
	font-size: 16px !important;
}

i.fa.fa-calendar {
	color: #fff !important;
}

.legends h4 {
	margin-right: 0;
	font-size: 16px;
	font-weight: bold
}

.legends li {
	list-style: none;
	/* 	padding: 3px 0px 3px 10px; */
}

.legends .legnedblock {
	height: 20px;
	width: 20px;
	float: right;
	margin: 3px 0px 3px 10px;
}

.firstslices {
	fill: #d7191c;
	background-color: #d7191c;
}

.secondslices {
	fill: #fdae61;
	background-color: #fdae61;
}

.thirdslices {
	fill: #a6d96a;
	background-color: #a6d96a;
}

.fourthslices {
	fill: #1a9641;
	background-color: #1a9641;
}

.fifthslices {
	fill: #999;
	background-color: #999;
}
.sixthslices {
	fill: #cc7365;
	background-color:  #cc7365;
	
}

.domain {
	fill: none;
	stroke: #000;
	stroke-width: 1px;
}

.trend-header {
	float: left;
	list-style: none;
	widht: 90%;
	padding-left: 0;
}

ul.trend-header li {
	float: left;
}

#ind_drop {
	/* 	width: 300px; */
	max-height: 300px;
/* 	overflow: auto; */
	resize: both;
}

.legend_list {
	height: 30px;
}

.legend_key {
	float: none;
	height: 30px;
}

#right_exportshare {
	padding: 0px !important;
}

path:hover {
	cursor: pointer;
}

.of_txt {
	font-size: 20px;
}

.trend-viz {
	color: #f2f2f2;
}

.left-arrow, .right-arrow {
	width: 12px;
	font-size: 20px;
	text-align: center;
	color: #ababab;
}

.left-arrow:hover, .right-arrow:hover {
	opacity: 1;
}

.sectors {
	position: relative;
    margin: 33px 0;
	width: 80%;
	float: right;
}

.sector {
	margin: 0 auto;
	width: 98%;
	text-align: center;
}

.thumb {
	position: relative;
	width: 98%;
}

.sector_wrap {
	float: right;
	overflow: hidden;
	width: 98%;
    
}

.sectorlists {
	width: 3000px;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	position: relative;
	color: #202020;
	min-height: 40px;
	padding: 7px 0px;
}

.sectorlists a {
	color: #202020;
	margin: 10px 0;
	text-decoration: none !important;
	padding: 10px;
	font-size: 13px;
}

.sectorlists a:hover {
	color: #FF6600;
	outline: 0 none;
	min-height: 40px;
	background: #f1f1f1;
}

.sectorlists a.active {
	border-bottom: 2px solid #000000;
	background: #f1f1f1;
	outline: 0 none;
}

.sectorlist {
	float: left;
	list-style: none outside none;
	padding: 0;
}

.left-arrow {
	position: absolute;
	left: 0;
}

.right-arrow {
	position: absolute;
	right: 0;
}

.disable {
	cursor: default;
}

.aggr_success {
	padding-bottom: 10%;
	font-size: 18px;
}

.modal_cancel {
	float: left;
}

/* new home layout styles */
.mid-separation {
	padding: 10px 0px;
	position: relative;
	clear: both;
}

.min-height-150 {
	min-height: 150px;
}

.min-width-100 {
	min-width: 100%;
}

.text-left {
	text-align: left !important;
}

.carousel-indicators .active {
	background-color: #fa5050;
}

.pdfexport {
	border-radius: 0px;
	padding: 2px 8px;
}

#timeSelector select {
	padding: 3px 0px;
	cursor: pointer;
}
/* added for sliding img */
.topfooter {
	background-color: #fff;
	padding: 0px 0px;
}

.newsletter input {
	background: #23323a;
}

.footerfont {
	color: #7CA1B3;
	font-size: 15px;
}

.footerfont h4 {
	margin-bottom: 25px;
}

.bottomfooter {
	/* 	background-color: #141d22; */
	padding: 19px 0px;
}

/*  added for footer */
.postcontent {
	font-size: 15px;
	color: #bdd2dc;
	font-style: italic;
}

.blog-post {
	border-bottom: 1px solid #23323a;
	margin: 5px 0px;
}

.blog-post:last-child {
	border: medium none;
}

.iconcolor {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	color: #f1f1f1;
}

.iconcolor:hover {
	color: #1a3f91;
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
}

.mid-sec-bg {
	background-color: #fff;
	padding: 40px 0px;
}

.mid-sec-bg h4 {
	color: #333;
}

.mid_sec_icon {
	background-color: #336699;
	border-radius: 50px;
	color: #fff;
	display: inline-block;
	height: 100px;
	line-height: 120px;
	text-align: center;
	width: 100px;
	text-align: center;
	cursor: pointer;
}

.mid_sec_icon h5 {
	cursor: pointer;
}
/* mid section icon style */
.model_style {
	font-size: 36px;
	font-weight: 300;
	letter-spacing: -2px;
}

#model_facility h2 {
	margin-top: 0px;
}

/* . */
/* { */
/* color:#009999; */
/* } */
.menu-padding {
	padding-top: 0px;
}

/* styles added for top sec */
.evm-font-blue {
	color: #000000;
}

.evm-font-blue:hover {
	color: #1a3f91;
}

.evm-font-gray {
	color: #ccc;
}

.evm-gray {
	color: #858585;
}

#EVM_site_menu {
	padding: 10px 0px;
	background: #0dadad;
	/* 	background-image: -moz-linear-gradient(right center, rgba(0, 153, 153, 0.8) */
	/* 		20%, rgba(0, 153, 153, 0.8) 95%); */
	/* 	background-image: -ms-linear-gradient(right center, rgba(0, 153, 153, 0.8) */
	/* 		20%, rgba(0, 153, 153, 0.8) 95%); */
	/* 	background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 153, 153, 0.8 */
	/* 		)), to(rgba(0, 153, 153, 0.8))); */
	position: relative;
}

#EVM_site_menu h3, #EVM_site_menu h4 {
	color: #fff;
	cursor: pointer;
	margin-bottom: 10px;
}

#EVM_site_menu .site_menu {
	background-color: #009999;
	display: inline-block;
	height: 95px;
	padding-top: 30px;
	text-align: center;
	color: #fff;
	width: 95px;
	cursor: pointer;
}

#EVM_site_menu .site_menu .fa {
	margin-right: 0px;
}

#blogforum {
	padding: 30px 0px;
}

.carousel-control.left, .carousel-control.right {
	background-image: none;
	color: #336699;
}

.carousel-inner {
	margin: 0 auto;
	width: 75%;
}



.btn {
	border-radius: 0px;
}

#model_facility {
	padding: 40px 0px;
	background: #fcfcfc;
	border-top: 1px solid #eeeee;
	border-bottom: 1px solid #eeeee;
}


.imagezoom {
	border: 5px solid #f1f1f1;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.border {
	border-bottom: 1px solid #CCCCCC;
	margin: 5px 0px;
}

.tool_para {
	padding-bottom: 4px;
	padding-top: 2px;
}

.dropdown-menu {
	min-width: 0px;
	border-radius: 0;
}

.panel-group {
	margin-bottom: 0px;
}

.env_color {
	color: #f26d16;
}

.twitter_color {
	color: #56b4ef;
}

.fb_color {
	color: #3b5998;
}

#loader {
	padding: 4px 0px;
}

.tooltip-inner {
	background: none repeat scroll 0 0 #f9f9f9;
	border: 1px solid 336699;
	border-radius: 5px;
	position: absolute;
	width: auto;
	text-align: center;
	color: #202020;
	font-size: 10px;
	font-style: italic;
	padding: 5px;
	top: 0;
	margin-top: 5px;
}

.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #336699;
	border-width: 0 5px 5px;
	left: 25%;
	margin-left: 7px;
	top: 0;
}

div.tooltip-inner {
	width: 90px;
}

.btn-toolbar>.input-group {
	margin-left: 1px;
}

.panel {
	border: 0px;
}

.panel-title>a {
	line-height: 24px;
	font-size: 14px;
}

.panel-title>a>span {
	margin-right: 10px;
}

textarea {
	resize: none;
}

.nodata {
	display: none;
	position: absolute;
	top: 30%;
	left: 35%;
	background: #f1f1f1;
	border-radius: 4px;
	padding: 10px 40px 40px;
	z-index: 5000;
	color: gray;
	box-shadow: 5px 5px 5px #888888;
	-webkit-box-shadow: 5px 5px 5px #888888;
	-moz-box-shadow: 5px 5px 5px #888888;
	-ms-box-shadow: 5px 5px 5px #888888;
}

.nodata h3 {
	border-bottom: 1px solid #ccc;
	color: gray;
	padding-bottom: 10px;
}

.direction {
	bottom: -50px;
	float: right;
	margin: 0 25px 270px 0;
	position: absolute;
	right: 70px;
	text-align: right;
	font-size: 13px;
	pointer-events: none;
}

.bihar {
	/* 	fill: orange; */
	stroke: #3366FF;
	stroke-width: 2px;
}

.axis path, .axis line {
	fill: none;
	stroke: grey;
	stroke-width: 1;
	shape-rendering: crispEdges;
}

.legend {
	font-size: 15px;
	font-weight: bold;
	text-anchor: middle;
}

.topthree {
    top: 65%;
    bottom: 0;
    pointer-events: none;
    position: absolute;
    margin-bottom: 10px;
}

.subunit-label {
	fill: white;
	/*   fill-opacity: .5; */
	font-size: 12px;
	font-weight: 300;
	text-anchor: middle;
}

.demo {
	margin-right: 20px;
}

.bihar_line {
	font: 18px;
	/* margin: 470px 0px 2px -500px; */
	bottom: 30px;
	height: 0px;
	left: 518px;
	position: absolute;
	right: 0;
}

.topthree {
	
}

.show_smooth {
	display: block;
	opacity: 1;
	transition: display 3.5s linear 0s;
}

.about {
	word-wrap: break-word;
}

.btn-toolbar {
	margin-left: -1px;
}


.btn-sm, .btn-group-sm>.btn {
	border-radius: 3px;
	font-size: 12px;
	line-height: 1.5;
	padding: 5px 10px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak,
	.x-ng-cloak {
	display: none !important;
}

body {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

ul.multiselect-container.dropdown-menu {
	max-height: 300px;
	overflow-y: auto;
}

.multiselect-item {
	width: auto;
	margin: 0 10px;
}

.multiselect-item.filter>.input-group {
	width: auto;
}

.multiselect-item.filter>.input-group>.input-group-addon {
	border-radius: 0;
	border: none;
}

ul.multiselect-container.dropdown-menu li {
	width: auto;
	margin: 0 10px;
}

ul.multiselect-container.dropdown-menu li a {
	padding: 5px 5px;
}

ul.multiselect-container.dropdown-menu li a label {
	padding: 3px 20px;
}

.multiselect-div>.btn-group {
	width: 100%;
}

.multiselect-div>.btn-group>button {
	background-color: #f1f1f1;
	height: 34px;
	width: 100%;
	text-align: left;
}

.multiselect-div>.btn-group>button>b.caret {
	top: 16px;
	right: 7px;
	position: absolute;
}

.legendText {
	margin-top: 25px;
	padding: 0 !important;
}

.legendAttr {
	max-width: 15px;
	margin-top: 4px;
}

.input-group-addon {
	border-radius: 0;
}

.multiselect-container>li.active>a {
	background-color: transparent !important;
}

.select-container input {
	border: none;
	width: 100%;
	box-shadow: none;
	padding: 6px 10px;
	font-size: 14px;
	color: #555 !important;
	background-color: #f1f1f1;
	border-radius: 0;
}

.select-container button, .sdrc-multiselect button {
	padding: 6px 11px;
	background-color: #ecebeb;
}

.select-container button i, .sdrc-multiselect button i {
	margin-right: 0;
}

.sdrc-multiselect button {
	margin-top: -3px;
	margin-left: -4px;
}

.select-container .dropdown-menu {
	right: 0;
	left: auto;
/* 	background-color: #f1f1f1 !important; */
	border-radius: 0;
}

.select-container .dropdown-menu li {
	margin-left: 0;
}

.select-container .dropdown-menu li a {
	color: #555 !important;
	text-align: left;
}

.select-container .dropdown-menu li a:hover, .select-container .dropdown-menu li a:focus,
	.select-container .dropdown-menu li a:active {
	background-color: #f1f1f1 !important;
}
/**********************************sdrc multi select **********************************/
ul.optionsContainer {
	position: absolute;
	background: #f1f1f1;
	z-index: 333999;
	padding: 12px 10px;
	height: 250px;
	overflow-y: auto;
    width: 162px;
   
}

ul.optionsContainer li {
	list-style-type: none;
	color: #555;
	font-size: 14px;
}

input.selectedOptions {
	width: 130px;
	border: none;
	padding: 5px 15px;
	height: 32px;
	padding-right: 0;
/* 	background-color: #f1f1f1; */
	font-size: 15px;
	color: #555;
	border-radius: 0;
	box-shadow: 0px 0px 4px 2px #CCC;
}

table#indicatorData tr:nth-child(even) {
	background-color: #eee;
}

table#indicatorData tr:nth-child(odd) {
/* 	background-color: #DDD; */
}

/***********************************end************************************/


.trend_colChart
{
    padding: 20px;
    margin-left: -35px;
}


.hindi-border {
	border-right: 1px solid #444;
	/* 	 padding: 3px 5px 3px 5px; */
	height: 20px;
	margin-top: 4px;
}

.social-icons-border {
	/*     display: inline; */
	border-left: 1px solid #444;
	height: 20px;
	margin-top: 4px;
	margin-left: 4px;
}

.header-links li a {
	color: #777 !important;
	padding: 3px 5px 3px 5px;
}

.fa-lg {
	color: #fff;
}

.twt-lg {
	color: #337ab7 !important;
}

.header-search {
	margin-top: -6px !important;
	float: right;
}

.search-form input[type="search"] {
	height: 23px !important;
	width: 104px;
	border-radius: 4px 0px 0px 3px;
}

.search-form input[type="search"] {
	height: 32px;
	padding: 5px;
	font-weight: 100;
}

.assam-header {
	/* 	margin: -4px !important; */
	
}

.header-dropdown {
	background-color: #000000 !important;
}


.fixedHeader{
	position: relative;
/*     z-index: 9999; */
    margin-top: 30PX;
}

.assam-map {
	margin-top: 90px !important;
	    z-index: 99;
}

.loader {
  color: #1a486a;
  font-size: 20px;
  margin: 46vh auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
div#wrapper
{
	margin-bottom: 50px !important;
/* 	    margin-top: -31px; */
}


button.col-md-2.btn.btn-link.text-right.exportTableData {
    border: 1px solid #337ab7 !important;
    margin: 20px 0px 0px 241px;
    text-decoration: none;
    width: 14%;
}
.btnborder {
	border: 1px solid #ddd !important;
	font-size: 12px;
}

.btnClr {
	background-color: #46b8da !important;
}

button.col-md-4.btn.btn-link.text-right {
	color: #23527c;
	text-decoration: none;
	background-color: transparent;
	border: 1px solid #337ab7 !important;
	width: 14%;
	float: right;
	margin-right: 15px;
}

.indexTop {
	padding-top: 85px;
}

.labelFont {
	font-weight: 400;
}

h2.col-md-8.evm-font-blue.text-left {
	font-size: 27px;
	margin-left: -21px;
}

td.text-right.ng-binding {
	text-align: center;
	font-weight: 600;
}

.pdfdownloadTrend
{
	left: 0%;
    top: 76px;
    background-color: #464646 !important;
    border-color: #464646 !important;
    float: right;
    margin-left: 10px;
}

.pdfBtnforTrend
{
	margin-left: 320px;
}

.pdfdownloadTrend i.fa.fa-lg.fa-download {
    color: #ddbf2a;
    font-size: 25px;
/*     margin-left: 35px; */
}
.pdfdownloadTrend i.fa.fa-lg.fa-download:hover {
    color: #fff !important;
    font-size: 25px;
}

ul#indicatorWidth {
    left: -219px;
    width: 625px;
}
.thdiswidth
{
	width: 230px;
}

.xscroll
{
	overflow: auto;
    width: 1200px;
}

.xscroll div{
    overflow: auto;
    width: 1200px;
}


.exporttoxl
{
/* 	margin-top: 20px; */
}

.downloadPdfIndex
{
	margin-top: 20px 10px;
}

.pdfdownload
{
	margin-right: 10px;
}

label.ng-binding {
    font-weight: 400;

}

i.fa.fa-info-circle {
    font-size: 16px;
}


span.rank.uptrend.ng-binding {
	font-size: 25px;
	color: #ddbf2a;
}

span.rank.ng-binding {
	font-size: 25px !important;
}

.close {
	font-size: 19px !important;
	text-shadow: 0 0 0 #000 !important;
	font-weight: normal !important;
	color: #ddd;
}

.close:hover
 {
	color: #ddbf2a;
}

i.glyphicon.glyphicon-arrow-up.uptrend 
{
	font-size: 25px !important;
	color: #66bc29 !important;
}

g.y.axis
 {
	font-size: 14px !important;
}

g.x.axis
 {
	font-size: 14px !important;
}

#mapsvg
 {
	margin-left: -52px;
}

.assamMap
 {
	display: block;
	margin-top: -86px;
	width: 1000px !important;
}

.sectorList th
 {
	height: 250px;
}

.mobileSearch {
	display: none;
}

input#searchText {
	width: 75%;
}

.submitButton {
	margin-top: 27px;
}

.sectorList>thead>tr>th {
/* 	vertical-align: bottom !important; */
 width: 121px;
}

.indicatorTable {
/* 	padding-left: 0 !important; */
}

i.fa.fa-lg.fa-search {
	color: #fff;
}

ul#ind_drop {
	left: -205px;
}

ul#tp_drop {
	left: -160px;
}

.subSectorsMultiselect
{
	margin-left: 50px;
}


/********* end dashboard page ***********/

/****** start index page css ******/
#sectorSelection {
    height: 31px;
    background-color: #54aef6;
    border: none;
    color: #fff;
}
.static-header
{
	margin-right: 0 !important;
}
#sectorSelection>option {
    background: #fff;
    color: #54aef6;
}
.fixed_headers>tbody>tr>td, .fixed_headers>tbody>tr>th,
	.fixed_headers>tfoot>tr>td, .fixed_headers>tfoot>tr>th,
	.fixed_headers>thead>tr>td, .fixed_headers>thead>tr>th {
	    border: 1px solid #ddd !important;
	    padding: 10px;
	    font-weight: 600;
}
.fixed-headers2>tbody>tr>td, .fixed-headers2>tbody>tr>th,
	.fixed-headers2>tfoot>tr>td, .fixed-headers2>tfoot>tr>th,
	.fixed-headers2>thead>tr>td, .fixed-headers2>thead>tr>th {
	    border: 1px solid #ddd !important;
	    padding: 10px;
	    font-weight: 600;
}

.districtbtndsn
{
	height: 33px !important;
    margin-left: -3px !important;
    margin-top: -4px !important;
    width: 21% !important;
}
.table-bordered {
    border: 1px solid #ddd !important;
}
.submitButton {
    margin-top: 34px;
}
.indextopmargin
{
	margin-top: 80px;
}
.marginZero-in-index
{

	margin: 0 !important;
}

.col-md-12.col-xs-12.legendValueView {
    margin-left: 70px;
}
.submitbuttonIndex
{
	margin-left: 24px;
    width: 87%;
    font-size: 14px;
}
#cc th {
    min-width: 202px;
    font-weight: 600;
    font-size: 14px;
    color: rgb(39, 103, 134) !important;
}
/* .table-header-fixed{ */
/* 	max-height: 500px; */
/* } */
/* .table-header-fixed thead{ */
/* 	visibility: hidden; */
/* } */

/****** end index page css *******/


@font-face {
	font-family: Josefin Sans;
	src: url(../fonts/JosefinSans-Regular.ttf);
}

[ng\:cloak], [ng-cloak], .ng-cloak {
	display: none !important;
}

nav.navbar.nav-menu-container {
	background-color: #5FB255;
	border-radius: 0;
	color: #FFF;
	margin-bottom: 0;
	z-index: 9999;
}
ul.submenu li a:active {
    background-color: #5FB255;
}
#foot {
	z-index: 3030;
}

.headerinfo span {
	color: #f0a997;
}

.navHeaderCollapse2 a {
	color: #FFF;
}
.navHeaderCollapse2.navbar-menu-collapse.collapse.navbar-collapse {
    padding: 11px 0;
}
.logo-header {
    display: inline-block;
    margin-right: 10px;
}
/* .navbar-header { */
/* 	padding: 5px 0; */
/* } */

h4.headerinfo {
	letter-spacing: 2px;
	margin: 0;
	font-weight: bold;
}

section.bottomfooter {
	position: relative;
	background-color: #5FB255;
	color: #FFF;
	padding: 12px 0;
	z-index: 3030;
	bottom: 0;
	width: 100%;
}

section.bottomfooter * {
	color: #FFF;
}

ul.footer-menu {
	margin-bottom: 0;
}

.footer-menu li {
	list-style-type: none;
	display: inline-block;
	margin: 0 9px;
}

.footer-logo {
	display: inline-block;
	width: 35px;
	height: 35px;
	background-color: #FFF;
	border-radius: 50%;
	vertical-align: middle;
}

.footer-logo-container {
	position: absolute;
	top: 5px;
}

.copyright {
	margin: auto;
	width: 186px;
}
.loginPopBtn{
	display: none;
}
.loginPopBtn1
{

    top: 200px;;
    position: fixed;
    right: 0;
	
}
.loginPopBtn button {
/* 	position: fixed; */
	z-index: 3000;
	font-weight: bold;
/* 	right: 0; */
/* 	top: 40%; */
	border: none;
	padding: 0 18px 0 15px;
	height: 38px;
	color: #FFF;
    letter-spacing: 1px;
    background-color: #ce8835;
}

.loginPopForm {
	width: 251px;
	padding: 15px 30px;
	background-color: #BA9691;
	top: 40%;
	position: fixed;
	right: -251px;
	z-index: 3003;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.windows8header {
	position: absolute;
/* 	width: 66px; */
	height: 66px;
	margin: auto;
	left: 50%;
	top: 18%;
	-webkit-transform: translate(-50%);
	font-weight: bold;
	font-size: 20px;
}

.windows8 {
	position: absolute;
	width: 66px;
	height: 66px;
	margin: auto;
	left: 50%;
	top: 40%;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
}

.windows8 .wBall {
	position: absolute;
	width: 49px;
	height: 49px;
	opacity: 0;
	transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	animation: orbit 5.1425s infinite;
	-o-animation: orbit 5.1425s infinite;
	-ms-animation: orbit 5.1425s infinite;
	-webkit-animation: orbit 5.1425s infinite;
	-moz-animation: orbit 5.1425s infinite;
}

.windows8 .wBall .wInnerBall {
	position: absolute;
	width: 8px;
	height: 8px;
	background: rgba(0, 0, 0, 0.85);
	left: 0px;
	top: 0px;
	border-radius: 8px;
}

.windows8 #wBall_1 {
	animation-delay: 1.126s;
	-o-animation-delay: 1.126s;
	-ms-animation-delay: 1.126s;
	-webkit-animation-delay: 1.126s;
	-moz-animation-delay: 1.126s;
}

.windows8 #wBall_2 {
	animation-delay: 0.223s;
	-o-animation-delay: 0.223s;
	-ms-animation-delay: 0.223s;
	-webkit-animation-delay: 0.223s;
	-moz-animation-delay: 0.223s;
}

.windows8 #wBall_3 {
	animation-delay: 0.4465s;
	-o-animation-delay: 0.4465s;
	-ms-animation-delay: 0.4465s;
	-webkit-animation-delay: 0.4465s;
	-moz-animation-delay: 0.4465s;
}

.windows8 #wBall_4 {
	animation-delay: 0.6695s;
	-o-animation-delay: 0.6695s;
	-ms-animation-delay: 0.6695s;
	-webkit-animation-delay: 0.6695s;
	-moz-animation-delay: 0.6695s;
}

.windows8 #wBall_5 {
	animation-delay: 0.903s;
	-o-animation-delay: 0.903s;
	-ms-animation-delay: 0.903s;
	-webkit-animation-delay: 0.903s;
	-moz-animation-delay: 0.903s;
}

 @-moz-keyframes orbit {
        0% {
            opacity: 1;
            z-index:99;
            -moz-transform: rotate(180deg);
            -moz-animation-timing-function: ease-out;
        }
        7% {
            opacity: 1;
            -moz-transform: rotate(300deg);
            -moz-animation-timing-function: linear;
            -moz-origin:0%;
        }
        30% {
            opacity: 1;
            -moz-transform:rotate(410deg);
            -moz-animation-timing-function: ease-in-out;
            -moz-origin:7%;
        }
        39% {
            opacity: 1;
            -moz-transform: rotate(645deg);
            -moz-animation-timing-function: linear;
            -moz-origin:30%;
        }
        70% {
            opacity: 1;
            -moz-transform: rotate(770deg);
            -moz-animation-timing-function: ease-out;
            -moz-origin:39%;
        }
        75% {
            opacity: 1;
            -moz-transform: rotate(900deg);
            -moz-animation-timing-function: ease-out;
            -moz-origin:70%;
        }
        76% {
            opacity: 0;
            -moz-transform:rotate(900deg);
        }
        100% {
            opacity: 0;
            -moz-transform: rotate(900deg);
        }
    }

    @-webkit-keyframes orbit {
        0% {
            opacity: 1;
            z-index:99;
            -webkit-transform: rotate(180deg);
            -webkit-animation-timing-function: ease-out;
        }
        7% {
            opacity: 1;
            -webkit-transform: rotate(300deg);
            -webkit-animation-timing-function: linear;
            -webkit-origin:0%;
        }
        30% {
            opacity: 1;
            -webkit-transform:rotate(410deg);
            -webkit-animation-timing-function: ease-in-out;
            -webkit-origin:7%;
        }
        39% {
            opacity: 1;
            -webkit-transform: rotate(645deg);
            -webkit-animation-timing-function: linear;
            -webkit-origin:30%;
        }
        70% {
            opacity: 1;
            -webkit-transform: rotate(770deg);
            -webkit-animation-timing-function: ease-out;
            -webkit-origin:39%;
        }
        75% {
            opacity: 1;
            -webkit-transform: rotate(900deg);
            -webkit-animation-timing-function: ease-out;
            -webkit-origin:70%;
        }
        76% {
            opacity: 0;
            -webkit-transform:rotate(900deg);
        }
        100% {
            opacity: 0;
            -webkit-transform: rotate(900deg);
        }
    }

    @-ms-keyframes orbit {
        0% {
            opacity: 1;
            z-index:99;
            -ms-transform: rotate(180deg);
            -ms-animation-timing-function: ease-out;
        }
        7% {
            opacity: 1;
            -ms-transform: rotate(300deg);
            -ms-animation-timing-function: linear;
            -ms-origin:0%;
        }
        30% {
            opacity: 1;
            -ms-transform:rotate(410deg);
            -ms-animation-timing-function: ease-in-out;
            -ms-origin:7%;
        }
        39% {
            opacity: 1;
            -ms-transform: rotate(645deg);
            -ms-animation-timing-function: linear;
            -ms-origin:30%;
        }
        70% {
            opacity: 1;
            -ms-transform: rotate(770deg);
            -ms-animation-timing-function: ease-out;
            -ms-origin:39%;
        }
        75% {
            opacity: 1;
            -ms-transform: rotate(900deg);
            -ms-animation-timing-function: ease-out;
            -ms-origin:70%;
        }
        76% {
            opacity: 0;
            -ms-transform:rotate(900deg);
        }
        100% {
            opacity: 0;
            -ms-transform: rotate(900deg);
        }
    }

    @-o-keyframes orbit {
        0% {
            opacity: 1;
            z-index:99;
            -o-transform: rotate(180deg);
            -o-animation-timing-function: ease-out;
        }
        7% {
            opacity: 1;
            -o-transform: rotate(300deg);
            -o-animation-timing-function: linear;
            -o-origin:0%;
        }
        30% {
            opacity: 1;
            -o-transform:rotate(410deg);
            -o-animation-timing-function: ease-in-out;
            -o-origin:7%;
        }
        39% {
            opacity: 1;
            -o-transform: rotate(645deg);
            -o-animation-timing-function: linear;
            -o-origin:30%;
        }
        70% {
            opacity: 1;
            -o-transform: rotate(770deg);
            -o-animation-timing-function: ease-out;
            -o-origin:39%;
        }
        75% {
            opacity: 1;
            -o-transform: rotate(900deg);
            -o-animation-timing-function: ease-out;
            -o-origin:70%;
        }
        76% {
            opacity: 0;
            -o-transform:rotate(900deg);
        }
        100% {
            opacity: 0;
            -o-transform: rotate(900deg);
        }
    }

    @keyframes orbit {
        0% {
            opacity: 1;
            z-index:99;
            transform: rotate(180deg);
            animation-timing-function: ease-out;
        }
        7% {
            opacity: 1;
            transform: rotate(300deg);
            animation-timing-function: linear;
            origin:0%;
        }
        30% {
            opacity: 1;
            transform:rotate(410deg);
            animation-timing-function: ease-in-out;
            origin:7%;
        }
        39% {
            opacity: 1;
            transform: rotate(645deg);
            animation-timing-function: linear;
            origin:30%;
        }
        70% {
            opacity: 1;
            transform: rotate(770deg);
            animation-timing-function: ease-out;
            origin:39%;
        }
        75% {
            opacity: 1;
            transform: rotate(900deg);
            animation-timing-function: ease-out;
            origin:70%;
        }
        76% {
            opacity: 0;
            transform:rotate(900deg);
        }
        100% {
            opacity: 0;
            transform: rotate(900deg);
        }
    }
.loginPopForm h5 {
	margin-bottom: 20px;
}

.loginPopForm .input-field {
	border-radius: 0;
	border: none;
	text-align: center;
}

.loginPopForm button {
	width: 100%;
	border-radius: 0;
	border: none;
	color: #f0a997;
	background-color: #333a3b;
	height: 38px;
}

.loginPopForm button:hover {
	color: #f0a997;
	background-color: #333a3b;
}

.custom-close {
	position: absolute;
	font-size: 33px;
	right: 6px;
	top: -9px;
	z-index: 99999;
}

.forgotPass {
	cursor: pointer;
}


span.legacy.legnedblock {
    background-color: #99655F;
}
.slide-head {
	display: inline-block;
}

.slide-head-menu {
	padding: 7px 140px 7px 20px;
	background-color: #99655F;
	margin-right: 0;
	font-weight: bold;
}


ul.pageLinks.mainmenu li a .fa-chevron-down:before{
	    font-size: 10px;
}
ul.pageLinks.mainmenu li a i.fa-chevron-down{
	vertical-align: middle;
	font-size: 10px;
	/* Firefox */
	-moz-transition: all 1s ease;
	/* WebKit */
	-webkit-transition: all 1s ease;
	/* Opera */
	-o-transition: all 1s ease;
	/* Standard */
	transition: all 1s ease;
}
ul.pageLinks.mainmenu li a:focus, ul.pageLinks.mainmenu li a:active{
	text-decoration: none !important;
}
	
div#mymain {
	margin-top: 127px;
	margin-bottom: 44px;
	position: relative;
}
div#lineChartLandingPage h5 {
    font-size: 16px;
}
div#lineChartLandingPage h5 span {
    font-size: 28px;
}
.logo-text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 20px;
}
.link-container {
	padding: 25px 0px;
	background-color: #BA9691;
}


.select-container button, .select-container input {
	border-radius: 0;
}

.link-container a.active {
	background-color: #333a3b;
	color: #deb9c9;
}

.monthSelection .select-container input {
	background-color: #FFF;
	border: none;
	/* box-shadow: 0px 0px 9px 1px #CCC; */
	box-shadow: none;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

/*form Table*/
.tabs {
	position: absolute;
	top: 51%;
	left: 50%;
	height: 50%;
	min-width: 450px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	text-align: center;
	max-width: 992px;
}

.formTable .tabs label, .formTable .tabs #slider {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	background: transparent;
	color: #333a3b;
	width: 180px;
	height: auto;
	padding: 20px 0px;
}



.formTable .tabs [type=radio] {
	display: none;
}

.formTable .tabs .content {
	position: absolute;
	top: 50px;
	right: 0;
	bottom: 0;
	left: 0;
	background: transparent;
	padding: 22px;
	box-shadow: inset 0px 5px 5px -5px;
	display: none;
}

.formTable .tabs #slider {
	background-color: transparent;
	position: absolute;
	border-bottom: 3px solid #428EAD;
	margin: 7px 10px;
	transition: transform 0.5s;
	width: 140px;
	padding: 22px 0;
}

[type=radio], #r1:checked ~ #slider {
	transform: translate(-537px, 0px);
	-webkit-transform: translate(-537px, 0px);
}

[type=radio], #r2:checked ~ #slider {
	transform: translate(-351px, 0px);
	-webkit-transform: translate(-351px, 0px);
}

[type=radio], #r3:checked ~ #slider {
	transform: translate(-165px, 0px);
	-webkit-transform: translate(-165px, 0px);
}

[type=radio]:checked+label+.content {
	display: inline-block;
}

.engagementSelection {
	margin: 40px 0px;
}


.select-container2 {
	width: 284px !important;
	margin: auto !important;
}
.select-container3 {
	width: 250px !important;
	margin: auto !important;
}
.content-block3 .text-block h2 {
	font-weight: bold;
    position: relative;
    font-size: 2.1428em;
    line-height: 1.4em;
    color: #474747;
    text-transform: uppercase;
    padding: 0 0 15px;
    margin: 0 0 50px;
    border-bottom: rgba(224,224,224,1) solid 1px;
}
.animate-fadeInRight {
    position: relative;
    text-align: left;
}
.content-block3 .text-block h2:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    margin-bottom: -1px;
    width: 80px;
    height: 1px;
    background-color: rgba(71,71,71,1);
}
#fullpage .section, #fullpage .section .slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    min-height: 100vh;
}
.section.panel-3{
	    background-color: rgb(255, 255, 255);
    background-image: url(http://dashboard.scpsassam.org/resources/images/about-bg.jpg);
        background-size: 100% 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.inner-wrapper {
    padding: 0 15px;
}
.block-title {
    position: relative;
    display: table;
    width: 100%;
    margin: 48px 0px;
    overflow: hidden;
    z-index: 2;
}
.home-contact-panel .block-title {
    margin: 0 0 58px;
}
.line-before, .line-after {
    position: relative;
    display: table-cell;
}
.block-title h1 {
    display: table-cell;
    margin: 0;
    font-size: 2.1428em;
    font-weight: 800;
    text-transform: uppercase;
    color: #474747;
    line-height: 1.2em;
    padding: 0 10px;
    white-space: nowrap;
}

.dark .line-before:before, .dark .line-after:before {
        background-color: rgba(224,224,224,1);
}
.line-before:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 7px;
    background-color: rgba(224,224,224,1);
}
.line-before:after {
    position: absolute;
    content: '';
    width: 75px;
    height: 1px;
    right: 0;
    bottom: 7px;
    background-color: rgba(71,71,71,1);
}
.line-after:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 7px;
    background-color: rgba(224,224,224,1);
}
.line-after:after {
    position: absolute;
    content: '';
    width: 75px;
    height: 1px;
    left: 0;
    bottom: 7px;
    background-color: rgba(71,71,71,1);
}
.section.panel-7.home-contact-panel.dark {
    /* background-color: rgba(12, 99, 109, 0.73); */
        padding: 40px 0px;
}
.contact-info-text {
    display: table-cell;
    vertical-align: top;
    padding: 4px 0 0 20px;
    font-size: 1.1428em;
    line-height: 1.4em;
}
.dark .contact-info-text, .dark .contact-description {
    color: #333a3b;
}
.contact-info li {
    display: table;
    width: 100%;
    margin: 0 0 30px;
}
.box {
    margin: 0 0 30px;
}
.contact-info {
    list-style: none;
    margin: 0;
    padding: 0;
}
.contact-info-icon {
    display: table-cell;
    vertical-align: top;
    width: 50px;
}
.dark .contact-info-icon span {
    background-color: rgb(51, 58, 59);
}
.contact-info-icon span {
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 54px;
    border-radius: 50%;
    background-color: rgba(189,189,189,1);
}
.contact-info-icon i {
    font-size: 22px;
    color: #f0a997;
}


.select-container1 {
	width: 500px;
	margin: auto;
}
.img-container img{
	width: 73%;
    margin-top: 88px;
}
.img-container{
	text-align:center;
}
.box {
    margin: 0 0 30px;
}
.box.contact-form-wrapper {
    margin: 0 0 60px;
}
@media (min-width: 992px){
.box.contact-form-wrapper {
    margin: 0 0 30px;
}
}
.submit-form input, .submit-form textarea {
    padding: 1rem 1rem;
    border: 0;
    border-bottom: #777777 solid 1px;
    width: 100%;
    font-size: 1em;
    background-color: transparent;
}
.submit-form input {
    height: 50px;
}
.dark .submit-form input, .dark .submit-form textarea {
    color: #fff;
    border-bottom: #fff solid 1px;
}
.submit-form input ~ label, .submit-form textarea ~ label, .submit-form input ~ label, .submit-form textarea ~ label {
    font-size: 1em;
    color: #878787;
    padding: 15px 10px;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.frequency-data-collection .select-container .input-group-btn{
	width: 40px;;
        color: #333;
    font-size: 17px;
    text-align: center;
    position: static;
    background-color: #9e9e9e;
}


.contact-detail {
    padding: 18px 10px;
    margin-top: 36px;
}
.location {
    font-size: 17px;
    border-right: 1px solid #CCC;
}

.idea-modal {
	margin-top: 150px;
	border-radius: 0px;
	width: 600px;
/* 	height: 630px; */
}

.idea-modal-header {
	text-align: center;
/* 	border-bottom: 1px solid; */
	margin-bottom: 10px;
	font-weight: bold;
}
#addIdea
{
	z-index:9999;
}
.indicator-dropdown {
	max-height: 200px !important;
	max-width: 500px !important;
	overflow: auto !important;
	right: 0;
	left: auto;
}

.corearea-dropdown {
	right: 0;
	left: auto;
}

.corearea-dropdown1 {
	max-height: 350px;
	max-width: 400px;
	overflow: auto;
}
.change-dropdown
{
	max-width: 200px;
	
}
.ideamodal-input {

	background-color: rgba(66, 142, 173,0.3);
	border: none;
	resize: none;
	overflow: hidden;
	word-wrap: break-word;
    height: 100px; 
    width: 100%;
    padding: 10px;
/* 	padding-left: 15px; */
/* 	width: 300px; */
/* 	height: 150px; */
/* 	margin-left: 100px; */
}

.ideamodal-submit {
	color: #fff;
	background-color: #214757;
	margin-top: 16px;
	border: none;
	width: 120px;
	height: 43px;
/* 	margin-left: 16px; */
}

.toggle-menu {
	background-color: #333a3b;
	color: #f0a997;
}

.addpdsabutton {
	background-color: #214757;
	/* position: absolute; */
	margin-top: 36px;
	text-align: center;
	width: 150px;
/* 	margin-left: 500px; */
	display: block;
/* 	padding: 3px 18px; */
}

.addpdsabutton h4 {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
}

.addpdsabutton a {
	color: #FFF;
	padding: 3px 18px;
    display: block;
}

.pdsa-table {
	text-align: left !important;
	padding: 20px !important;
}

.pdsa-modal-table {
	width: 80% !important;
	margin-left: 140px;
	margin-top: 50px;
}

.pdsa-modal-table1 {
	width: 87% !important;
    margin-left: 13% !important;
	/* margin-top: 40px !important; */
}

.pdsaname-modal {
	margin-top: 100px;
	margin-left: 40px;
}

.pdsaSubmit-modal {
	margin-top: -20px;
	margin-left: 152px;
}


.modal-content1 {
	border-radius: 0;
	box-shadow: none;
	border-bottom: none;
	/* background: url("http://dashboard.scpsassam.org/resources/images/SCSL_website_bg.jpg") repeat fixed center; */
}

.modal-upload {
	position: absolute;
	right: 100%;
	height: 58px;
	padding: 15 16px;
	top: -9px;
	border-right: 1px solid #9da0a0;
	border: none;
	    margin-top: -10px;
}


.modal-upload-div {
	position: relative;
	/* width: 100%; */
	margin-left: -8px;
	    
}

.close-pdsa-border {
	border-bottom: 1px solid;
	margin-bottom: 40px;
	font-weight: bold;
}

.close-pdsa-div {
	margin-bottom: 20px;
/* 	text-align: right; */
/* 	margin-left: 150px; */
}
.close-status
{
	margin-left: -56px !important;
}
.close-pdsa-submit {
	margin-top: 2px;
	margin-left: 15px;
}
.close-btn-pdsa
{
	margin-top: 50px;
}
.close-input {
	width: 231px;
	background-color: rgba(222, 185, 201, 0.55);
	border: none;
	height: 33px;
	padding-left: 15px;
/* 	margin-left: -123px; */
}
#closePdsaForm label, .pdsa-main-margin label{
	cursor: default;
}
.contact-form-section .input-contact {
    width: 100%;
    border: none;
    background: rgba(240, 191, 127, 0.57);
    padding: 6px 12px;
        margin-bottom: 15px;
}
.contact-form-section .textarea-contact {
    width: 100%;
    resize: none;
    border: none;
    background-color: rgba(152, 176, 224, 0.53);
    padding: 7px 10px;
    height: 119px;
}
.contact-form-section .textarea-contact:focus, .contact-form-section .textarea-contact:active, .contact-form-section .input-contact:focus, .contact-form-section .input-contact:active {
    border: none;
    box-shadow: none;
    outline: 0 none;
}
.recaptcha-checkbox-border{
	box-shadow: 0px 0px 0px 2px #ccc !important;
}
.g-recaptcha {
    transform-origin:0 0;
}
input.submit-contact.input-contact {
    background-color: #f0a997;
    font-weight: bold;
}
.close-textarea {
	margin-left: 38px !important;
}

.close-upload {
	width: 22px;
	cursor: pointer;
	background-color: #deb9c9;
	padding: 11px 5px 12px 4px;
	padding: 0px -6px;
	margin-bottom: 3px;
}

.addpdsabutton a:hover {
	text-decoration: none;
	color: #FFF;
}

#lastdoc-upload {
	visibility: hidden;
}

#otherdoc-upload {
	visibility: hidden;
}
#data-upload
{
	visibility: hidden;
}


div#viewDataEntryModal {
	overflow-y: auto;
	overflow-x: hidden !important;
}
.reportSection {
    margin-top: 100px;
}
.reportSection1{
	
	margin-top: 40px;
	
}
.historicalDataSection
{
	margin-top: 90px;
	
}
.report-dropdown
{
	max-width: 201px;
	max-height: 300px !important;
}
button.downloadReport {
    border: none;
    margin: 0 4px;
    background-color: #214757;
    font-weight: bold;
    font-size: 17px;
    padding: 7px 30px;
    margin-bottom: 56px;
    color: #FFF;
    margin-top: 50px;
    width: 150px;
}


.not-visible-input1 {
	border: none;
	width: 150px;
	text-align: center;
	box-shadow: none;
	color: #000 !important;
	font-weight: bold;
	background-color: #eaeaea;
	border-radius: 0;
}

.not-visible-input1::-webkit-input-placeholder {
	color: #000 !important;
	font-weight: bold;
}

.not-visible-input1:-moz-placeholder { /* Firefox 18- */
	color: #000 !important;
	font-weight: bold;
}

.not-visible-input1::-moz-placeholder { /* Firefox 19+ */
	color: #000 !important;
	font-weight: bold;
}

.not-visible-input1:-ms-input-placeholder {
	color: #000 !important;
	font-weight: bold;
}
.reset-button
{
	width: 20px;
    display: inline-block;
    margin: 0 15px;
}
i.fa.fa-undo {
    color: #FFF;
}




[data-tip] {
	position: relative;
}

[data-tip]:before {
	content: '';
	/* hides the tooltip when not hovered */
	display: none;
	content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #1a1a1a;
    position: absolute;
    top: auto;
    bottom: 35px;
    left: 50%;
    z-index: 9;
    font-size: 0;
    line-height: 0;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    width: 0;
    height: 0;
}

[data-tip]:after {
	display:none;
	content: attr(data-tip);
    position: absolute;
    top: auto;
    bottom: 45px;
    border-radius: 0px;
    left: 0px;
    padding: 5px 15px 20px;
    background: #000;
    color: #FFF;
    z-index: 99999;
    font-size: 14px;
    height: auto;
    width: 100%;
/*     overflow: auto; */
    line-height: 20px;
    box-shadow: 0px 0px 2px 2px #000;
	/* white-space:nowrap; */
	word-wrap: break-word;
}



[data-tip]:hover:before, [data-tip]:hover:after {
	display: block;
}

.tooltip-inner {
	background-color: #333a3b !important;
	color: #fff !important;
	width: 100%;
	z-index: 5555;
/* 	margin-top:-30px; */
}
.tooltip-inner p {
    margin-bottom: 3px;
    text-align: center;
}
.report-margin{
	margin-bottom: 20px;
/*     width: 430px; */
	
}

/*********************Planning****************************/


input[type="radio"][disabled='disabled']+label span, input[type="radio"][disabled='disabled']+label
	{
	cursor: default;
}
/********************************************************/

/*************************radio button*******************************/
input[type="radio"] {
	display: none;
}

input[type="radio"]+label {
	color: #f0bf7f;
	font-size: 14px;
}

input[type="radio"]+label span {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	cursor: pointer;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

input[type="radio"]+label span {
	background-color: #CCC;
}

input[type="radio"]:checked+label span, input[type="radio"][checked="checked"]+label span
	{
	background-color: #f0bf7f;
}

input[type="radio"]+label span, input[type="radio"]:checked+label span {
	-webkit-transition: background-color 0.4s linear;
	-o-transition: background-color 0.4s linear;
	-moz-transition: background-color 0.4s linear;
	transition: background-color 0.4s linear;
}
/*******************************/
.engagementScoreTable thead tr th, .scps thead tr th {
	text-align: left;
	border-bottom: none;
	background: #66bc29;
    border: 1px solid #66bc29 !important;
        font-size: 16px;
}

.engagementScoreTable thead tr th:last-child, .scps thead tr th:last-child
	{
	text-align: center;
}

.table-bordered {
	border: 1px solid #333a3b;
}

.modal-content {
	border-radius: 0;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th,
	.table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th,
	.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
/* 	    border: 1px solid #ddd; */
	    border: 1px solid;
	    padding: 10px;
	    font-weight: 500;
}

button.submitEngagementScore, button.submitSCPS, button.submitSCSL {
	border: none;
	background-color: #66bc29;
	font-weight: bold;
	font-size: 15px;
	padding: 11px 40px;
	margin-bottom: 56px;
	color: #fff;
}

button.submitEngagementScore[disabled], button.submitSCPS[disabled],
	button.submitSCSL[disabled] {
	background-color: #b9bdbf !important;
}

.select-container .input-group {
	box-shadow: 0px 0px 4px 2px #CCC;
}

.select-container .input-group button {
	background-color: #333a3b;
	color: #f0a997;
}

.alreadySubmitted {
	color: #f1d189;
	letter-spacing: 0.5px;
}

.alreadySubmitted.submissionApproved {
	color: #68a200;
}

.alreadySubmitted.submissionRejected {
	color: #f07258;
}

.alreadySubmitted.submissionPending{
	color: #8a98f7;
}

.submissionPath {
	text-align: left;
	position: absolute;
	padding: 7px 0;
	font-weight: bold;
}

.remarks {
	margin-top: 30px;
	margin-bottom: 15px;
}

div#addIndicatorModal button.btn.errorOk {
	color: #FFF;
    background-color: #214757;
	padding: 6px 25px;
	font-size: 16px;
}

div#errorMessage, div#warningMessage, div#infoMessage, div#warningMessageSncuSubmit, .confrirmation-modal,
	div#pop, div#pop1, .standard-modal, .sampleModal, .confrirmation-modal, div#warnLargeFrequency {
	z-index: 12000;
	background: rgba(0, 0, 0, 0.39);
}
div#updateinfoMessage
{
	z-index: 12000;
	background: rgba(0, 0, 0, 0.39);
}

div#updateinfoMessage .modal-dialog
{
	margin-top: 15%;
}
div#updateinfoMessage button
{
	border-radius: 0;
	background-color: #333a3b;
	color: #FFF;
	margin-top: 20px;
}

div#updateinfoMessage a {
	color: #fff;
	background: #54aef6;
	margin-bottom: 15px;
}
div#updateinfoMessage .modal-body, .remarkModal .modal-body {
	padding: 0;
}

div#updateinfoMessage .modal-dialog
	{
	max-width: 450px;
}


div#errorMessage .modal-dialog, div#infoMessage .modal-dialog, div#warningMessage .modal-dialog,
	div#warningMessageSncuSubmit .modal-dialog, .confrirmation-modal .modal-dialog, div#pop .modal-dialog, .addIndicatorSuccess .modal-dialog, .addIndicatorSuccess .modal-dialog, div#pop1 .modal-dialog, .sampleModal .modal-dislog
	{
	margin-top: 15%;
}
.confrirmation-modal button:hover{
	color: #f0c658;
}
.scps td, .pdsaSummaryTable td, .submissionTable td, .pdsa-modal-table1 td, .engagementScoreTable td {
	vertical-align: middle !important;
}

.pdsaSummaryTable td:first-child {
	text-align: left;
}

.scps td:first-child {
	text-align: center !important;
}

#confirmAddIndicator .modal-dialog .modal-body ul,#errorMessage1 .modal-dialog .modal-body ul {
	overflow: auto;
	background-color: #f7f7f7;
	padding: 15px 25px;
}

div#errorMessage button, div#addIndicatorModal button, div#warningMessage button, 
	div#infoMessage button, div#warningMessageSncuSubmit button, .confrirmation-modal button, div#confirmAddIndicator button,
	div#pop button, .addIndicatorSuccess button, .addIndicatorSuccess button, div#pop1 button, .standard-modal button, #errorMessage1 button{
	border-radius: 0;
	background-color: #333a3b;
	color: #FFF;
	margin-top: 20px;
}
#errorMessage1 button
{
	    color: #f07258;
	    margin-bottom: 5px;
}
#errorMessage1 li {
    list-style-type: square !important;
    text-align: left;
    margin-top: 5px;
}
.select-container .input-group input {
	border: none;
	box-shadow: none;
	background-color: #FFF;
}

.axis path, .axis line {
	fill: none;
	stroke: #000;
}

#rext0 {
	display: none;
}

h5.district-heading span {
	font-size: 22px;
	font-weight: bold;
}

.engagementScoreTable tbody tr:nth-child(even), .scps tbody tr:nth-child(even)
	{
	background-color: rgba(204, 204, 204, 0.6);
}

.engagementScoreTable tbody tr:nth-child(odd), .scps tbody tr:nth-child(odd)
	{
	background-color: rgba(240, 240, 240, 0.7);
}



.pageNameContainer h4 {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
}


.approvalSection th {
	min-width: 150px;
}

.scps td {
	text-align: left;
}

input.tableInput {
	height: 80px;
	background: transparent;
	border: none;
	vertical-align: middle;
	font-size: 30px;
	max-width: 109px;
	text-align: center;
	font-weight: 500;
}

input.tableInput1 {
	height: 40px;
	background: transparent;
	border: none;
	vertical-align: middle;
	font-size: 16px;
	max-width: 150px;
	text-align: center;
	font-weight: bold;
}

input.tableInput:focus, input.tableInput:active, input.tableInput:hover,
	input.tableInput1:focus, input.tableInput1:active, input.tableInput1:hover
	{
	border: none;
	outline: none;
}

.addIndicatorContainer {
	position: absolute;
	right: 0;
	background-color: #214757;
    color: #FFF;
    letter-spacing: 1px;
	top: 1px;
	width: 150px;
	text-align: center;
	z-index: 55;
	cursor: pointer;
}

.addIndicator h5 {
	font-weight: bold;
}

div#addIndicatorModal h4 {
	padding-bottom: 4px;
	width: 50%;
	border-bottom: 1px solid #333;
	display: inline-block;
}

.addIndicatorCustom {
	display: block;
	margin: auto;
	margin-top: 30px;
}

div#confirmAddIndicator li,#errorMessage1 li {
	list-style-type: decimal;
	text-align: left;
}

#addIndicatorModal table th {
	background-color: #214757;
}

#addIndicatorModal table tr:nth-child(even) {
	background-color: #ececec;
}

input.tableInput::-webkit-outer-spin-button, input.tableInput1::-webkit-outer-spin-button,
	input.tableInput::-webkit-inner-spin-button, input.tableInput1::-webkit-inner-spin-button
	{
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0;
	/* <-- Apparently some margin are still there even though it's hidden */
}

#viewSubmissionModal .modal-dialog, #viewLogModal .modal-dialog {
	width: 100%;
	margin-top: 74px;
	z-index: 999999;
	margin-bottom: 44px;
	overflow: auto;
}

#viewSubmissionModal .modal-dialog .modal-content, #viewLogModal .modal-dialog .modal-content
	{
	border: none;
}

#viewSubmissionModal {
	z-index: 3020;
}

#modal-upload {
	display: none;
}

#viewLogModal {
	z-index: 3020;
}

#viewLogModal .modal-dialog {
	background-color: #FFF;
	overflow: auto;
}

#viewLogModal .modal-dialog .modal-content {
	box-shadow: none;
	border-bottom: none;
}
/***************popup modal******************/
#addIndicatorModal, #confirmAddIndicator {
	z-index: 9999;
	overflow-y: auto;
}

#pop a, .addIndicatorSuccess a, #pop1 a {
	background-color: #333a3b;
	color: #aedc5c;
	margin-top: 15px;
}
.formTable .table>tbody>tr>td, .formTable .table>tbody>tr>th, .formTable .table>tfoot>tr>td, .formTable .table>tfoot>tr>th, .formTable .table>thead>tr>td, .formTable .table>thead>tr>th {
    border: 1px solid #909798;
}
.formTable .table>thead>tr>th {
    border-top: 1px solid #909798 !important;
}
.addIndicatorSuccess a:hover {
    background-color: #333a3b;
    color: #aedc5c;
}
button.saveProfile[disabled], button.resetProfile[disabled] {
    background: #808384;
}
.inputBox {
/* 	background-color: rgba(45, 139, 179, 0.4); */
}

.loaderMask {
	display: none;
}
th {
    color: #FFF;
}
.loaderMaskSubmission {
	display: none;
}


/******************************************/

.sorting1 {
	float: right;
	position: relative;
	cursor: pointer;
}

.sorting1 i {
	
}
.errorMessage-modal .modal-body {
    padding: 0px;
}
.errorMessage-modal
{
	padding: 0;
	padding-bottom: 20px;
	z-index: 12000;
	background: rgba(0, 0, 0, 0.39);
	border-radius: 0;
	color: #333a3b;
	margin-top: 20px;
	
}

div#warningMessage .modal-body, div#warningMessageSncuSubmit .modal-body, .confrirmation-modal .modal-body,
	div#errorMessage .modal-body, div#pop .modal-body, .addIndicatorSuccess .modal-body, div#pop1 .modal-body
	{
	padding: 0;
	padding-bottom: 20px;
}

div#warningMessage button, div#warningMessageSncuSubmit button, .confrirmation-modal button {
	color: #f0c658;
}

div#pop a, div#pop1 a, .addIndicatorSuccess a {
	color: #aedc5c;
}

div#submissiondetailsModal button, div#infoMessage a {
	color: #fff;
	background: #54aef6;
	margin-bottom: 15px;
}
.remarkModal button {
    color: #e08c48;
    border-radius: 0;
    background-color: #333a3b;
    margin: auto;
    display: block;
    margin-bottom: 15px;
    margin-top: 15px;
}
.remarkModal button:hover{
	color: #e08c48;
}
div#infoMessage .modal-body, .remarkModal .modal-body {
	padding: 0;
}

.infohead {
	background-color: #98b0e0;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 12px;
	font-size: 19px;
}
.remarkhead{
	background-color: #e08c48;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 12px;
	font-size: 19px;
	    text-align: center;
}

div#confirmAddIndicator button {
	color: #98b0e0;
}

.warnhead {
	background-color: #f0c658;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 12px;
	font-size: 19px;
}

.errorhead {
	background-color: #f07258;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 12px;
	font-size: 19px;
}

.successhead {
	background-color: #aedc5c;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 12px;
	font-size: 19px;
}

.carousel-control.right, .carousel-control.left {
	background-image: none;
}

i.hiding {
	display: none;
}

#loader-mask {
	z-index: 9999;
}
#loader-mask-submission {
	z-index: 9999;
}

.pdsaSummaryTable tbody:before, .submissionTable tbody:before {
	content: "-";
	display: block;
	line-height: 10px;
	color: transparent;
}

.warnbody, .errorbody, .successbody {
	font-size: 15px;
	padding: 5px 25px;
}
.warnbody1
{
	overflow-y:scroll;
	height:330px;
	width:721px;
}
.warnbody2
{
	color: green;
}
.publshbtn
{
	margin-top: 29px;
    margin-bottom: 3px !important;
}
.modal-dialog1
{
	width:730px !important;
}
.pdsaSummaryTable tbody, .submissionTable tbody {
	height: 100px;
	overflow-y: scroll;
}

.legends {
    background: none repeat scroll 0 0 white;
    font-size: 1em;
    margin-right: 1%;
    padding-right: 3.5%;
    right: 40px;
    text-align: right;
    bottom: 25px;
    z-index: 555;
}

#confirmAddIndicator .modal-body {
	padding: 0;
	padding-bottom: 20px;
}

.legend_list {
	height: 30px;
	list-style: none;
}

.horizontal-legends .legend_list {
	display: inline-block;
}

.horizontal-legends .legend_key {
	margin-left: 7px;
	font-weight: bold;
}

.legends .legnedblock {
	height: 20px;
	width: 20px;
	float: right;
	margin: 3px 0px 3px 10px;
}

.horizontal-legends .legnedblock {
	height: 15px;
	width: 15px;
	float: left;
	margin: 3px 0px 3px 10px;
}

.firstslices {
	fill: #d7191c;
	background-color: #d7191c;
}

.yellow {
    fill: rgb(206, 136, 53);
    background-color: rgb(206, 136, 53);
}


.blue {
	fill: #5FB255;
    background-color: #5FB255;
}

.pink {
    fill: #ef5b4a;
    background-color: #ef5b4a;
}

.green {
    fill: #ef5b4a;
    background-color: #ef5b4a;
}
.red {
    fill: #99655F;
    background-color: #99655F;
}
.auto-approve{
	fill: #428EAD;
    background-color: #428EAD;
}
.pitch {
    fill: #46803D;
    background-color: #46803D;
}

.headFacilityName {
	border-bottom: 1px solid #333a3b;
}

.facilityList {
	border-right: 1px solid #333a3b;
}

.submissionTable td div.Pending {
	background-color: #ce8835;
	height: 23px;
}

.submissionTable td div.Rejected {
	background-color: #ef5b4a;
	height: 23px;
}

.submissionTable td div.Approved {
	background-color: #5fb255;
	height: 23px;
}
.submissionTable td div.Legacy {
	background-color: #99655F;
	height: 23px;
}
.submissionTable td div.Auto-approved {
	background-color: #428EAD;
	height: 23px;
}

.horizontal-legends ul {
	padding-left: 0;
}

.submissionTableSection {
	margin-top: 84px;
}
.charLeft{
	margin-top: -24px;
    margin-right: 10px;
        font-size: 12px;
    color: #7a7577;
}
div#warningMessage .modal-dialog, div#infoMessage .modal-dialog, div#warningMessageSncuSubmit .modal-dialog, .confrirmation-modal .modal-dialog,
	div#errorMessage .modal-dialog, div#pop .modal-dialog, .addIndicatorSuccess .modal-dialog, div#pop1 .modal-dialog
	{
	max-width: 450px;
}
.textarea-length {
    			-webkit-transition: height 0.2s;
				-moz-transition: height 0.2s;
				transition: height 0.2s;
			}

.submission-view {
	padding-top: 2px;
	padding-bottom: 5px;
	border-radius: 0;
	font-weight: bold;
	line-height: 1;
	background-color: #5fb255;
	color: #000;
}

.open .dropdown-menu {
	max-height: 350px;
	overflow: auto;
}

.impNote {
	text-align: left;
	padding-left: 30px;
	margin-top: 20px;
	color: #f07258;
}

.submission-view.latest {
	background-color: #5fb255;
}

.approvalSection {
	margin-top: 40px;
}

.welcome-user {
	display: inline-block;
	padding: 7px;
}
td.errorFound{
	background-color: #f07258;
}

td.warned{
	background-color: #f0c658;
}
div#errorMessage button {
	color: #f07258;
}
.reportSelection {
    margin-top: 45px;
}
.open ul.dropdown-menu {
    right: 0;
    left: auto;
    border-radius: 0;
}
.hideTooltip:before, .hideTooltip:after{
	display: none !important;
}

.header-fixed-table{
	max-height: 500px;
	overflow: auto; 
}
/**********************************Firefox Format****************************************/

@-moz-document url-prefix() {

    table th{
    	position: static !important;
    }
    .sorting1 {
	    float: none;
	    position: relative;
	    cursor: pointer;
	    display: inline-block;
	}
	.footer_width 
	{
    bottom: -23px;
	}
	
}

/****************************************************************************************/

/**********************************IE 10 & 11 *******************************************/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	table th{
    	position: static !important;
    }
    
    body.xoverflowHidden{
    	overflow-x: hidden;
    }
   .inicatorPadding
   {
   	padding-right : 16px !important;
   }
   
    .hiding-cursor{
    	pointer-events:none;
    }
    input[readonly]{
    	pointer-events:none;
    }
    /**** dashboard ****/
    .legends
     {
     	width: 15%;
	}
    
    /**** end dashboard *****/
    
    /**** start index ****/
   
	#sectorSelection>option:hover
     {
    	background: #54aef6;
    	color: #fff;
    	border:1px solid #54aef6;
	}
    
    /***** end index *****/
}

/****************************************************************************************/

/***************** Microsoft Edge Browser 12+ (All) - @supports method ******************/

@supports (-ms-ime-align:auto) {
  	table th{
    	position: static !important;
    }
    
    body.xoverflowHidden{
    	overflow-x: hidden;
    }
    .pdsaSummaryTable tbody::before, .submissionTable tbody::before{
    	content: none;
    }
    .pdsa-table img{
    	height: 20px;
    }
}

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


/* Safari only override */
 ::i-block-chrome,body {
	background: none;
}
::i-block-chrome,.navHeaderCollapse2{
		width: 60%;
	}
::i-block-chrome,.content{
		border-top: 1px solid #DDD;
	}
::i-block-chrome,.content div.table-responsive table{
		margin-bottom: 60px;
	}
::i-block-chrome,.infohead img, .warnhead img, .errorhead img, .successhead img {
	width: 25px !important;
	height: 28px;
	/* margin-right: -24px; */
}	
::i-block-chrome,#modal-upload{
	display: block !important;
	visibility: hidden;
}
::i-block-chrome,.down-up-icon{
	height: 40px;
}

}

/*********************Landscape view for ipad************************/

@media ( max-width : 1024px)
 {
 
 /****** start indicator management page ******/
	.sectorleft {
    margin-left: 0;
    width: 37%;
	}
	textarea#meta-data {
    height: 230px;
    resize: none;
	}
	.ipadLandscpaeView
	{
		margin-left: 34px;
	}
	.ipadlandscpaeViewhighzgd
	{
	 	padding: 0;
   		margin-right: -9px;
	}
	.rolemrgin
	 {
    	margin-left: 101px;
	}
 	.publishdatebox
	 {
    	margin-left: 0;
	}
	.marginfromright
	 {
    	margin-left: -28px;
	}
	.publishMonthwidthipadlandscpae
	{
		 width: 38%;
	}	
	.widthinlandscapeipad
	{
		width: 143%;
	}
	
  /***** end indicator management page ******/
  
  /******* login page *****/
  
	.cpisloginsvgheight 
	{
        margin-left: 134px;
	}
	.panel.panel-default.panelBox
	{
		margin-left: -60px;
	}
	.welcome-user {
		display: none;
	}
	button.plan-next{
	 	margin-left: 0px !important;
	}
	.ipadPotraitView
	 {
    margin-left: 35%;
	}
	.loginPage 
 	{ 
  		position: fixed !important; 
  		bottom: 0; 
  		width: 100%; 
 	} 
	
/**** end login page  *****/

/***** start submission management page  *****/

	.submsnDetailsTableeModal 
	{
    	width: 157%;
    	margin-left: -171px;
	}

/***** end submission maangement page******/

/****** start dashboard page *******/

	button.col-md-4.btn.btn-link.text-right 
	{
    margin-right: 15px !important;
	}
	input.selectedOptions {
		width: 102px
	}
	#mapsvg {
    margin-left: -130px;
		}
	.sdrc-multiselect button {
    margin-top: -3px;
    margin-left: -6px;
    height: 32px;
	}
	ul.optionsContainer
	 {
    width: 133px;
	}
	.areaofTrackwidth
	 {
    width: 18%;
	}
	.legendValueView {
		padding: 0 !important;
		margin-left: 38px;
		margin-top: 2px;
		margin-bottom: 7px;
	}
	.legendText {
		margin-top: 27px;
	}
	.legendQuality {
		width: 34%;
		padding-left: 12px;
	}
	.exportToexcel {
		margin-right: 20px;
	}
	
	.legends
	{
		margin: 0 -42px 10px 19px;
	}
	.direction
	 {
    margin: 0 -30px 270px 0;
	}
	.trend-viz
	 {
    z-index: 600;
    width: 50%;
	}
	.left h3
	{
		font-size: 18px;
	}
	span.rank.ng-binding 
	{
    font-size: 23px !important;
	}
	.pdfdownloadTrend 
	{
       left: -24%;
	}
	.pdfdownloadTrend i.fa.fa-lg.fa-download
	 {
    	font-size: 20px;
    	margin-left: -11px;
	}
	button.col-md-2.btn.btn-link.text-right.exportTableData
	 {
    margin: 21px 1px 0px 175px;
	}
	

/****** end dashboard page css ******/

/****** start index page *******/

.static-header
 {
 	 margin-right: -7px !important;
 }
th.text-center.labelFont.thdiswidth
 {
    width: 136px !important;
}
.static-header-container {
    border: 1px solid #ddd !important;
}
.sdrc-multiselect {
    box-shadow: 0px 0px 4px 2px #CCC !important;
    border: 1px solid #ddd !important;
}

/****** end index page *******/

	
}

/******* tablet landscape ******/
@media ( max-width : 991px)
 {
 
 /***header***/
 .navbar-default .navbar-nav li a {
    margin-right: 0 !important;
}
 
 /**end header ***/
 
 /****** indicator management *******/
 
 .sectorleft
 {
 	float: left;
 }
 .labelSubsctIntablet
 {
 	float: left;
 }
 .subsectorleft 
 {
    margin-left: -68px;
}
.margin-topIpad
{
	 margin-top: 107px;
}
.denominatorPadding
{
   width: 26% !important;
    padding-right: 37px !important;
    float: left !important;
}
.input-group.indicator-width.denominatorwidth-mobile
 {
    margin-left: -1px;
}
.indicator-width {
    width: 110% !important;
}
.input-group.metadataWidth {
    width: 93% !important;
}
.pageNameContainerReport {
    top: -178px !important;
}
.rolemrgin
 {
    margin-left: 6px;
}
.publishdatebox
 {
    margin-left: -20px;
}
.widthinlandscapeipad
 {
    width: 94%;
}
.widthSubgroup 
{
    width: 100%;
}
.unitLeftMarginIpad
{
	margin-left: -23px;
    margin-right: 20px;
}
.manuallyindicatorPaddingLeft
{
	     margin-left: 14px;
}
.tabletViewlandscpaeindctr
	{
/* 		margin-left: 15px; */
	}
	.metadataMargin
	 {
       margin-left: -3px;
	}
	.margintopofMetaData
	{
		 top: 0;
	}
	textarea#meta-data
	 {
    	height: 115px;
    	resize: none;
	}
	.ipadPotraitView
	 {
    	margin-left: 35%;
	}
	.cpisloginsvgheight
	 {
    	margin-left: 95px !important;
	}
	.indicatorBoxMarginTop
	 {
    	margin-top: 103px;
	}
	.tabletMarginleft
	{
		margin-left: 0;
	}
	.pageNameContainerIndicator {
    top: -162px !important;
    }
 
 /******* end indicator management ******/
 
 /***** start submission management page ******/
 
 .submsnDetailsTableeModal 
 {
    width: 100%;
    margin-left: 0;
  }
  .submissionPageInfo {
    top: -38px !important;
    right: 0;
}
div#mymain {
    margin-top: 163px;
}
section.profile-section {
    margin-top: 100px;
}
 
 /***** end submission management page ******/
 
 /******* start dashboard page ******/
 
 .assamMap {
    width: 860px !important;
   margin-top: 30% !important;
}
 
 nav.navbar.navbar-inverse
 {
 	width: 102% !important;
 }
 .topthree
  {
       top: 99% !important;
 }
 .legends 
 {
  top: 97% !important;
}
/*  .footer_width { */
/*     bottom: 0px !important; */
/*     position: relative !important; */
/*     width: 102% !important; */
/* } */
 .dashboardbodyTop {
    margin-top: -40px !important;
    width: 96% !important;
}
 .selectionPercent
  {
        margin-top: -40px !important;
    font-size: 13px;
 }
 .direction {
    bottom: -262px !important;
    right: 59px !important;
}
.left-div 
{
    width: 60% !important;
}
.exportshare-section 
{
    top: 24px;
}
div#trendDiv 
{
    top: 62%;
}
 /******* end dasboard page *******/
 
 /***** start index page *****/
 
 .indextopmargin 
 {
    margin-top: 50px;
    width: 84%;
 }
 
 button.col-md-2.btn.btn-link.text-right.exportTableData
  {
    margin: 19px 1px 0px 227px !important;
    width: 15% !important;
  }
  span.glyphicon.glyphicon-share
   {
    margin-left: -4px;
   }
   .indexTop
    {
    padding-top: 25px ;
	}
 input.selectedOptions
  {
    width: 196px;
  }
  .districtbtndsn
   {
    height: 32px !important;
    margin-left: -1px !important;
    margin-top: -3px !important;
    width: 16% !important;
	}
	input.selectedOptions
	 {
    height: 28px;
    /* background-color: #f1f1f1; */
    /* box-shadow: 0px 0px 4px 2px #CCC; */
	}
	.submitButton
 	{
    	/* margin-top: 34px; */
    	margin-left: 79%;
 	}
	.col-md-12.col-xs-12.legendValueView 
	{
    	margin-left: 18px;
	}
   .static-header-container {
    margin-right: 5px !important;
	}
	.districtTableWidth
	{
		width: 80%;
	}
	.paddingTop34 
	{
    	width: 80%;
	}
	button.col-md-4.btn.btn-link.text-right
	 {
    	width: 15%;
	}
	.areaofTrackwidth
	 {
    	width: 22%;
	}
	.fixedHeader 
	{
    	padding: 0;
	}
 /****** end index page ******/
 
 /***** start login page ******/
 
 .scpsLogoHeadInfo {
    width: 100%;
}
 
 /****** end login page ******/
 
 /***start data entry ***/
 
 .pageNameContainer {
    top: -182px;
    right: 0;
 }
 .facilityDetails {
    margin-top: -145px !important;
    padding-left: 0;
}
 .monthSelection
 {
 	margin-top: -60px;
 }
 section.dataentry-table {
    margin-top: -10px;
}
 /****end data entry ****/
 .footer-unicef {
    text-align: left !important;
}
.footer-sdrc {
    text-align: right !important;
}
}

/****** end tablet landscape ******/

 /********ipad portrait view **********/
 
 @media ( max-width : 768px)
  {
  
  .navbar-default .navbar-nav li a {
    margin-right: 6px !important;
        padding: 11px 18px !important;
}
  
  /***** login page ********/
  
  .ipadPotraitView
  {
  	margin-left: 264px !important;
  	margin-top: 85px !important;
  }
  .headerinfo
{
	margin-top: 9px !important;
}
panel.panel-default.panelBox 
{
     margin-left: 0 !important;
}
.cpisloginsvgheight {
     margin-left: 103px !important;
    height: 79px !important;
}
 .loginPage 
 	{ 
  		position: fixed !important; 
  		bottom: 0; 
  		width: 100%; 
 	} 
 /***** login page ********/ 
 
 /****** data entry page *******/
 
.pageNameContainer {
     margin-top: 21px !important;
    right: 0% !important;
}
 .mandatoryfieldsData
 {
 	margin-top: 25px !important;
 }
 .timeperiodWithoutBoxshdw {
    bottom: 0 !important;
}

.facilityDetails {
    margin-top: -55px;
    padding-left: 0;
}
 
 /******* end data entry page *******/
 
 /******* indicator management page ********/
 .tabletMarginleft {
    margin-left: 0;
}

 .subsectorleft
 {
 	margin-left: -47px !important;
 }
 .sectorleft
 {
 	margin-left: 4px !important;
 }
/*  .sectrboxinIpadview */
/*  { */
/*  	 width: 235px !important; */
/*  } */
 .indicator-width {
        width: 109% !important;
}
.publishdatebox, .rolemrgin, .marginfromright {
    margin-left: 0 !important;
}
 .mandatoryfields
 {
 	margin-bottom: -15px !important;
    padding-right: 10px !important;
 }
 .widthSubgroup {
    width: 90% !important;
}
.subgroupMargin
{
	 margin-left: 30px !important;
}
.unitLeftMarginIpad
{
	 margin-left: -19px !important;
}
.margin-topIpad
{
	 margin-top: 150px !important;
}
.lineseparatorBottom
{
	 margin-top: 7px !important;
}
 .margin-topAllinone {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
}
 .denominatorPadding
 {	
 	padding-left: 14px !important;
 }
 .publishMonthwidthipadlandscpae
 {
 	width: 62% !important;
 }
 .widthinipadPublishdate
 {
 	width: 62% !important;
 }
 .subgrouppadding
  {
    margin-left: 23px !important;
   }
   .unitLabelinIpadportrait
   {
   		margin-left: 14px !important;
   }
   .ipadlandscpaeViewhighzgd
   {
   		margin-left: 28px !important;
   }
   .rolelableMarginipadportrait
   {
   		margin-left: 30px !important;
   }
   .yrlabelipadportrait
   {
   		 margin-left: 29px !important;
   }
   .widthinlandscapeipad
   {
   	width: 150% !important;
   }
   .manuallyindicatorPaddingLeft
    {
    margin-left: 16px !important;
	}
	.tabletViewlandscpaeindctr, .metadataMargin 
	 {
    margin-left: 0 !important;
	}
	.margintopofMetaData
	 {
    	top: 0 !important ;
	}
	
/******* end indicator management page ********/
	
/* 	.open ul.dropdown-menu { */
/*     	max-width: 300px; */
/*     } */
   
	button.plan-next{
	 	margin-left: 0px !important;
	}
	.statusdate-font,.statusdate-font{
		text-align:center;
	}
	.trip-calender{
		margin-left: 115px;
	}
	
	/**** start dashboard page ****/
	
	.assam-map
	 {
		margin-top: 352px !important;
       	margin-left: 0;
       	    width: 100% !important;
	 }
	 .assamMap
 		{
	display: block;
	margin-top: -86px;
	width: 700px !important;
		}
	.topPerforme768 {
		display: inline-block;
		margin-right: 20px;
	}
	.topthree
	 {
    top: 37%;
    left: 4%;
	}
	
	.trend-viz
	 {
    height: 40%;
    width: 60%;
    z-index: 500;
    bottom:0;
	}
	.left h3 {
		font-size: 15px;
	}
	.trend-viz .middle {
    padding-top: 0;
	}
	.trend-viz .middle .rank {
		font-size: 15px !important;
	}
	
	.trend-viz .middle {
		text-align: left;
	}
	#trendsvg {
		font-size: 11px !important;
		margin: 36px 8px 0 41px;
	}
	
	button.col-md-4.btn.btn-link.text-right {
		width: 17%;
	}
	
	.timeperiodWidth {
		margin-left: -18px;
	}
	.submitBtn {
		margin-top: 12px;
		float: right;
		margin-right: 18px;
	}
	
/* 	.legendValueView { */
/* 		display: inline-flex; */
/* 		margin-left: 44px !important; */
/* 	} */
	
	.exporttoxl {
		margin-right: 18px;
	}
	.sector_wrap{
	
/* 	margin-top: -50px; */
	}
	
	.legends
	 {
    	bottom: 0 !important;
    	float: right !important;
    	margin: 0 27px 10px 0 !important;
    	position: absolute !important;
    	right: -31px !important;
    	text-align: right !important;
    	font-size: 13px !important;
    	pointer-events: none !important;
    	top: 35% !important;
    	background: none !important;
    	top: 35% !important;
    	background: none !important;
    	width: 352px !important;
    	z-index:1;
	}
	#legendsection ul
	{
		display: inline-flex !important;
	}
	.legends li 
	{
    	list-style: none;
    	padding: 3px 0px 3px 10px  !important;
	}

	.direction
	{
		margin: 0px -54px 445px 0 !important;
	}
	#mapsvg 
	{
		margin-left: -260px !important;
    	margin-top: 61px !important;
	}
	ul#indicatorWidth 
	{
		left: -390px;
    	width: 600px !important;
    	z-index:999;
	}
	.pdfdownloadTrend
	 {
    	left: 0;
    	top: 0;
	}
	.exporttoxl
	 {
   	 	margin-top: 0;
	}
	g.x.axis
	 {
   		 font-size: 12px !important;
	 }
	 svg#mapsvg 
	 {
    	width: 1026px !important;
	 }
/* 	.legends h4 { */
/*  	width: 100%; */
/*     margin-top: -18px; */
/* 	} */
.left-div
 {
    float: left;
    position: absolute;
    z-index: 500;
    width: 60%;
    margin-top: 31px;
    margin-left: -6px;
}
.img_footr {
    height: 17px !important;
}
#right_exportshare
 {
    margin-top: -12px;
}
.selection-desc
 {
    margin-top: 90px;
}
	/**** end dashboard page *****/
	
/* start index page */

.legendQuality {
		padding-left: 5px !important;
		margin-top: 2px;
		width: 46%;
	}
#sectorSelection {
    margin-left: -78px;
}
button.col-md-4.btn.btn-link.text-right {
    
    margin-right: 20px;
}
button.col-md-2.btn.btn-link.text-right.exportTableData span
	{
		margin-left: -7px;
	}
	.trend-viz .right {
    margin-top: -36px;
	}

	.indextopmargin
	 {
    	margin-top: 50px;
	}
	button.col-md-2.btn.btn-link.text-right.exportTableData
	 {
    	width: 20%;
	}
	.indexTop 
	{
    padding-top: 20px;
	}
	.page-header1 
	{
    	padding-bottom: 12px;
	}
	input.selectedOptions
	 {
    	width: 178px;
    	border-radius: 0px;
	}
	
    button#distListBtn
    {
    	width: 18% !important;
    	margin-left: -4px !important;
	}
	.col-md-2.col-sm-4.col-xs-6.multiselect-div
	 {
    	padding-left: 6px;
	}
	.sdrc-multiselect
	 {
    box-shadow: 0px 0px 4px 2px #CCC !important;
    border: 1px solid #ddd !important;
    width: 95% !important;
	}
	.submitButton
	 {
    margin-top: 0px;
    margin-left: 85%;
	}
	.legendText {
		display: inline-flex;
		margin-left: -16px !important;
    	margin-top: 35px;
	}
	ul.optionsContainer
	 {
    width: 215px;
    ba: #fff;
    background: #fff;
    border: 1px solid #ddd;
	}
	.areaofTrackwidth 
	{
    width: 34% !important;
	}
	#sectorSelection 
	{
    	border: 1px solid #ddd !important;
    	border-radius: 0 !important;
	}
	.legendQualityValue{
	padding-right: 0;
    padding-left: 17px !important;
    margin-top: -13px;
	}
	.col-md-12.col-xs-12.legendValueView 
	{
    margin-left: 36px !important;
	}
	/***** end index page *****/
	/**** start submission mgmt page *****/
	
	div#record_found {
		top: 100px;
	}
	
	.submissionPageInfo
	{
		margin-top: 21px !important;
    	 right: 0% !important;
	}
 }

	/***** end submission mgmt page*****/
 
 
 /********** end ipad portrait view ********/
 
/********start tablet portrait*******/

@media ( max-width : 608px)
  {
  /**** header ******/
  .navbar-toggle {
    padding: 0 0 !important;
  }
  .nav>li {
    	margin-right: 0 !important;
	}
	.navbar-nav {
    	margin-left: 0;
    	background: #66bc29;
	}
	.navbar-nav>li {
    	float: none !important;
    	margin-right: 0 !important;
	}
	
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    	margin-top: -7px !important;
    	padding: 0 !important;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
    border-top: 1px solid #000;
    width: 112%;
    margin-left: -31px;
}
  .navbar-header
  {
  	 margin-top: 1px !important;
  }
  .navbar-right
  {
/*   	display: inline-flex !important; */
/*     margin-left: 163px !important; */
    margin-bottom: 12px !important;
     }
     .col-md-6.col-xs-12.navHeaderCollapse2 
     {
    margin: -10px !important;
		}
		.widthintab
		{
			width: 33% !important;
		}
  .mandatoryfields
  {
  	 margin-top: 10px !important;
    margin-bottom: 3px !important;
  }
  nav.navbar.navbar-inverse 
	{
    	width: 100% !important;
	}
	/***** end header ******/

	/***** footer ******/
	.footer-unicef {
    text-align: center !important;
}
	.copyright-txtt p {
		margin-top: 4px !important;
	}
	.footer-sdrc {
		padding: 0 !important;
    text-align: center !important;
	}
	p.footer-sdrc {
    margin-left: -70px !important;
    margin-top: -12px !important;
}
	.alignwithBodyContainer 
    {
   		 padding: 0 18px !important;
	}

	.loginPage
	{
    	bottom: 0 !important;
    	position: fixed !important;
    	width: 100%;
    	z-index: 600;
    	background: #54aef6;
	}
  /***** end footer ******/
  
  /***** for login page ********/
  .ipadPotraitView
  {
    margin-left: 37% !important;
  }
  .cpisloginsvgheight
  {
  	margin-left: 82px !important;
    height: 73px !important;
  }
  
  /***** end login page *****/
  
  /***** start indicator management page *******/
  
  .metadataMargin {
    margin-left: 0 !important;
    margin-top: 35px;
  }
  .highisgoodMargin
   {
    	margin-left: 137px !important;
    	margin-bottom: 17px;
   }
	.marginfromright
	 {
	    margin-left: 118px !important;
	}
	.sectorleft
	{
		text-align: left !important;
		float: left !important;
/*     	width: 20%; */
	}
	.sectorboxinTabletView
	{
		padding: 0 !important;
   	 	margin-left: -80px !important;
    	width: 53% !important;
	}
	.subsectorboxinTablt
	{
		text-align: left !important;
		float: left !important;
	    margin-left: 8px !important;
	}
	.subsectorleft
	 {
    	margin-left: 2px !important;
	}
	.year-div
	{
	    margin-left: 54px !important;
	}
	.labelSubsctIntablet
	{
		 float: left !important;
		 padding-left: 24px !important;
	}
	.reportgrpSubsectrWidthtablet
	{
		 width: 131% !important;
	}
	#subsector
	{
		width: 100% !important;
	}
	.margin-topIpad 
	{
    	margin-top: 180px !important;
	}
	.denominatorPadding
	{
    	padding-left: 0px !important;
    	width: 100% !important;
    	padding-right: 0 !important;
    	margin-left: -29px;
	}
	.unitLeftMarginIpad
	 {
    	margin-left: -50px !important;
	  }
  	.tabletMarginleft
  	{
  		margin-left: 0 !important;
  	}
  /***** end indicator management page ******/
  
  
  /****** start submission management page css ******/
  
  .submsnDetailsTableeModal
   {
    	width: 100%;
    	margin-left: 0;
	}
	.submissionPageInfo {
    margin-top: 22px !important;
	}
	.facilityDetails {
    top: 35px !important;
    padding-left: 0;
}
.monthSelection {
    margin-top: 36px !important;
}
.pageNameContainer {
    top: -93px !important;
}
  /****** end submission management page css ******/	
	/******* start dashboard page ******/
	
	.sector_wrap 
	{
   	 	margin-top: -50px;
	}
	#right_exportshare
	{
    	margin-top: 29px;
    	float: none !important;
	}
	section#legendsection
	 {
   		 margin-top: 102px !important;
	}
	.topthree 
	{
    	top: 49% !important;
    	left: 5%;
	}
	.selection-desc
	 {
    	margin-top: 107px;
    	margin-left: 63%;
    	width: 35% !important;
	 }
	 .assamMap
	  {
    	display: block;
    	margin-top: -86px;
    	width: 559px !important;
	 }
	 svg#mapsvg
	 {
   		 width: 888px !important;
	 }
	 #mapsvg
	  {
    	margin-left: -333px !important;
    	margin-top: 61px !important;
	  }
	  .trend-viz 
	  {
    	height: 54%;
    	width: 75%;
   	 	z-index: 500;
    	bottom: 0;
	}
	div#trendDiv
	 {
    	top: 96%;
	}
	ul#indicatorWidth 
	{
    	left: -298px;
    	width: 544px !important;
    	z-index: 999;
	}
	
			
	/******* end dashboard page *******/
	/******* start index page ******/
	
	button.col-md-2.btn.btn-link.text-right.exportTableData
	 {
   		width: 23% !important;
	 }
	 .submitButton
	  {
   	 margin: 34px 0 0 75px;
	  }
	  .timePeriodField
	   {
   		 margin-left: 17px;
    	width: 47%;
	   }
	   .labelTimeperiod
	   {
	   	  margin: 10px 0 2px -16px;
	   }
	  .legendQualityValue
	    {
    	  margin-top: 0;
		}
	  .legendQuality
		{
    	  padding-left: 5px !important;
    	  width: 40%;
		}
	 .areaofTrackwidth
		 {
    	   width: 50% !important;
		}
	  button.col-md-4.btn.btn-link.text-right
		 {
    	width: 24%;
	     }
	     .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th,
	      .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th,
	       .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th
	     {
    		white-space: unset !important;
		 }
	
  /******* end index page ******/
}
/****** end potrait for tablet  ******/

/****** start landscape for mobile 360  ******/

@media (max-width: 656px) and (max-height: 282px)
	{
/*****start footer *****/
	.footer_rght
	 {
		width: 23% !important;
    	margin-left: 36px !important;
	 }
	 .foot-lft
	 {
	 	width: 33% !important;
	 }
	 .footer_mddl
	 {
	 	width: 38% !important;
	 }
	 .footer_width 
 	{ 
  		position: relative !important; 
  		bottom: 0; 
  		width: 100%; 
 	} 
/**** end footer ****/
/**** start index page ******/

	button#distListBtn 
	{
    	margin-left: 10px !important;
	}
	input.selectedOptions
	 {
    	width: 176px;
    	border-radius: 0px;
    	height: 32px !important;
    	box-shadow: none !important;
   }
   button.col-md-2.btn.btn-link.text-right.exportTableData 
   {
    	margin: 19px 0 0 195px !important;
    	width: 25% !important;
   }
   .areaofTrackwidth
    {
    	width: 54% !important;
	}
	button.col-md-4.btn.btn-link.text-right
	 {
    	width: 26%;
	}
/* 	table#sectorData  */
/* 	{ */
/*     	margin-left: -7px !important; */
/*     } */
    .static-header-container
     {
    	margin-right: 0px !important;
	}
	center.labelFont.thdiswidth
	 {
    	width: 17% !important;
     }
     .submitButton
     {
     	margin: 0 !important;
     }
     .timePeriodField
     {
     	margin-left: 17px !important;
    	width: 47% !important;
     }
     .labelTimeperiod
     {
     	margin-left: -18px !important;
     }
     .submitbuttonIndex
     {
       margin: 34px -77px 0 0px !important;
     }
     .legendText 
     {
    	display: block;
	 }
	 .legendQualityValue
	  {
   		padding-right: 0;
    	padding-left: 7px !important;
    	margin-top: 2px;
	  }
	   .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th,
	      .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th,
	       .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th
	     {
    		white-space: unset !important;
		 }
	  
     /**** end index*****/
     
     /****** start dashboard page ******/

	.sector_wrap 
	{
    	margin-top: -47px;
    }
	section#legendsection
 	{
    	margin-top: 310px !important;
 	}
 	.topthree
  	{
    	top: 116% !important;
    	left: 5%;
 	}
 	.direction
  	{
    	right: 68px !important;
    	top: 123% !important;
  	}
 	.assamMap 
 	{
   		width: 528px !important;
 	}
 	svg#mapsvg
  	{
    	width: 859px !important;
  	}
  	.legends 
  	{
    	width: 453px !important;
  	}
	#districts 
  	{
    	stroke-width: 0px !important;
  	}
  	.footer_width
  	 {
    	position: relative;
    	bottom: -109px;
    	width: 100%;
	 }
	 .exportshare-section
	 {
    	right: -480px;
    	top:44px;
	 }
	 .selection-desc
	  {
    	margin-top: 90px;
    	width: 45%;
   		margin-left: 146px;
	  }
/******* end dashboard page *******/
/***** start indicator management page ******/

	.sectorboxinTabletView
	 {
    margin-left: 0px !important;
	}
	.subsectorboxinTablt
	 {
    margin-left: 0px !important;
	}
	.reportgrpSubsectrWidthtablet
	 {
    	width: 100% !important;
    	margin-left: -1px;
	 }
	.numeratorBoxLabel-mobile
	{
		width: 66% !important;
	}
	.denominatorPadding
	{
		padding: 0 !important;
    	margin-left: -10px !important;
    	width: 80% !important;
	}
	.subgroupMargin
	{
    	margin-left: 136px !important;
    	margin-top: 12px;
	}
	.unitLeftMarginIpad
	{
    	margin-left: 20px !important;
    	margin-top: 0;
	}
	.highisgoodMargin
	 {
    	margin-left: -40px;
    	margin-top: 0;
	 }
	 div.line-separator 
	 {
    	margin-top: 28px;
	 }
	 .metadataMargin
	 {
	 	margin-left: 0 !important;
    	margin-top: 24px !important;
	 }
	 .tabletViewlandscpaeindctr
	 {
	 	width: 66% !important;
	 }
	 .denominatorwidthinMob 
	 {
	 	width: 80%;
	 }
	 .summaryAllbox 
	 {
    	margin-top: 15px !important;
	 }
	 .ipadLandscpaeView
	 {
    	margin-left: 0 !important;
	 }
	 .subsectorleft
	 {
	 	margin-left: 0 !important;
   		 margin-top: 23px !important;
	 }
	 .labelSubsctIntablet
	  {
    	float: left;
    	margin-left: 96px !important;
	 }
	 input#subsector
	  {
    	width: 172px;
	  }
	 
	/***** end indicator management page ******/

	}
/***** end landscape for mobile 360 resolution *****/	
	
	
	/***** landscpae for 320 resolution mobile ********/
	
@media (max-width: 570px)
{
/***** start indicator management page ******/

	.sectorboxinTabletView
	 {
    margin-left: -75px !important;
	}
	.subsectorboxinTablt
	 {
    margin-left: 0px !important;
	}
	.reportgrpSubsectrWidthtablet
	 {
    width: 122% !important;
	}
	.numeratorBoxLabel-mobile
	{
		width: 53% !important;
	}
	.numeratorwidth-mobile
	{
		 width: 249% !important;
	}
	.denominatorPadding
	{
		padding: 0 !important;
    	margin-left: -12px !important;
	}
	/***** end indicator management page ******/
	
	/***** start submission management  css ****/
	
	.submsnDetailsTableeModal {
    width: 100%;
    margin-left: 0;
	}
	.submissionMgmtTable
	{
		padding: 0;
    	width: 141%;
    	margin-left: -42px;
	}
	
	/***** end submission management  css ****/
	
	/**** header *****/
	nav.navbar.navbar-inverse 
	{
    width: 102% !important;
      }
	
	/***** end header *****/
	
	/***** start footer css ****/
	
	.cpisloginsvgheight
	 {
    	margin-left: 73px !important;
	}
	.foot-lft
	{
		width: 34% !important;
	}
	.footer_mddl
	{
		width: 34% !important;
	}
	.footer_rght
	{
		width: 30% !important;
	}
	.footer_width
	 {
    	bottom: -81px;
    	position: relative !important;
    	width: 100%;
    }
	.img_footr
	 {
    	height: 10px !important;
	 }

/***** end start footer css ****/

/**** start index page ******/

	button#distListBtn 
	{
    	margin-left: -12px !important;
	}
	input.selectedOptions
	 {
    	width: 178px;
    	border-radius: 0px;
    	height: 32px !important;
    	box-shadow: none !important;
   }
   button.col-md-2.btn.btn-link.text-right.exportTableData 
   {
    	margin: 19px 0 0 195px !important;
    	width: 25% !important;
   }
   .areaofTrackwidth
    {
    	width: 54% !important;
	}
	button.col-md-4.btn.btn-link.text-right
	 {
    	width: 26%;
	}
/* 	table#sectorData  */
/* 	{ */
/*     	margin-left: -7px !important; */
/*     } */
    .static-header-container
     {
    	margin-right: 0px !important;
	}
	center.labelFont.thdiswidth
	 {
    	width: 17% !important;
     }
     .submitButton
      {
    margin: 34px 0 0 75px !important;
		}

/***** end index page *****/

/****** start dashboard page ******/

section#legendsection
 {
    margin-top: 310px !important;
 }
 .topthree
  {
    top: 106% !important;
    left: 5%;
 }
 .direction
  {
    right: 68px !important;
    top: 123% !important;
  }
 .assamMap 
 {
    width: 528px !important;
 }
 svg#mapsvg
  {
    width: 859px !important;
  }
  .legends 
  {
    width: 453px !important;
  }
#districts 
  {
    stroke-width: 0px !important;
  }
/******* end dashboard page *******/
	
}

/****** end landscpae for mobile 320  ******/


/***** start potrait for 360 resolution ******/

@media ( max-width : 360px)
{
	/**** header *****/
	nav.navbar.navbar-inverse
	 {
    width: 100% !important;
	}
	
	/***** end header *****/
	
	/**** login page *****/

	.ipadPotraitView 
	{
    margin-left: 0% !important;
        width: 101% !important;
	}
	.panel.panel-default.panelBox
	 {
    	margin-left: 0!important;
	}
	.cpisloginsvgheight
	 {
    	margin-left: 130px !important;
        height: 66px !important;
	}
	
	/*****end login page *****/
	
	/***** start submission magmt page ****/
	
	section.profile-section
	 {
    	margin-top: 0;
	}	
	.submissionMgmtTable
	 {
   		padding: 0 !important;
    	width: 141% !important;
    	margin-left: -49px !important;
	 }	
	 .previewofDataentry
	  {
   		 margin-left: -30px !important;
    	 width: 124% !important;
	  }
	
	/***** end submission mgmt page *****/
	/****** indicator management *****/
	.ipadLandscpaeView
	{
		margin-left: 27px !important;
    	padding: 0 !important;
	}
	
	.sectorleft
	{
		margin-top: -28px !important;
	}
	.sectorboxinTabletView 
	{
    	margin-left: 14px !important;
    	width: 224px !important;
	}
	.subsectorleft
	 {
    	margin-left: 11px !important;
	}
	.reportgrpSubsectrWidthtablet
	 {
    	width: 110% !important;
	 }
	 .line-separator
	 {
	 	 margin-top: 213px !important;
	 }
	 .lineseparatorBottom
	 {
	 	padding: 0 !important;
	 	margin-left: -30px !important;
	 }
	.tabletViewlandscpaeindctr
	{
		padding: 0 !important;
    	width: 86% !important;
	}
/* 	.manuallyindicatorPaddingLeft */
/* 	{ */
/* 		width: 59% !important; */
/* 	} */
	.numeratorboxIn-mobile
	{
		padding: 0 !important;
    	margin-left: -17px !important;
	}
	.numeratorBoxLabel-mobile
	{
	    padding: 0 !important;
    	width: 70% !important;
	}
	.numeratorboxwidthipad
	{
		padding: 0 !important;
		margin-left: 4px !important;
	}
	.denominatorbox-mobile
	 {
    	padding: 0 !important;
    	margin-left: -2px !important;
 	}
 	.denominatorBoxlebl-mobile
 	{
 		padding: 0 !important;
    	width: 74% !important;
 	}
	.input-group.indicator-width.denominatorwidth-mobile
	 {
   		 margin-left: -10px !important;
	 }
	.denominatorPadding
	 {
    	padding: 0 !important;
    	margin-left: -40px !important;
	}
	.denominatorwidth-mobile
	{
		  width: 96% !important;
	}
	.newindicatorSection
	{
		width:100% !important;
	}
	.marginfromright
	{
		margin-left: 0 !important;
	}
	.metadataMargin
	{
		padding: 0;
    	margin-left: -24px !important;
    	margin-top: 30px !important; 
	}
	.metadata-mobile
	{
		padding: 0 !important;
    	width: 51% !important;
	}
	.metadataText-width
	{
		width: 96% !important;
	}
	.numeratorwidth-mobile
	{
		width: 338% !important;
    	margin-left: -13px !important;
	}
	
	.subgroupMargin
	{
		margin-left: 0 !important;
	}
	.widthSubgroup
	 {
    	width: 101% !important;
	}
	.margin-topAllinone
	{
	  margin-left: 0 !important;
	}
	.unitLeftMarginIpad
	{
	 margin-left: 6px !important;
	}
	.highisgoodMargin
	{
		margin-left: 7px !important;
	}
	.ipadlandscpaeViewhighzgd
	{
		margin-left: 23px !important;
	}
	.margintopin-mobile
	{
	   margin-top:0 !important;
	}
	.marginfromright
	{
		    margin-left:0 !important;
	}
	.addingIndicatorbar 
	{
    	width: 100% !important;
    	margin-left: 0 !important;
	}
	.denominatorwidthinMob
	{
		margin: 0 !important;
    	padding: 0 !important;
    	width: 156% !important;
	}
	.subgrouppadding
	{
    	margin-left: 0 !important;
    	padding: 0 !important;
	}
	/***** end indicator management *****/
	
	/****** start dashboard page *****/
	
	.left-div
	 {
    	width: 94% !important;
	 }
	 .exportshare-section
	  {
    	top: 172px !important;
	  }
	  #pdfDownloadBtn
	   {
    	 float: right;
    	 background: #54aef6;
    	 color: #fff;
    	 width: 93%;
    	 margin-right: 7px;
	   }
	   .assam-map
	   {
	    width: 422px !important;
    	margin-top: 550px !important;
    	margin-left: -143px;
    	
	   }
	   svg#mapsvg
	   {
    	width: 750px !important;
	   }
	   .legends
	    {
   			 width: 343px !important;
        }
        section#legendsection
        {
    		margin-top: 555px !important;
		}
		.topthree
		 {
    		top: 121% !important;
    		left: 10%;
		}
		.selection-desc
		 {
    		margin-top: 86px;
    		width: 97% !important;
		 }
		 .direction
		 {
    		right: 62px !important;
    		top: 140% !important;
		 }
		
	/****** end dashboard page *****/
	
	/**** index ******/
	
	h2.col-md-8.evm-font-blue.text-left
	 {
    	padding: 0;
    	width: 37%;
	}
	button.col-md-2.btn.btn-link.text-right.exportTableData
	 {
    	margin: -63px 0 0px 145px !important;
    	width: 47% !important;
	}
	input.selectedOptions
	 {
    	width: 83% !important;
	}
	button#distListBtn
	 {
    	margin-left: -21px !important;
    	width: 31% !important;
	}
	.submitButton
	 {
    	margin: 34px 0 0 34px !important;
	 }
	 ul.optionsContainer
	  {
    	width: 108px;
	  }
	  .legendQuality 
	  {
    	padding-left: 5px !important;
    	width: 161%;
	  }
	  .areaofTrackwidth
	   {
    	width: 80% !important;
    	padding: 0 !important;
	   }
	   #sectorSelection
	   {
   		 border: 1px solid #ddd !important;
    	border-radius: 0 !important;
    	width: 55% !important;
	   }
	   button.col-md-4.btn.btn-link.text-right
	    {
    	 width: 54%;
    	margin-right: 2px !important;
    	margin-top: 11px;
		}
		 .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th,
	      .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th,
	       .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th
	     {
    		white-space: unset !important;
		 }
	/***** end index *****/
}
/***** end potrait for 360 resolution ******/

/*** responsive for mobile relsolution 320 ****/
@media ( max-width : 320px)
 {
 
 /***** footer ******/
 .footer_width
 {
 position: fixed;
 }
 .foot-lft
 {
/*  	width: 100% !important; */
 	text-align: center;
 	padding: 0 !important;
 	}
 .footer_mddl
 {
/*  	width: 100% !important; */
/*  		padding-top: 8px !important; */
/*   	padding-left: 22px; */
		padding: 0 !important;
    	margin-top: 7px;
 }
 .footer_rght {
/*  	width: 100% !important; */
    padding-top: 7px;
    text-align: center;
}
.img_footr {
    height: 8px !important;
    margin-top: 1px !important;
    margin-left: 2px !important;
}
 .foot_support {
    color: #fff !important;
    font-size: 6px !important;
}
span.blck_dse.text-center {
    color: #fff !important;
    font-size: 7px !important;
}
span.poweredbysdrc {
    color: #FFC107 !important;
    font-weight: bold !important;
    font-size: 8px !important;
}

span.footerfont {
    color: #fff !important;
    font-size: 7px !important;
}
 
 /****** end footer ******/
 
 
 /***** login page ******/
 
 	.cpisloginsvgheight
 	{
 		margin-left: 75px !important;
    	height: 50px !important;
 	}
 	.panel.panel-default.panelBox
 	 {
   		  margin-left: -75px !important;
    	  width: 251% !important;
	}
	h3.sign-up-title
	 {
    font-size: 18px;
	}
	/***** end login page *****/
	
	
	/****** indicator management *****/
	.ipadLandscpaeView
	{
		margin-left: 0 !important;
		padding: 0 !important;
	}
	
	.sectorleft
	{
		margin-top: -28px !important;
	}
	.sectorboxinTabletView 
	{
    	margin-left: 14px !important;
    	width: 224px !important;
	}
	.subsectorleft
	 {
    	margin-left: -24px !important;
	}
	.reportgrpSubsectrWidthtablet
	 {
    	width: 110% !important;
	 }
	 .line-separator
	 {
	 	 margin-top: 213px !important;
	 }
	 .lineseparatorBottom
	 {
	 	padding: 0 !important;
	 	margin-left: -30px !important;
	 }
	.tabletViewlandscpaeindctr
	{
		padding: 0 !important;
    	width: 86% !important;
	}
/* 	.manuallyindicatorPaddingLeft */
/* 	{ */
/* 		width: 59% !important; */
/* 	} */
	.numeratorboxIn-mobile
	{
		padding: 0 !important;
    	margin-left: -17px !important;
	}
	.numeratorBoxLabel-mobile
	{
	    padding: 0 !important;
    	width: 70% !important;
	}
	.numeratorboxwidthipad
	{
		padding: 0 !important;
		margin-left: 4px !important;
	}
	.denominatorbox-mobile
	 {
    	padding: 0 !important;
    	margin-left: -2px !important;
 	}
 	.denominatorBoxlebl-mobile
 	{
 		padding: 0 !important;
    	width: 74% !important;
 	}
	.input-group.indicator-width.denominatorwidth-mobile
	 {
   		 margin-left: -10px !important;
	 }
/* 	.denominatorPadding */
/* 	{ */
/* 	  width: 49% !important ; */
/* 	} */
	.denominatorwidth-mobile
	{
		  width: 96% !important;
	}
	.newindicatorSection
	{
		width:100% !important;
	}
	.marginfromright
	{
		margin-left: 0 !important;
	}
	.metadataMargin
	{
		padding: 0;
    	margin-left: -24px !important;
    	margin-top: 30px !important; 
	}
	.metadata-mobile
	{
		padding: 0 !important;
    	width: 51% !important;
	}
	.metadataText-width
	{
		width: 96% !important;
	}
	.numeratorwidth-mobile
	{
		width: 338% !important;
    	margin-left: -13px !important;
	}
	
	.subgroupMargin
	{
		margin-left: 0 !important;
	}
	.widthSubgroup
	 {
    	width: 101% !important;
	}
	.margin-topAllinone
	{
	  margin-left: 0 !important;
	}
	.unitLeftMarginIpad
	{
	 margin-left: 6px !important;
	}
	.highisgoodMargin
	{
		margin-left: 7px !important;
	}
	.ipadlandscpaeViewhighzgd
	{
		margin-left: 23px !important;
	}
	.margintopin-mobile
	{
	   margin-top:0 !important;
	}
	.marginfromright
	{
		    margin-left:0 !important;
	}
	.addingIndicatorbar 
	{
    	width: 100% !important;
    	margin-left: 0 !important;
	}
	.denominatorwidthinMob
	{
		margin: 0 !important;
    	padding: 0 !important;
    	width: 156% !important;
	}
	.subgrouppadding
	{
    	margin-left: 0 !important;
    	padding: 0 !important;
	}
	/***** end indicator management *****/
	
	/***** start submission management page css ******/
	
	.submissionMgmtTable
	{
		padding: 0 ;
    	width: 141%;
    	margin-left: -42px;
	}
	
	/****** end submission management page ******/
	
	/****** start dashboard page *****/
	
	.left-div
	 {
    	width: 94% !important;
	 }
	 .exportshare-section
	  {
    	top: 172px !important;
	  }
	  #pdfDownloadBtn
	   {
    	 float: right;
    	 background: #54aef6;
    	 color: #fff;
    	 width: 93%;
    	 margin-right: 7px;
	   }
	   .assam-map
	   {
	    width: 422px !important;
    	margin-top: 550px !important;
    	margin-left: -143px;
    	
	   }
	   svg#mapsvg
	   {
    	width: 750px !important;
	   }
	   .legends
	    {
   			 width: 343px !important;
        }
        section#legendsection
        {
    		margin-top: 555px !important;
		}
		.topthree
		 {
    		top: 121% !important;
    		left: 10%;
		}
		.selection-desc
		 {
    		margin-top: 86px;
    		width: 97% !important;
		 }
		 .direction
		 {
    		right: 62px !important;
    		top: 140% !important;
		 }
		
	/****** end dashboard page *****/
	
	/**** index ******/
	
	h2.col-md-8.evm-font-blue.text-left
	 {
    	padding: 0;
    	width: 37%;
	}
	button.col-md-2.btn.btn-link.text-right.exportTableData
	 {
    	margin: -63px 0 0px 145px !important;
    	width: 47% !important;
	}
	input.selectedOptions
	 {
    	width: 85% !important;
	}
	button#distListBtn
	 {
    	margin-left: -26px !important;
    	width: 36% !important;
	}
	.submitButton
	 {
    	margin: 34px 0 0 34px !important;
	 }
	 ul.optionsContainer
	  {
    	width: 108px;
	  }
	  .legendQuality 
	  {
    	padding-left: 5px !important;
    	width: 161%;
	  }
	  .areaofTrackwidth
	   {
    	width: 95% !important;
	   }
	   #sectorSelection
	   {
   		 border: 1px solid #ddd !important;
    	 border-radius: 0 !important;
    	 width: 44%;
	   }
	   button.col-md-4.btn.btn-link.text-right
	    {
    	  width: 46%;
          margin-right: -1px !important;
          margin-top: 11px;
		}
		 .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th,
	      .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th,
	       .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th
	     {
    		white-space: unset !important;
		 }
	/***** end index *****/
}


/******* end responsive for mobile potrait *****/

.noLrDIsabled {
    background: #768186 !important;
    border-color: #626567 !important;
}

button.saveProfile, button.resetProfile {
    border: none;
    letter-spacing: 1px;
    background-color: #428ead;
    font-weight: bold;
    font-size: 15px;
    padding: 7px 40px;
    margin-bottom: 20px;
}
.modal-text-area{
	height: 140px !important;
}
#confirmResetModal button, #confirmSaveModal button, #confirmResetModal button:hover, #confirmSaveModal button:hover, #confirmModifyProfileModal button, #confirmModifyProfileModal button:hover{
	color: #98b0e0;
}
.ui-autocomplete{
	white-space: nowrap;
    overflow-x: auto;
}
.input-group .form-control{
	z-index: 0;
}

.forgot-pass-btn{
	width:120px;
}