@charset "utf-8";
/* CSS Document */

@media (max-width: 767px){
	.md-button.md-icon-button {
		margin: 0 5px;
		height: 24px;
		min-width: 0;
		line-height: 12px;
		padding: 0px;
		width: 24px;
		border-radius: 50%;
		min-height: 0;
		font-size: 8px;
	}
	body
	{
	    font-size: 3.5vw ;
	}
	span{
		 font-size: 3.5vw ;
	}
	input{
		 padding: 0  !important;
	}
	.col-xs-6{
		 padding-left: 1px  !important;
		 padding-left: 1px  !important;
	}
	.dailyGraph {
		padding: 15px;
	}
	.sales_content md-tabs-canvas.md-paginated {
		margin:0px;
	}
	.sales_content md-tabs-wrapper md-next-button, .sales_content md-tabs-wrapper md-prev-button {
		
	}
	#content {
     margin-top: 40px;
    }
	#content .sales_content .big-cont-charts .panel {
		height: 68vh;
		margin-top:15px;
	}
	.dailyGraph h1 {
		font-size: 16px;
	}
	.dailyGraph h1 .material-icons {
		font-size: 22px;
	}
	#content .sales_content .md-datepicker-button {
		margin:0px;
		width: 22px;
		padding: 0;
	}
	#content .sales_content .md-icon-button + .md-datepicker-input-container {
		margin-left: 6px;
	}
	#content .sales_content .md-datepicker-input {
		min-width: 90px;
	}
	#footfall {
		padding: 15px;
	}
	#footfall .btn-group {
		text-align:center;
	}
	#footfall .btn-group>.btn {
		float:none;
		padding:6px 10px;
		border-radius: 15px;
    	margin-top: 5px;
	}
	#footfall .btn-group>.btn:first-child {
		margin-left: 0;
		width: 125px;
	}
	#footfall .big-cont-charts .panel {
		height: 50vh;
	}
	#weekly {
		padding: 15px;
	}
	#yearly {
		padding: 15px;
	}
	.customers_grid .topButtons{
		font-size: 14px;
	}
	.customers_grid .topButtons h1 i{
		font-size: 28px;
	}
	.customers_grid .topButtons .btn_group_mob {
		margin-top:10px;
		margin-bottom:5px;
	}
	.customers_grid .topButtons .export_csv {
		position:relative !important;
	}
	#dashboardHome {
		padding:7px;
	}
	.topDashboard md-card {
		background-color: #FFF !important;
	}
	/* Hour wise chart mobile fixes */
	#chartG {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: auto;
		overflow-y: hidden;
	}
	md-card-content {
		overflow-x: auto !important;
		overflow-y: hidden !important;
	}
	.chartsDashboard md-card md-card-content {
		padding: 5px !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
	}
	/*.chartsDashboard div md-card {*/
		/*height: 90%;*/
	/*}*/
	/*.chartsDashboard div md-card {*/
		/*overflow-y: scroll;*/
	/*}*/
	/*.chartsDashboard div md-card md-card-content{*/
		/*min-width: 450px !important;*/
		/*overflow-y: scroll;*/
	/*}*/
	.feedCardClass{
		height:inherit !important;
	}
	.top-fixed {
		display:none;
	}
	.customers_result {
		padding: 10px;
	}
	.data_count_arrow {
		position:absolute;
		right:0px;
		top:10px;
	}
	.customers_grid .panel {
		position:relative;
		z-index:9;
	}
	._md-select-menu-container {
		z-index:120;
	}
	md-option {
		height:42px;
	}
	.customers_grid .md-sidenav-right {
		width: 70% !important;
		max-width: 100% !important;
	}
	md-toolbar.top_nav{
		max-height:40px !important;
		height:40px !important;
		min-height:40px !important;
	}

	md-toolbar.top_nav .menu{
		padding:0 !important;
		margin: 5px 5px 12px 12px !important; ;
	}
	md-toolbar.top_nav .md-button {
		  min-width: 35px;
    max-width: 35px;
    padding: 2;
    margin: 4px;

	}
	/* Ensure notification button has relative positioning for badge */
	md-menu md-button[aria-label="Notification"] {
		position: relative !important;
	}
	/* Notification badge mobile fixes - allow expansion for larger numbers */
	.md-button.md-fab.md-mini.badge {
		width: auto !important;
		max-width: none !important;
		min-width: 18px !important;
		height: 18px !important;
		max-height: 18px !important;
		min-height: 18px !important;
		line-height: 18px !important;
		padding: 0 5px !important;
		border-radius: 9px !important;
		position: absolute !important;
		top: -1px !important;
		right: 1% !important;
		font-size: 10px !important;
		white-space: nowrap !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		z-index: 10 !important;
	}

	md-toolbar.top_nav h3 {
		margin-left:0;
		margin-right:0;
	}
	.buySMSCreditsBtn {
		padding: 0;
		margin-top:2px;
		background-color: #009587 !important;
		box-shadow: none !important;
	}
	.buySMSCreditsBtn span{
		font-size: 10px !important;
	}
	
	.payingForBranchs{
		font-size: 15px;
	}
	.payingForBranchs1{
		font-size: 13px;
	}
	.customers_grid .topButtons .btn_group_mob md-select {
		margin: 0;
	}
	.userPhoneNo {
		width:85%;
	}
	.amountDataDiv {
		text-align: right;
	}
	.ratingCustomer {
		text-align: left;
	}
	.explanation{
		left:20% !important;
	}
	.pieChartDiv{
		margin-left:25%;
	}
	.btn-group>.btn{
		font-size: 10px;
	}
	.ui-notification {
		position: fixed;
		z-index: 9999;
		width: 100% ;
		-webkit-transition: all ease .5s;
		-o-transition: all ease .5s;
		transition: all ease .5s;
		color: #fff;
		border-radius: 0;
		background: #337ab7;
		box-shadow: 5px 5px 10px rgba(0, 0, 0, .3)
	}
	#notifiMenu{
		margin-left: -13px !important;
	}
	#notifiMenu:after{
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 18px solid #fff;
		border-top: 0px;
		content: "";
		display: inline-block;
		height: 0;
		position: absolute;
		width: 0;
		margin-left: 194px !important;
		margin-top: -60px;
	}
	/*.layout-xs-column {*/
		/*flex-direction: initial !important;*/
	/*}*/
	.topDashboard div md-card md-card-title {
		padding:3px 0 0 3px !important;
	}
	.topDashboard div:first-child md-card {
		height: 95%;
	}
	.topDashboard div:nth-child(2) md-card {
		height: 95%;
	}
	.topDashboard div:nth-child(3) md-card {
		height: 95%;
	}
	.topDashboard div:nth-child(4) md-card {
		height: 95%;
	}
	.topDashboard div:nth-child(5) md-card {
		height: 95%;

	}
	.redemption_content{
		overflow: auto;
	}
	/*.redemption_input{
		width: 55% !important;
	}*/
	.specficGraphparent{
		margin-top: 19px !important;
	}
	#pieChart{
		margin-left: 15%;
	}
	/*customer listing for mobile*/
	.mobileListForcustomer {
	  border-bottom: solid 1px #CCC;
	  padding: 10px 0;
	}
	
	/*#customer_search ._md-text{
	 	font-size: 12px;
	 	word-wrap: break-word;
	}
	.mobile md-select{
		font-size: 12px;
	}*/

	.widget-group{
		min-height: 120px !important;
		padding:5px 15px 5px 15px !important;
	}
	.widget-group md-card md-card-content{
		background: white;
		padding: 0 !important;
	}
	.widget-group md-card md-card-content .header{
		height: 20px;
		padding: 15px;
	}
	.widget-group md-card md-card-content .header .headerText{
		font-size: 15px;
		font-weight: 400;
	}
	.widget-group md-card md-card-content .body{
		text-align: center;
	}
	.widget-group md-card md-card-content .body{
		height: 80px;
		padding-top: 10px;
	}
	.widget-group md-card md-card-content .body .mainText{
		line-height: 25px;
		font-size: 27px;
	}

	.widget-group md-card md-card-content .body .subText{
		color: rgba(0,0,0,0.54);
		font-weight: 500;
		font-size: 11px;
	}
	.widget-group md-card md-card-content .footer{
		min-height: 20px;
		height: auto;
		padding: 8px 10px;
		border-top: 1px solid rgba(0,0,0,.12);
		background-color: #FAFAFA!important;
		font-size: 11px;
		font-weight: 400;
		word-wrap: break-word;
		overflow-wrap: break-word;
		line-height: 1.4;
	}

	.widget-group md-card md-card-content .footermonthsales{
		min-height: 50px;
		height: auto;
		padding: 8px 10px;
		border-top: 1px solid rgba(0,0,0,.12);
		background-color: #FAFAFA !important;
		font-size: 11px;
		font-weight: 400;
		word-wrap: break-word;
		overflow-wrap: break-word;
		line-height: 1.5;
	}

	.targetsalebox, .monthsalebox{
		display: block;
		width: 100%;
		margin-bottom: 4px;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}

	.targetsalebox:last-child, .monthsalebox:last-child{
		margin-bottom: 0;
	}

	.targetsalebox > *, .monthsalebox > * {
		display: inline;
		width: auto;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}

	.targetsalebox span, .monthsalebox span {
		word-wrap: break-word;
		overflow-wrap: break-word;
		white-space: normal;
	}
	.custmerDetaildSalePaddingTop {
		padding-top: 25px !important;
	}
}
@media (max-width: 1367px) {
	.dashBoardRatingGage{
		margin-top: -20px;
		width:250px;
		height: 90px;
		margin-left: 0%;
		padding-left: 15px;
	}
	.dashBoardSubHeadText .md-subhead{
		font-size: 10px;
	}
	.explanation{
		left:20% !important;
	}
	.pieChartDiv{
		margin-left:0% !important;
	}
	.btn-group>.btn{
		font-size: 12px;
	}
    .customers_grid .topButtons .export_csv {
		position:absolute;
		top:-40px;
		right:15px;
	}
	.ui-notification {
		position: fixed;
		z-index: 9999;
		width: 30% ;
		-webkit-transition: all ease .5s;
		-o-transition: all ease .5s;
		transition: all ease .5s;
		color: #fff;
		border-radius: 0;
		background: #337ab7;
		box-shadow: 5px 5px 10px rgba(0, 0, 0, .3)
	}

}
@media (max-width: 456px) {
	.dashBoardRatingGage{
		margin-top: -20px;
		width:250px;
		height: 90px;
		margin-left: 20%;
		padding-left: 15px;
	}
	.explanation{
		left:40% !important;
	}
	.feedBackTitle{
		font-size:16px;
	}
	.pieChartDiv{
		margin-left:-4%;
	}
	.btn-group>.btn{
		font-size: 12px;
	}
	.specficGraph{
		margin-left: 13%;
	}
	.donut-charts{
		width: 360px;
		margin-left: -31px;
	}

	#specificFeelingGraph{
		margin-left: -60px;
	}
	.btn-group>.btn {
		font-size: 10px;
		font-weight: 900;
	}
	.ui-notification {
		position: fixed;
		z-index: 9999;
		width: 100% ;
		-webkit-transition: all ease .5s;
		-o-transition: all ease .5s;
		transition: all ease .5s;
		color: #fff;
		border-radius: 0;
		background: #337ab7;
		box-shadow: 5px 5px 10px rgba(0, 0, 0, .3)
	}
	.topDashboard div md-card md-card-title {
		padding:3px 0 0 3px !important;
	}
	.topDashboard div:first-child md-card {
		height: 95%;
	}
	.topDashboard div:nth-child(2) md-card {
		height: 95%;
	}
	.topDashboard div:nth-child(3) md-card {
		height: 95%;
	}
	.topDashboard div:nth-child(4) md-card {
		height: 95%;
	}
	.topDashboard div:nth-child(5) md-card {
		height: 95%;

	}
	.configuration_content{
	  padding: 25px;
	}
	.configurationDashboard div:first-child md-card {
		height: 99%;
	}
	.configurationDashboard div:nth-child(2) md-card {
		height: 99%;
	}
	.configurationDashboard div:nth-child(3) md-card {
		height: 99%;
	}
	.configurationDashboard div:nth-child(4) md-card {
		height: 99%;
	}
	.configurationDashboard div:nth-child(5) md-card {
		height: 99%;
	}
	.redemption_content .button_placement{
		margin-top: -10%;
	}
	#pieChart{
		margin-left: 0%;
	}
}
@media (min-width: 1024px) {
	/*md-dialog{*/
		/*max-width: 25% !important;*/
	/*}*/
	.redemption_input{
		width: 50% !important;
	}
	.redemption_button{
		margin-left: -35%;
	}
	.marginClass{
		margin-left: 0 !important;
	}
	.specficGraphparent{
		margin-top: 19px !important;
	}
}
@media (max-width: 456px){
	md-sidenav {
		width:  calc(100% - 140px) !important;
		min-width: calc(100% - 300px) !important;
		max-width: calc(100% - 140px) !important;
	}

}
@media screen and (min-width: 768px){
   .rwd-break { display: none; }
   .redemption_input{
		width: 50% !important;
	}
	.redemption_button{
		/*margin-right: 37%;*/
		margin-right: 36%;
   	 	margin-left: -35%;
	}
	.saleRating{
		padding-left: 75px
	}
    .saleDate{
        margin-left: 75px
    }

}
@media (max-width: 361px) {
	.redemption_content{
		overflow: auto;
		height: 500px;
	}
	.pieChartDiv{
		margin-left:-7% !important;
	}
	.donut-charts{
		width: 300px;
		margin-left: -45px;
	}
	.specficGraph {
		margin-left: 10%;
	}
	.specficGraph .btn {
		padding: 6px 6px !important;
	}
	#pieChart{
		margin-left: -6%;
	}
	#feedbackPieChartNew{
		margin-left: -30px;
	}
	#specificFeelingGraph{
		margin-left: -30px;
	}
}
@media (min-width: 756px){
	.redemption_input{
		width: 55% !important;
	}
	.select_content{
		height: 42px;
    	margin-top: -44px;
	}
	.search_content{
		height: 35px;
	}
	.sortBy_content{
		height: 57px;
	}

}
@media only screen and (min-device-width : 1024px) and (max-device-width : 1360px){
	.meterClass{
		min-width: 215px !important;
		margin-left: 0;
		margin-right: 0;
	}

}
@media only screen and (min-device-width : 1280px) and (max-device-width : 1480px){
	.widget-group{
		min-height: 230px !important;
		padding:5px 15px 5px 15px !important;
	}
	.widget-group md-card md-card-content{
		background: white;
		padding: 0 !important;
	}
	.widget-group md-card md-card-content .header{
		height: 50px;
		padding: 15px;
	}
	.widget-group md-card md-card-content .header .headerText{
		font-size: 15px;
		font-weight: 400;
	}
	.widget-group md-card md-card-content .body{
		text-align: center;
	}
	.widget-group md-card md-card-content .body{
		height: 130px;
		padding-top: 10px;
	}
	.widget-group md-card md-card-content .body .mainText{
		line-height: 72px;
		font-size: 37px;
	}

	.widget-group md-card md-card-content .body .subText{
		color: rgba(0,0,0,0.54);
		font-weight: 500;
		font-size: 17px;
	}
	.widget-group md-card md-card-content .footer{
		height: 50px;
		padding: 15px;
		border-top: 1px solid rgba(0,0,0,.12);
		background-color: #FAFAFA!important;
		font-size: 11px;
		font-weight: 400;

	}

}
@media only screen  and (min-width : 1824px) {
	.marginClass{
		margin-left: 66px !important;
	}
	.saleAmount{
		padding-left: 90px
	}
	.widget-group md-card md-card-content .footer {
		font-size: 15px !important;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.md-sidenav-left{
		padding-top:78px !important;
	}
	md-content{
		padding-top:14px !important;
	}

}
@media (max-width: 750px) and (min-width: 320px){
	.mobile {
	    display:block;
	    margin-top: -8%;
	}
	
	.select_content{
		height: 42px;
    	margin-top: -55px;
	}
	.search_content{
		height: 35px;
	}
	.sortBy_content{
		height: 57px;
	}
	#customer_search ._md-text{
	 	font-size: 14px;
	 	word-wrap: break-word;
	}
	.mobile md-select{
		font-size: 14px;
	}

	/*fieldset {
	    margin: 8px;
	    height: 148px;
	    width: 331px;
	    margin-left: -4%;
	    border: 1px solid silver;
	    padding: 8px;    
	    border-radius: 4px;
	}
	legend{
	    padding: 2px;
	    width: 27%;
	    border-bottom: 0px;
	    font-size: 16px;    
	}*/
}
@media (max-width: 767px) {
  
/*
 *
 *   spin sidenav in customer tab
 *
*/
	.theme-config {
	  position: absolute;
	  top: 5px;
	  right: 0;
	  overflow: hidden;
	}
	.theme-config-box {
	  margin-right: -300px;
	  position: relative;
	  z-index: 90;
	  transition-duration: 0.8s;
	}
	.theme-config-box.show {
	  margin-right: 0;
	}
	.spin-icon {
	  background: #1ab394;
	  position: absolute;
	  padding: 7px 10px 7px 13px;
	  border-radius: 20px 0 0 20px;
	  font-size: 16px;
	  top: 0;
	  left: 0;
	  width: 40px;
	  color: #fff;
	  cursor: pointer;
	}
	.skin-setttings {
	  width: 300px;
	  margin-left: 40px;
	  background: #f3f3f4;
	}
	.skin-setttings .title {
	  background: #efefef;
	  text-align: center;
	  text-transform: uppercase;
	  font-weight: 600;
	  display: block;
	  padding: 10px 15px;
	  font-size: 13px;
	}
	.setings-item {
	  padding: 0px 30px;
	  height: 84px;
	}
	.setings-item.skin {
	  text-align: center;
	}
	/*.tableCustomer{*/
		/*margin-top: 20%;*/
	/*}*/
	.setings-item md-input-container{
		margin: -5px;
	}

	/*detailedSale css*/
	.theme-config-detailedSale {
	  position: absolute;
	  top: 5px;
	  right: 0;
	  overflow: hidden;
	}
	.theme-config-box-detailedSale {
	  margin-right: -300px;
	  position: relative;
	  z-index: 90;
	  transition-duration: 0.8s;
	}
	.theme-config-box-detailedSale.show {
	  margin-right: 0;
	}
	.spin-icon-detailedSale {
	  background: #1ab394;
	  position: absolute;
	  padding: 7px 10px 7px 13px;
	  border-radius: 20px 0 0 20px;
	  font-size: 16px;
	  top: 0;
	  left: 0;
	  width: 40px;
	  color: #fff;
	  cursor: pointer;
	}
	.skin-setttings-detailedSale {
	  width: 300px;
	  margin-left: 40px;
	  background: #f3f3f4;
	}
	.skin-setttings-detailedSale .title {
	  background: #efefef;
	  text-align: center;
	  text-transform: uppercase;
	  font-weight: 600;
	  display: block;
	  padding: 10px 15px;
	  font-size: 13px;
	}
	.setings-item-detailedSale {
	  padding: 0px 30px;
	  height: 50px;
	}
	.setings-item-detailedSale.skin {
	  text-align: center;
	}
	/*.tableCustomer{*/
		/*margin-top: 20%;*/
	/*}*/
	.setings-item md-input-container{
		margin: -5px;
	}

}
@media only screen and (device-width : 756px){
	/*fieldset {
	    margin: 8px;
	    height: 148px;
	    width: 500px;
	    margin-left: -4%;
	    border: 1px solid silver;
	    padding: 8px;    
	    border-radius: 4px;
	    margin-top: -3%;
    	margin-left: -2%;
	}
	legend{
	    padding: 2px;
	    width: 27%;
	    border-bottom: 0px;
	    font-size: 16px;    
	}*/
	.tableCustomer{
		margin-top: 5%;
	}
}