﻿/*#0c9323*/
/*button*/
.k-button {
    background: none;
    background-color: #76afae;
    border: none;
    color: white;
	
	background: linear-gradient(270deg, #0077c0 25%, #003374 82%);
	background: -moz-linear-gradient(270deg, #0077c0 25%, #003374 82%);
	background: -webkit-linear-gradient(270deg, #0077c0 25%, #003374 82%);
	background: -o-linear-gradient(270deg, #0077c0 25%, #003374 82%);
}

    .k-button:hover {
        background: none;
        background-color: #003374;
		color:#fff;
        border: none;
    }

    .k-button:focus {
        background: none;
        background-color: #003374;
        border: none;
    }

    .k-button:active {
        background: none;
        background-color: #003374;
        border: none;
    }

/*dropdownlist*/
.k-list .k-state-selected {
    background: none;
    background-color: #0c9323;
    border: none;
    color: white;
	box-shadow:none !important;
}


.k-list .k-state-hover {
    background: none;
    background-color: #7bb676;
    color: white;
	box-shadow:none !important;
}

/*footer*/
footer {
    background-color: #264347;
    color: white;
}

/*menu*/
#container nav {
    background-color: #0c9323;
	/*border-right:1px solid #d5d5d5;*/
	
	background: #0c9323;	
	}

    #container nav .k-menu .k-item {
        /*background-color: #7bb676;*/
		background:#dadada;
    }

    #container nav .k-menu .k-item .k-link {
        color: black;
        font-weight: bold;
    	}

    #container nav .k-menu .k-state-hover {
        background: none;
        background-color: #76afae;
		}

    #container nav .k-menu .k-link.k-state-active {
        background-color: #76afae;
		}

    #container nav .k-menu .k-state-selected {
        background-color: #285864;
		}
	
	.k-panelbar>li.k-item {
		background:rgba(255,255,255,0.1);
	}
	

	


/*tabs*/

/*fn-path*/

/*.fn-buttons*/
.fn-buttons .k-button {
    background: none;
    background-color: #889293;
    color: white;
	
	
	background: linear-gradient(270deg, #0077c0 25%, #003374 82%);
	background: -moz-linear-gradient(270deg, #0077c0 25%, #003374 82%);
	background: -webkit-linear-gradient(270deg, #0077c0 25%, #003374 82%);
	background: -o-linear-gradient(270deg, #0077c0 25%, #003374 82%);
}

    .fn-buttons .k-button:hover {
        background: none;
        background-color: #003374;
    }

    .fn-buttons .k-button:active {
        background: none;
        background-color: #003374;
        border: none;
    }

.fn-buttons .k-button-icon {
    background: none;
	padding:0px;
	margin:0px 5px 0px 0px;
}

    .fn-buttons .k-button-icon:hover {
        background: none;
    }

    .fn-buttons .k-button-icon .k-icon {
        color: black;
    }

.fn-buttons .k-overflow-container {
    background-color: white;
}

.k-toolbar-first-visible .k-overflow-button {
    background-color: #285864;
}

.fn-buttons .k-overflow-button:hover {
    background-color: #76afae;
}


/*--下拉選單底色--*/
.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list>.k-state-highlight, .k-list>.k-state-selected, .k-marquee-color, .k-panel>.k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
	color: #fff;
	/*background-color: #f35800;*/
	background-color: #0f7f8b;
	background-image:none !important;
	
	}

.k-fieldselector .k-list .k-item, .k-list-optionlabel.k-state-focused, .k-list-optionlabel.k-state-selected, .k-listbox .k-item, .k-overflow-container .k-state-focused, .k-overflow-container .k-state-hover, .k-overflow-container .k-state-selected, .k-popup .k-list .k-state-focused, .k-popup .k-list .k-state-hover, .k-popup .k-list .k-state-selected {
	border-width: 1px !important;
	border-color:transparent !important;
	
	}
	
.k-button.k-state-focused, .k-grid-header th.k-state-focused, .k-list>.k-state-focused, .k-listview>.k-state-focused, .k-state-focused, td.k-state-focused {
	-webkit-box-shadow:  none !important;
	box-shadow:  none !important;
}
	
.k-list-container {
	border-color: #c5c5c5;
	background-color: #ebebeb;
}




/*grid*/
.k-grid .k-grid-header {
    background-color: #0c9323;
    border-bottom: 3px solid #048b00;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .k-grid .k-grid-header .k-grid-header-wrap {
        border: none;
    }

    .k-grid .k-grid-header th {
        background-color: #0c9323;
        color: white;
    }

.k-grid .k-grid-content tr:hover {
    background: none;
    background-color: #e5e5e3;
}

.k-grid .k-grid-content tr.k-state-selected {
    background: inherit;
    color: black;
}

    .k-grid .k-grid-content tr.k-state-selected:hover {
        background: #dbdfce;
    }

.k-grid .k-pager-wrap {
    background-color: #0c9323;
    /*border-top: 1px solid #1f5a64;*/
}

    .k-grid .k-pager-wrap .k-link:hover {
        background: none;
        background-color: #0077c0;
        border: none;
        color: white;
    }

    .k-grid .k-pager-wrap .k-link .k-icon {
        color: white;
    }

.k-grid .k-pager-numbers .k-state-selected {
    color: white;
    background-color: #003374;
	border:#003374;
}




.k-panelbar>.k-item>.k-link {
	border-color: #54cdaa;
	padding: 0 10px;
}

.k-panel>li.k-item {
    /*background-color: #fff;*/
	background-color:transparent !important;
    padding: 6px 0px;
}

.k-panel>li.k-item:hover {
	background:#7ab273 !important;
	background:rgba(255,255,255,0.4) !important;

}

.k-panel>.k-item>.k-link {
	line-height: 1.3em;
	color: #235748;
	padding: 0 10px;
	}


.k-panel>.k-item>.k-link:hover {
	background:none !important;
	box-shadow:none !important;
}
	
#container nav .k-button:hover {
		box-shadow:none !important;
}

.fn-buttons .k-button:hover {
		box-shadow:none !important;
}


/*--另開視窗-選單--*/
a.k-button {
    box-shadow: none !important;
}

table a.k-button:active {
    background:#003374 !important;
}





/*
.k-state-default:hover {
	background:#dbdbdb;
}*/



