.listdemoListControls {
    /* Add some right padding so that the text doesn't overlap the buttons */ }
.listdemoListControls md-divider {
    margin-top: 10px;
    margin-bottom: 10px; }
.listdemoListControls md-list-item > p,
.listdemoListControls md-list-item > .md-list-item-inner > p,
.listdemoListControls md-list-item .md-list-item-inner > p,
.listdemoListControls md-list-item .md-list-item-inner > .md-list-item-inner > p {
    -webkit-user-select: none;
    /* Chrome all / Safari all */
    -moz-user-select: none;
    /* Firefox all */
    -ms-user-select: none;
    /* IE 10+ */
    user-select: none;
    /* Likely future */ }
.listdemoListControls .secondary-button-padding p {
    padding-right: 100px; }






.checkboxdemoSelectAll .demo-legend {
    color: #3F51B5; }
.checkboxdemoSelectAll .demo-fieldset {
    border-style: solid;
    border-width: 1px;
    height: 100%; }
.checkboxdemoSelectAll .demo-select-all-checkboxes {
    padding-left: 30px; }


.good-road{
background-color: #12E512;
}
.average-road{
    background-color: #e79800;
}
.bad-road{
    background-color: #EE0000;
}

.verticalLine {
    border-left: thin solid #90A4AE;
}
.red {
    color: red;
}

.orange{
    color:orange;
}
.green{
    color:green;
}

.black{
    color: #9E9E9E;;
}

.nav-active {
    background-color: lightgray;
    font-weight: 900;
}
.alert {
    padding: 20px;
    background-color: #f44336;
    color: white;
}
.userIcon{
    height: 36px!important;
    width:  36px!important;
}

@media screen and (min-width: 300px) and (max-width:800px) {
    .fontsize{
        font-size: x-small;
    }
    .toolTipFontSize{
        font-size: x-small;
    }

}

@media screen and (min-width: 300px) and (max-width:960px) {
    .fontsize{
        font-size: small;
    }
    .toolTipFontSize{
        font-size: x-small;
    }

}

@media screen and (min-width: 961px) and (max-width:1400px) {
    .fontsize{
        font-size: small;
    }
    .toolTipFontSize{
        font-size: small;
    }

}
@media screen and (min-width: 1401px) and (max-width:1980px) {
    .fontsize{
        font-size: small;
    }
    .toolTipFontSize{
        font-size: medium;
    }

}

@media only screen and (min-width:1981px){
    .fontsize{
        font-size: small;
    }
    .toolTipFontSize{
        font-size: medium;
    }
    
    .loading { 
		/* border:1px solid #ddd; 
		padding:20px; 
		margin:40px 5px; 
		width:80px; */
		width: 100px;
		height: 100px;		
	
		position: absolute;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
		
		margin: auto;
		
	}   

}

/* added for md-datepicker calendar layout issue */
.md-calendar-scroll-container{
  width:100% !important;
}

/* Created on 02/06/2022 */
/* statDist */

.cardss{
	 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	 border: 1px;
	 background-color: white !important;
}
.layoutpadding{
	padding: 0px;
}

.cardnav{
	height: 2px !important;
	width: 1350px !important;
}
	
.navheader{
	height: 2px !important;
}
	
/*  filter Input and Sortedsearch  */
	
.filterr{
	style:"color:black;"
}

/*  layoutmargin  */

.layoutmargin{
	style:"margin-right: -26px;"
}
	
/* New styles created on 2022 */
.md-headline {
    }
	
md-card md-card-title md-card-title-text .md-subhead {
}

md-card md-card-title{
	padding: 2px 8px 2px;
}
md-card md-card-title md-card-title-text:only-child .md-subhead{
	padding: 0px;
}

md-toolbar {
  height: 50px !important;
  min-height: 50px !important;
}

th{
	color:black !important;
}

/*td{
	text-align: center !important;
	font-size: small !important;
}*/

/* .tdPadding {
	padding-left: 15px;
} */


/*
.md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised, .md-button.md-default-theme.md-primary.md-fab, .md-button.md-primary.md-fab {
    color: black;
    background-color: white;
}
*/

.md-checkbox-input-container{
	padding-left: 26px;
 }
 
 /*
 .md-action-button{
 
 }*/
 
 .tdnumeric{
 	text-align: center !important;
 }
 
 .tdpading{
 	padding-left: 15px !important;
 }
 .tdpading1{
 	padding-right: 30px !important;
 }
 
/* created on 12/07/2022 */
 
 :root {
  --highlight-background: lavender;
}

/* created on 21/12/2022 */

:root {
	--page-Header: #1A66A8;
	--table-Header: #C0C6D9;
	--default-Button: #485828;
	--functional-Button: #6B90BD;
	--special-Highlights: #D99A70;
}

md-toolbar{
	background-color: var(--page-Header) !important;
}

table thead tr th{
	background-color: var(--table-Header) !important;
}

.md-button{
	background-color: var(--functional-Button) !important;
	color: white !important;
} 

md-progress-linear ._md-bar {
    background-color: var(--special-Highlights) !important;
}

md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple {
    background-color: var(--special-Highlights) !important;
}

/* .functionalbtn{
	background-color: var(--functional-Button) !important;	
	color: white !important;
} */


.md-icon-button {
	background-color: transparent !important;
}

.md-toolbar-tools .md-button {
   background-color: transparent !important;
}

md-list-item._md-button-wrap>div.md-button:first-child>.md-button:first-child {
   background-color: transparent !important;
}

/* -----Added for MBRDI----- */
.low-speed-road {
	background-color: #808080;
}