.auo-primary-button {
    border-color: #28bfba;
    color: #fff;
    background-color: #28bfba;
    background-image: linear-gradient(rgba(40,161,191,0),rgba(40,161,191,0.2));
    background-clip: padding-box;
    border-radius: 2px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    font-size: 1em;
    /*line-height: 1.4285714286;
    font-family: inherit;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    position: relative;*/
    /*width:100%;*/
    /* width: calc((100% - 40px)/2); */
    /*padding: 4px 8px;*/
}

    .auo-primary-button:active:enabled {
        border-color: #28bfba;
        color: #fff;
        background-color: #28bfba;
        background-image: linear-gradient(rgba(40,161,191,0.2),rgba(40,161,191,0));
        box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.06);
    }

    .auo-primary-button:hover:enabled {
        border-color: #28bfba;
        color: #fff;
        background-color: #28bfba;
        background-image: linear-gradient(rgba(40,161,191,0.2),rgba(40,161,191,0));
        box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.06);
    }

#gridSettingEventCode .k-button-icontext.k-grid-save-changes {
    border-color: #28bfba;
    color: #fff;
    background-color: #28bfba;
    background-image: linear-gradient(rgba(40,161,191,0),rgba(40,161,191,0.2));
    background-clip: padding-box;
    border-radius: 2px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    font-size: 1em;
}

    #gridSettingEventCode .k-button-icontext.k-grid-save-changes:active:enabled {
        border-color: #28bfba;
        color: #fff;
        background-color: #28bfba;
        background-image: linear-gradient(rgba(40,161,191,0.2),rgba(40,161,191,0));
        box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.06);
    }

    #gridSettingEventCode .k-button-icontext.k-grid-save-changes:hover:enabled {
        border-color: #28bfba;
        color: #fff;
        background-color: #28bfba;
        background-image: linear-gradient(rgba(40,161,191,0.2),rgba(40,161,191,0));
        box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.06);
    }


.auo-second-button {
    background-clip: padding-box;
    background-color: #f6f6f6;/*#f0f0f0;*/
    border-radius: 2px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    font-size: 1em;
    border-color: rgba(0,0,0,0.08);/*darkgray;*/
    /*line-height: 1.4285714286;
    font-family: inherit;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    position: relative;*/
    /*width:100%;*/
    /*padding: 4px 8px;*/
}

    .auo-second-button:active:enabled {
        border-color: rgba(0,0,0,0.08);
        color: #656565;
        background-color: #f6f6f6;
        background-image: none;
        box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.06);
    }

    .auo-second-button:hover:enabled {
        border-color: rgba(0,0,0,0.08);
        color: #656565;
        background-color: #f6f6f6;
        background-image: none;
        box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.06);
    }

.auo-danger-button {
    border-color: red;
    color: #fff;
    background-color: red;
    background-image: linear-gradient(rgba(40,161,191,0),rgba(40,161,191,0.2));
    background-clip: padding-box;
    border-radius: 2px;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    font-size: 1em;
}

    .auo-danger-button:active:enabled {
        border-color: #ff5656;
        color: #fff;
        background-color: #ff5656;
        background-image: linear-gradient(rgba(40,161,191,0.2),rgba(40,161,191,0));
        box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.06);
    }

    .auo-danger-button:hover:enabled {
        border-color: #ff5656;
        color: #fff;
        background-color: #ff5656;
        background-image: linear-gradient(rgba(40,161,191,0.2),rgba(40,161,191,0));
        box-shadow: inset 0 2px 2px 0 rgba(0,0,0,0.06);
    }

/*.auo-input:focus {
    border-color: rgba(0, 0, 0, .15);
    color: #656565;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .03), 0 4px 5px 0 rgba(0, 0, 0, .04);
    outline: none;
}

.auo-input:hover {
    border-color: rgba(0, 0, 0, .15);
    color: #656565;
    background-color: #fff;
}*/
input[type=text]:focus {
    border-color: rgba(0, 0, 0, .15);
    color: #656565;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .03), 0 4px 5px 0 rgba(0, 0, 0, .04);
    outline: none;
}
input[type=text]:hover {
    border-color: rgba(0, 0, 0, .15);
    color: #656565;
    background-color: #fff;
}

input[type=search]:focus {
    border-color: rgba(0, 0, 0, .15);
    color: #656565;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .03), 0 4px 5px 0 rgba(0, 0, 0, .04);
    outline: none;
}
input[type=search]:hover {
    border-color: rgba(0, 0, 0, .15);
    color: #656565;
    background-color: #fff;
}
/*.auo-textarea:focus {
    border-color: rgba(0, 0, 0, .15);
    color: #656565;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .03), 0 4px 5px 0 rgba(0, 0, 0, .04);
    outline: none;
}

.auo-textarea:hover {
    border-color: rgba(0, 0, 0, .15);
    color: #656565;
    background-color: #fff;
}*/
textarea:focus {
    border-color: rgba(0, 0, 0, .15);
    color: #656565;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .03), 0 4px 5px 0 rgba(0, 0, 0, .04);
    outline: none;
}

textarea:hover {
    border-color: rgba(0, 0, 0, .15);
    color: #656565;
    background-color: #fff;
}

.k-pager-numbers .k-link.k-state-selected {
    color: #fff;
    background-color: #1FBBA6;
}

.k-pager-numbers .k-link {
    color: #2e2e2e;
}



#cboxOverlay {
    background: rgba(0,0,0,.7);
    opacity: 1;
}

#tooltip2_tt_active {
    border: 1px solid #aaaaaa;
    background: #ffffff url(/MvcWebPortal/Content/Images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
        box-shadow: 0 0 5px #aaa;
}
.k-grid {
    font-size: 2.2vh;
}

input[type=checkbox] {
        width:2.2vh;
        height:2.2vh;
    }

/*select {
        background: #d7d4d4;
}*/
/*::selection {
   color: red;
  background: yellow;
}*/

/*select[name=eventDataTable_length] {
    background: #d7d4d4;
}*/

.bg-green{
  background: #76c80e;
}

.bg-orange{
  background: #ff9500;
}

.bg-red{
  background: #ff5e3a;
}

.text-orange {
    color: #ff9500;
}
/*table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  text-align: left;
  padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}

th {
  background-color: lightgray;
  color: #656565;
}*/
#yc_table ,#eventDataTable{
    border-collapse: collapse;
  width: 100%;
}
#yc_table th, #eventDataTable  th,td{
    text-align: left;
  padding: 8px;
}
#yc_table tr:nth-child(even){background-color: #f2f2f2}
#yc_table tr:nth-child(odd){background-color: #fff}
#eventDataTable tr:nth-child(even){background-color: #f2f2f2}
#eventDataTable tr:nth-child(odd){background-color: #fff}

#yc_table th,#eventDataTable th {
  background-color: lightgray;
  color: #656565;
}

    #eventDataTable  .btn-link {
    color:black;
    }

.ui-tooltip {
max-width:inherit;
font-family: 微軟正黑體;
}
.k-window {
font-size: 1.125rem;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(/MvcWebPortal/Content/Images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}