/* primefaces customize style */

.ui-state-default .ui-icon,
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(../img/jquery/ui-icons_156d52_256x240.png);
}
/*
.ui-datatable .ui-state-default {
    /* color: #333333; 
    background-color: #f1f1f1 !important;
    background-image: none !important;
    border-color: #ccc !important; 
} */

th.ui-state-default {
    background-color: #f1f1f1 !important;
    background-image: none !important;
    border-color: #ccc !important; 
}

.ui-datatable .ui-state-default .ui-inputtext {
    background-color: #ffffff !important;
}

.ui-dialog {
    border-radius: 0px 0px 4px 4px;
    padding: 0px !important;
    border: none !important;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
    z-index: 102
}

.ui-dialog-titlebar {
    border-radius: 0px;
    color: #fff;
    background: #4b8820 url(../img/btn_bg.gif) repeat-x scroll center bottom !important;
    padding: 2px 20px!important;
}

.ui-dialog.ui-widget-content .ui-dialog-title {
    font-size: 18px !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    height: 14px !important;
    width: 14px !important;
    background: none!important;
    margin: -13px 10px 0 0 !important;
    position: absolute;
    right: 5px;
    top: 20px;
}

.ui-dialog .ui-icon-closethick {
    background: url(../img/jquery/icon-del@2x.png) !important;
    background-size: 14px 14px !important;
    width: 100%;
    height: 100%;
}

.ui-dialog .ui-icon-closethick:hover {
    background: url(../img/jquery/icon-del-over@2x.png) !important;
    background-size: 14px 14px !important;
}

@media \0screen {
    .ui-dialog .ui-icon-closethick {
         background: url(../img/jquery/icon-del.png) !important;
    }
    .ui-dialog .ui-icon-closethick:hover {
        background: url(../img/jquery/icon-del-over.png) !important;
    }
}

.ui-dialog .ui-corner-all {
    border-bottom-right-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
}

.ui-dialog .ui-dialog-content {
	padding: 0 !important; /*@PF*/
	background: #fff !important; /*@PF*/
}

.ui-widget-overlay {
    background: url(../img/jquery/ui-bg_dots-small_50_000_2x2.png) repeat!important;
    opacity: 1!important;
}


/*dialog button 置中*/

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    text-align: center;
}



 /*@PF BEGIN */
 
.ui-outputlabel-rfi {
	color: #bf311a;
}

.warning_box {
    padding: 10px;
    color: white;
    line-height: 18px;
    background: #333333;
    font-size: 14px !important;
    box-shadow: 0px 2px 3px rgba(100, 100, 100, 0.2) !important;
    border-radius: 3px !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative;
    z-index: 4;
    right: 89%;
    margin-top: -35px;
    width: 200px;
    float: left;
    display: none;
}

.warning_box:before {
    content: "";
    width: 0px;
    height: 0px;
    border: 11px solid;
    position: absolute;
    // bottom: -15px;
    border-color: transparent transparent transparent #333333;
    right: -20px;
}

.ui-datatable-empty-message {
	text-align: center;
}
 
.ui-state-highlight {
    text-shadow: none !important;
}

.ui-steps.custom .ui-steps-item {
    width: 33%;
}
 
.ui-steps {
    margin-bottom: 60px;
}
 
.ui-steps .ui-steps-item .ui-menuitem-link {
    height: 10px;
    padding: 0 1em;
}
 
.ui-steps .ui-steps-item .ui-steps-number {
    background-color: #008000;
    color: #FFFFFF;
    display: inline-block;
    width: 30px;
    border-radius: 10px;
    margin-top: -10px;
    margin-bottom: 10px;
}
 
