FineUI/FineUI_v6/FineUI.Examples/extjs_builder/res/FineUI.css

.f-hidden {
	display: none;
}

.f-inline-block {
	display: inline-block;
}


.cursor-pointer {
    cursor: pointer;
}


.gray {
    color: gray;
}


.x-item-disabled {
    opacity: .6;
    -moz-opacity: .6;
    filter: alpha(opacity=60);
}



/* elbow */
.x-elbow {
    float: left;
    height: 13px;
    width: 18px;
    background: transparent url(./images/elbow.gif) no-repeat 0px 0px;
}

.x-elbow-line {
    float: left;
    height: 13px;
    width: 18px;
    background: transparent url(./images/elbow-line.gif) no-repeat 0px 0px;
}

.x-elbow-end {
    float: left;
    height: 13px;
    width: 18px;
    background: transparent url(./images/elbow-end.gif) no-repeat 0px 0px;
}

.x-elbow-empty {
    float: left;
    height: 13px;
    width: 18px;
    background: transparent url(./images/elbow-empty.gif) no-repeat 0px 0px;
}



.x-boundlist-item-disabled {
    background: #fff none repeat scroll 0% 0% !important;
    border: 1px solid #fff !important;
    cursor: default;
    color: gray;
}



.f-input-text-hidden {
	position: absolute;
	top: 0;
	left: -10000px;
	width: 1px;
	height: 1px;
	border: none;
	padding: 0;
}



.f-field-ddlpop-autowidth .x-boundlist-item {
    white-space: nowrap;
}


.f-formrow .x-column-form-item {
	margin-bottom: 5px;
}




.f-messagebox-errorfield {
	margin-bottom: 5px;
	font-weight: bold;
}

.f-messagebox-errormsg {
	font-size: 0.9em;
}


/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> extjs v6.0 <20><><EFBFBD><EFBFBD>Ҫ<EFBFBD><D2AA> */

/* <20><><EFBFBD><EFBFBD>δ<EFBFBD><CEB4><EFBFBD>ô<EFBFBD><C3B4><EFBFBD><EFBFBD>ԣ<EFBFBD>16px<70>߶ȵ<DFB6>ͼƬ<CDBC><C6AC>ռ<EFBFBD><D5BC>19px<70>߶ȣ<DFB6><C8A3><EFBFBD><EFBFBD><EFBFBD>3px<70><78><EFBFBD><EFBFBD><EFBFBD>dz<EFBFBD><C7B3><EFBFBD>CSS<53><53><EFBFBD><EFBFBD> */
.f-grid-imagefield,
.f-grid-static-checkbox,
.f-grid-checkbox {
    vertical-align: top;
}


/* Ҫ<>ܸ<EFBFBD><DCB8><EFBFBD> .x-grid .x-grid-td <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
.x-grid .x-grid-td.x-grid-cell-special {
    vertical-align: top;
    border-right-width: 0;
}
.x-grid .x-grid-td.x-grid-cell-row-numberer {
    vertical-align: middle;
}

.x-grid .x-grid-with-col-lines .x-grid-cell {
    border-right-width: 1px;
}

.x-grid-cell-special {
    background-color: inherit;
    background-image: none;
}
.x-grid-item-selected .x-grid-cell-special {
    background-color: inherit;
    background-image: none;
}

/* extjs v6.0, <20><>Ҫ<EFBFBD><D2AA><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>еı<D0B5><C4B1><EFBFBD>ɫ<EFBFBD><C9AB><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ȫѡ<C8AB><D1A1><EFBFBD><EFBFBD>һ<EFBFBD><D2BB><EFBFBD><EFBFBD><EFBFBD>dz<EFBFBD><C7B3><EFBFBD><EFBFBD><EFBFBD> */
.x-grid-cell-inner-row-numberer {
    background-color: inherit;
    background-image: none;
}


/* ȥ<><C8A5>focus<75><73><EFBFBD><EFBFBD>ʽ */
.x-grid-item-focused .x-grid-cell-inner:before,
.x-column-header.x-column-header-focus .x-column-header-inner:after {
    display: none;
}
.x-btn-focus,
.x-tab-focus,
.x-tool-focus,
.x-btn-focus .x-btn-wrap {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}
    



/* <20>ϲ<EFBFBD>ҳ<EFBFBD>浯<EFBFBD><E6B5AF><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʱ<EFBFBD><CAB1><EFBFBD>ܻᵼ<DCBB><E1B5BC>ҳ<EFBFBD><D2B3><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ƶ<EFBFBD><C6B5><EFBFBD><EFBFBD><EFBFBD> */
.f-window-wrapper {
    position: absolute;
    top: 0;
    left: 0;
}


/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>۵<EFBFBD>ʱ<EFBFBD><CAB1><EFBFBD><EFBFBD>ʾ<EFBFBD>ײ<EFBFBD><D7B2>߿<EFBFBD> */
.x-fieldset.x-fieldset-collapsed {
    border-bottom-width: 0 !important;
}


.x-body {
    background-color: #fff;
}



.x-viewport, 
.x-viewport > .x-body {
    overflow: hidden !important;
}




.x-ie11 .f-fileupload-buttononly .x-form-text-field-body-default,
.x-ie10 .f-fileupload-buttononly .x-form-text-field-body-default,
.x-ie9 .f-fileupload-buttononly .x-form-text-field-body-default,
.x-ie8 .f-fileupload-buttononly .x-form-text-field-body-default {
    min-width: inherit;
}
.x-ie11 .f-fileupload-buttononly .x-form-trigger-wrap,
.x-ie10 .f-fileupload-buttononly .x-form-trigger-wrap,
.x-ie9 .f-fileupload-buttononly .x-form-trigger-wrap,
.x-ie8 .f-fileupload-buttononly .x-form-trigger-wrap {
    display: inline;
}
.x-ie11 .f-fileupload-buttononly .x-form-trigger,
.x-ie10 .f-fileupload-buttononly .x-form-trigger,
.x-ie9 .f-fileupload-buttononly .x-form-trigger,
.x-ie8 .f-fileupload-buttononly .x-form-trigger {
    display: block;
}