﻿
/* Gradient Button */

#mainFrameContent input[type="button"]:not(.ajax__html_editor_extender_button),
#mainFrameContent input[type="submit"]:not(.btn),
#mainFrameContent input[type="reset"]:not(.btn),
#mainFrameContent button:not(.btn) {
    /*display: inline-block;
	*display: inline;
	vertical-align: baseline;
	margin: 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .3em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-weight:bolder;
	padding: 3px 5px;
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');*/
    /*display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-image: linear-gradient(#54b4eb, #2FA4E7 60%, #1d9ce5);
    background-repeat: no-repeat;
    text-shadow: 0 1px 0 rgb(0 0 0 / 5%);
    color: #fff !important;
    background-color: #2FA4E7;
    border-color: #2FA4E7;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    cursor: pointer;*/
    display: inline-block;
    font-weight: 400;
    color: #fff;
    background-color: #2FA4E7; /*強制使用btn-primary的效果*/
    border-color: #2FA4E7;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0px solid transparent;
    padding: .175rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
}

#mainFrameContent input[type="button"]:hover:not(.ajax__html_editor_extender_button.btn),
#mainFrameContent input[type="submit"]:hover:not(.btn),
#mainFrameContent input[type="reset"]:hover:not(.btn),
#mainFrameContent button:hover:not(.btn) {
    color: #fff;
    background-color: #1992d7;
    border-color: #178acc;
    text-decoration: none
    /*background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');*/
}


    #mainFrameContent input[type="button"].focus:not(.btn),
    #mainFrameContent input[type="submit"].focus:not(.btn),
    #mainFrameContent input[type="reset"].focus:not(.btn),
    #mainFrameContent button:hover.focus:not(.btn) {
        outline: 0;
        -webkit-box-shadow: 0 0 0 0.2rem rgba(78,178,235,0.5);
        box-shadow: 0 0 0 0.2rem rgba(78,178,235,0.5)
    }
#mainFrameContent input[type="button"]:active:not(.btn),
#mainFrameContent input[type="submit"]:active:not(.btn),
#mainFrameContent input[type="reset"]:active:not(.btn),
#mainFrameContent button:active {
    color: #fff;
    background-color: #178acc;
    border-color: #1682c0
    /*position: relative;
        top: 1px;
        color: #afafaf;
        background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
        background: -moz-linear-gradient(top, #575757, #888);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');*/
}

#mainFrameContent input[type="button"]:disabled:not(.btn),
#mainFrameContent input[type="submit"]:disabled:not(.btn),
#mainFrameContent input[type="reset"]:disabled:not(.btn),
#mainFrameContent button:disabled:not(.btn) {
    opacity: .65;
    color: #fff;
    background-color: #2FA4E7;
    border-color: #2FA4E7
    /*position: relative; top: 1px;
		color: #969696;
		background: -webkit-gradient(linear, left top, left bottom, from(#CDCDCD), to(#FFFFFF));
		background: -moz-linear-gradient(top, #CDCDCD, #FFFFFF);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CDCDCD', endColorstr='#FFFFFF');*/
}

#mainFrameContent .btn-blue{background: #3498db !important;}#mainFrameContent .btn-blue:hover{background:#0080ff !important;color:#e9e9e9;}
#mainFrameContent .btn-purple{background: #E2A9F3 !important;}#mainFrameContent .btn-purple:hover{background: #DA81F5 !important;color: #e9e9e9;}
#mainFrameContent .btn-green{background: #04B404 !important;}#mainFrameContent .btn-green:hover{background: #5FB404 !important;color: #e9e9e9;}
#mainFrameContent .btn-yellow{background: #ebbc44 !important;}#mainFrameContent .btn-yellow:hover{background: #DF7401 !important;color: #e9e9e9;}
/* fix PaggerList */
#tableLisControlPanel input[type="button"],
#tableLisControlPanel input[type="submit"]{
	color: #000;
	font:inherit;
	margin:0;
	border:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shodow:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}

#tableLisControlPanel input[type="button"]:hover,
#tableLisControlPanel input[type="submit"]:hover{
	text-decoration: none;
	background:url("/images/background/paggingListBackground.png") no-repeat scroll 100% 0 transparent
}


/*a.btn.disabled, fieldset:disabled a.btn {
    pointer-events: none
}

        .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(38,143,255,.5)
        }*/