.ui-steps .ui-steps-item.ui-state-highlight {
    background-color: #009900;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009900), to(#00b700));
    background-image: -webkit-linear-gradient(top, #009900, #00b700);
    background-image: -o-linear-gradient(top, #009900, #00b700);
    background-image: linear-gradient(to bottom, #009900, #00b700);
}
 
.ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
    color: #000;
	font-weight: bold;
}

.ui-steps.custom2 .ui-steps-item {
    width: 50% !important;
}

.ui-widget {
    font-family: '微軟正黑體', 'Microsoft JhengHei', Arial, sans-serif !important;
}

/* Dialog Iframe */
.ui-dialog .ui-dialog-content iframe {
    border: none;
    width: 100%;
    height: 100%;
    /*min-height: 620px;*/
}


.ui-message-error {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    display: inline-block;
    margin-left: 5px;
    padding: 0 0 7px;
    position: relative;
    float: left;
}

.ui-message-error span.ui-message-error-detail {
    /*color: #fd516b;*/
    /*
    color:#a94442;*/
    color: #f14649;
    float: left;
    font-size: 13px;
    font-weight: bold;
    /*margin-left: 5px;*/
    /*padding-left: 23px;*/
    position: relative;
    top: 8px;
    border: none;
}

.ui-message-error span.ui-message-error-icon {
    background: url("../img/ui.png") no-repeat scroll -3px -5px;
    float: left;
    font-size: 15px;
    height: 21px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 25px;
    border: none;
}

.ui-messages.ui-widget {
    display: inline-block;
    margin-top: 5px;
    padding-bottom: 10px;
    position: relative;
    width: 100%;
    border: none;
}

.ui-messages-error.ui-corner-all {
    border: none;
    /*
    background: #FFFEF7 !important;
    border: 1px solid #cccccc;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    line-height: 1.8em;
    */
    margin: 0px;
    padding: 10px 20px;
    position: relative;
}

.ui-messages-announce.ui-corner-all {
    background: #F7F7F7 !important;
    border: none;
    /*
    border: 1px solid #cccccc;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    line-height: 1.8em;
    */
    margin: 0px;
    padding: 10px 20px;
    position: relative;
}

.ui-messages-error.ui-corner-all ul li span {
    color: #bf311a;
    font-size: 16px;
}

.ui-messages-announce.ui-corner-all ul li span {
    color: #333;
    font-size: 15px;
}

.ui-messages-error-summary,
.ui-messages-announce-summary {
    margin: 0 0 0 10px !important;
    border: none;
}

.ui-messages-error-icon {
    margin-top: 0 !important;
}

.ui-messages ul {
    margin: 0 !important;
}

.ui-message-prompt-icon {
    background: url("../img/ui_message_prompt_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    font-size: 15px;
    height: 16px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 16px;
}

.ui-message-prompt-detail {
    color: #00c0b4;
    float: left;
    font-size: 12px;
    padding-left: 20px;
    position: relative;
    top: 8px;
}
.ui-radiobutton .ui-radiobutton-box {
    background: #fff !important;
    border: 1px #cacaca solid;
    box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
}

.ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon {
    background: url("../img/ui.png") no-repeat -137px -72px;
}

.ui-chkbox .ui-chkbox-box.ui-state-disabled {
    border: none !important;
    opacity: 1;
}

.ui-icon-bullet {
    background-position: -81px -145px;
}

.ui-selectonebutton .ui-button {
    color: #098c6a !important;
    font-size: 14px !important;
    text-decoration: none !important;
    text-shadow: none;
    margin: 0 0px 0px 0px !important;
    -webkit-transition: all 0.40s ease-in-out;
    -moz-transition: all 0.40s ease-in-out;
    -ms-transition: all 0.40s ease-in-out;
    -o-transition: all 0.40s ease-in-out;
    border: 1px #a4c9bd solid !important;
    background: #ffffff url(../img/tb_btn_bg.gif) repeat-x bottom !important;
}

.ui-selectonebutton .ui-button:hover {
    color: #fff !important;
    -webkit-transition: all 0.20s ease-in-out;
    -moz-transition: all 0.20s ease-in-out;
    -ms-transition: all 0.20s ease-in-out;
    -o-transition: all 0.20s ease-in-out;
    background: #10aa56 !important;
    border: #004f00 1px solid !important;
}

.ui-selectonebutton .ui-state-active {
    color: #fff !important;
    -webkit-transition: all 0.20s ease-in-out;
    -moz-transition: all 0.20s ease-in-out;
    -ms-transition: all 0.20s ease-in-out;
    -o-transition: all 0.20s ease-in-out;
    background: #006f37 !important;
    border: #004f00 1px solid !important;
}

.ui-selectoneradio label {
    margin: 7px 16px 0 2px !important;
}

.ui-widget-header {
	background: #009300 !important;
    color: #fff !important;
}

.ui-datepicker-title {
    color: #fff !important;
}

.ui-inputfield.ui-state-error, .ui-widget-header .ui-inputfield.ui-state-error, .ui-widget-content .ui-inputfield.ui-state-error {
    /*color: #333333;*/
    /*border: 1px solid #ff0000 !important;*/
    border-left: 2px solid #ef5350;
}

.ui-selectonemenu {
	display:inline-block;
	position:relative;
	width:auto;
	zoom:1;
	cursor:pointer;
	padding-right:0 !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
	/*
	border-right:0;
	border-top:0;
	border-bottom:0;
	cursor:pointer;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	*/
	width:18px !important;
	padding:0 0px !important;
}

.ui-message-fatal-icon {
	margin: 5px 0px 0px 0px !important;
}

body .ui-password .ui-password-icon {
    cursor: pointer
}

body .ui-password.ui-password-masked .ui-password-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

body .ui-password.ui-password-masked .ui-password-icon:before {
    content: ""
}

body .ui-password.ui-password-unmasked .ui-password-icon {
    font-family: "primeicons" !important;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    background: none
}

body .ui-password.ui-password-unmasked .ui-password-icon:before {
    content: ""
}

body .ui-password-panel {
    background: #fff;
    color: #495057;
    padding: 1rem;
    border: 0 none;
    margin: 0;
    width: auto;
    min-width: 150px;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
    border-radius: 4px
}

body .ui-input-icon-left,body .ui-input-icon-right {
    position: relative;
    display: inline-block
}

body .ui-fluid .ui-input-icon-left,body .ui-fluid .ui-input-icon-right {
    display: block
}

body .ui-input-icon-left>i,body .ui-input-icon-right>i {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem
}

body .ui-input-icon-left>i:first-of-type {
    left: .5rem;
    color: #6c757d
}

body .ui-input-icon-left>.ui-inputfield {
    padding-left: 2rem
}

body .ui-input-icon-right>i:last-of-type {
    right: .6rem;
    color: #6c757d
}

body .ui-input-icon-right>.ui-inputfield {
    padding-right: 2rem
}