@charset "UTF-8";


.soa2 { 
	background-color: rgba(255,255,0,0.3) !important; 
}

.soa3 { 
	background-color: rgba(255,0,0,0.1) !important;  
}
.soa0 { 
	background-color: rgba(0,0,0,0) !important;   
}
.soaColorWhite{
	/*color: white; 	*/

}

.soaLogFail{
	color: red;
}
.soa_red{
	color: red;
}
.soa_request{
	color: yellow;
	font-weight: bold;
}


#headertoolbar, #sidenav{
	background:    #750000;
    background: -webkit-linear-gradient(90deg, rgb(169,1,0), rgb(255, 255, 255)); /*深紅漸層到白色*/
    background: linear-gradient(90deg, rgb(169,1,0), rgb(255, 255, 255));
    box-shadow: 0px 0px 15px #333;
}

.ctsm_btn{
	background: rgb(216,105,243);
	background: linear-gradient(145deg, rgba(216,105,243,1) 0%, rgba(51,77,209,1) 45%, rgba(206,228,250,1) 100%);
	border-radius: 10px;

    min-width: 150px;
}

/*同時擁有兩類別的元件，覆蓋myArea的樣式*/
.myArea.myAreaCt{
	background: rgba(255,255,255,0.05);
    border: 0px;
    margin-bottom: 0px;
}




/* 當視窗寬度不大於（小於900）時*/
@media all and (max-width: 899px){
    .content>.row {

    	padding-top: 0px;
    }

}

/* 隱藏legend div */
.tmpl_devCard .amcharts-legend-div{
	height: 0px !important;
}

/* 隱藏 右上角show all  */
.tmpl_devCard .amcharts-zoom-out-bg,
.tmpl_devCard .amcharts-zoom-out-image,
.tmpl_devCard .amcharts-zoom-out-label{
	display: none ;
}

md-select-menu.md-dark-theme md-content md-option[selected] {
    color: rgb(63,81,427);
}
md-select-menu.md-dark-theme md-content md-option[selected]:focus {
    color: rgb(63,81,427);
}


.devCard_val{
	font-size: min(2.3vh, 20px);
}