/* These top two are hacks to adjust the labels for angular material selects,
in order to always show the full text of the labels.
It's a little jerry-rigged, so if you know a better way, please feel free */
.form-group md-input-container .md-placeholder, md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    overflow: visible;
}
md-input-container.md-input-focused:not([md-no-float]) .md-select-placeholder span:first-child {
    visibility: hidden;
}

.angular-wrapper {
    display: inline-block;
    border: 1px solid black;
    width: 19%;
    overflow-y: auto;
    /* to match the chart area, .handlebar-container, which takes the other 80% */
}

html {
    background-color: #fff;
}

.dashboard-sidebar {
    display: inline-block;
    height: 100%;
}

.floating-menu{
	 box-shadow: 0px 1px 0px #E1E1E1;	
}

div.form-group md-input-container{
    margin-bottom: 0%;
}
div.form-group{
    margin-bottom: 0%;
}

.form-inline{
font: 12px sans-serif;
color:  rgba(0, 75, 141, 1);
padding-bottom: 0px; 
/*position: fixed;
width: 98.5%;
z-index: 1;
*/
}

.form-inline a,{
font: 12px sans-serif;
color: rgba(0, 75, 141, 1);
	
}

.row-fluid{
	padding: 5px;
}

/*.form-control:focus { 
	border-color: rgba(0, 75, 141, 1); 
	border-style: solid;
	border-width: 2px;
	-webkit-box-shadow: none; 
	box-shadow: none;
	}

 select.form-control{
 	-webkit-border-radius: 0 !important;
 	-moz-border-radius: 0; 
 	border-radius: 0;
 	}
 	
.input-group-addon {color:#555555; background-color: #eeeeee; border-radius: 0px; padding-left:12px}

select option:first-child {
	color: #4078AA !important;
    font-weight:bold;
}

select.blue, select option:first-child {
	color: #4078AA !important;
    font-weight:bold;


select.black, select option{
	color: #595959 !important;
}  }*/


/* Layout Icon Selectors */

.ly-selector input{
    margin:0;padding:0;
    display:none;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}

.ly-selector input:active +.layout-sel{
	 -webkit-filter:  hue-rotate(290deg) brightness(1.3) grayscale(.4) opacity(1);
        -moz-filter: hue-rotate(290deg) brightness(1.3) grayscale(.4)opacity(1);
             filter: hue-rotate(270deg) brightness(1.3) grayscale(.4) opacity(1);} 
             
.ly-selector input:checked +.layout-sel{
	 -webkit-filter: hue-rotate(290deg) brightness(1.3) grayscale(.4) opacity(1);
        -moz-filter: hue-rotate(290deg) brightness(1.3) grayscale(.4)opacity(1);
             filter: hue-rotate(290deg) brightness(1.3) grayscale(.4) opacity(1);} 
	
.layout-sel{
	margin: 5px auto auto;
    padding: 0;
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:30px;height:30px;
   
}
.layout-sel:hover{
    -webkit-filter: hue-rotate(290deg) brightness(1.5) grayscale(.5) opacity(.9);
       -moz-filter: hue-rotate(290deg) brightness(1.5) grayscale(.5) opacity(.9);
            filter: hue-rotate(290deg) brightness(1.5) grayscale(.5) opacity(.9);
            
}



/*.ly-selector input:active +.layout-sel{
	 -webkit-filter: brightness(1.8) grayscale(.4) opacity(1);
        -moz-filter: brightness(1.8) grayscale(.4)opacity(1);
             filter: brightness(1.8) grayscale(.4) opacity(1);} 
             
.ly-selector input:checked +.layout-sel{
	 -webkit-filter: brightness(1.8) grayscale(.4) opacity(1);
        -moz-filter: brightness(1.8) grayscale(.4)opacity(1);
             filter: brightness(1.8) grayscale(.4) opacity(1);} 
	
.layout-sel{
	margin: 5px auto auto;
    padding: 0;
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:30px;height:30px;
   
}
.layout-sel:hover{
    -webkit-filter: brightness(1.5) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.5) grayscale(.5) opacity(.9);
            filter: brightness(1.5) grayscale(.5) opacity(.9);
            
}*/