/*
 * 定義曉數碼的CSS風格
 * Edit By smallwow
 * 2021-02-23
 */

body{
	color: #333;
}

a{
	color: #E61478;
}

.avatar {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
}

.text-akatsuki{
	color: #E61478;
}


.text-from-note{
	color: #7490BD;
}

/*管理員介面側邊選單*/
.slide.is-expanded [data-toggle='slide'] {
    border-left-color: #E61478;
    background: #E61478;
    color: #ffffff;
}

.slide-item.active, .slide-item:hover, .slide-item:focus{
	color: #E61478 !important
}

.sidebar-mini .app-header.header:after{
	background: linear-gradient(to right, #fdd000 0%, #f39b12 10%, #e8322d 20%, #df0775 30%, #943991 40%, #0286cc 50%, #00bdff 60%, #009b84 70%, #3fb034 80%, #8fc325 90%, #fdd000 100%);				
}

.app-content-survey{
	margin-left: 0px;
	padding: 1em;
}

/*.form-label,.control-label{
	color: #7490BD;
}
.checkbox-custom label{
	color: #7490BD;
}
*/

/*表單元件群*/
.btn-akatsuki{
	background-color: #fff;
	border: 1px solid #E61478 !important;
	color: #E61478;
}
.btn-akatsuki:hover{
	background-color: #E61478;
	color: #fff;
}
.header{
	background: #FFF;				
}
.input-icon .form-control:not(:last-child){
	border: 1px solid #E61478;
}

.header-2:before {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background: -webkit-gradient(linear, left top, right top, from(#fdd000), color-stop(10%, #f39b12), color-stop(20%, #e8322d), color-stop(30%, #df0775), color-stop(40%, #943991), color-stop(50%, #0286cc), color-stop(60%, #00bdff), color-stop(70%, #009b84), color-stop(80%, #3fb034), color-stop(90%, #8fc325), to(#fdd000));
	background: linear-gradient(to right, #fdd000 0%, #f39b12 10%, #e8322d 20%, #df0775 30%, #943991 40%, #0286cc 50%, #00bdff 60%, #009b84 70%, #3fb034 80%, #8fc325 90%, #fdd000 100%);
} 


.bg-gradient {
	/*background-image: linear-gradient(110deg, #04A8FB 1%, #871faf 100%);*/
	background: linear-gradient(to right, #fdd000 0%, #f39b12 10%, #e8322d 20%, #df0775 30%, #943991 40%, #0286cc 50%, #00bdff 60%, #009b84 70%, #3fb034 80%, #8fc325 90%, #fdd000 100%);
	background: #eceef9;
}


.btn-primary{
	background:#FFF;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #666 !important;
	color: #333;
	font-size: 14px;
	padding: 6px 40px;
	font-weight: bold;
	-webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
	box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
}

.btn-primary:hover {
	border: 1px solid #FFF !important;
	background:#E61478;			
	color: #FFF;			    
}
.form-control{
	border: 1px solid #ccc;
}

.form-control:focus {
	outline: -webkit-focus-ring-color auto 1px;
	outline-color: -webkit-focus-ring-color;
	outline-style: auto;
	outline-width: 1px;
}


/*Jquery UI CUstomer */

.ui-widget-header{
	background:#E61478;			
	color: #FFFFFF;	
}
.ui-button{
	background-color: #E61478;
	color: #FFFFFF;
	line-height: 1.84615385;
}
.ui-button:hover,.ui-button:focus,.ui-state-active:hover,.ui-button:active{
	background-color: #FFFFFF;
	color: #E61478;
	border: 1px solid #E61478 !important;

}