/* ng-grid ???????? */
.ngGrid{
	background: none;
}
.ngTopPanel{
    background-color: rgba(0,147,178,0.8);
}

.ngRow {
    border-bottom: 1px solid #64eaff;
}

.ngRow.even {
    background: rgba(0,147,178,0.3);
}

.ngRow.odd {
    background: none;
}

.ngFooterPanel{
    background: none;
}

.ngSortButtonDown,
.ngSortButtonUp{
	border-top-color: #0ff;
    border-bottom-color: #0ff;
}

.ngHeaderScroller .ngHeaderCell .ngVerticalBarVisible {
    width: 0px !important;
}

.ngRow .ngCell .ngVerticalBarVisible {
    width: 0px !important;
}





/* ?????????    */
.energyCommonTable{
	width: 100%;
	border: 1px solid #64eaff;
}
.energyCommonTable>tbody>tr>td{
	border: 1px solid #64eaff;
	padding: 0.5vh;
	font-size: 1.5vh;
	text-align: center;
	color: #fff;
}
.energyCommonTable>thead>tr>th{
	border: 1px solid #64eaff;
	padding: 0.5vh;
	font-size: 1.5vh;
	text-align: center;
	color: #fff;
}
.energyCommonTable thead{
	background: rgba(0,147,178,0.8);
}
.energyCommonTable tbody tr:nth-child(2n){
	background: rgba(0,147,178,0.3);
}
.energyCommonTable tbody tr:nth-child(2n+1) td:nth-child(1){
	background: rgba(0,147,178,0.3);
}
.energyCommonTable .glyphicon{
    padding: 0 5px;
    cursor: pointer;
}
.energyCommonTable a{
	color: #25becc;
}


/* ?????? */
.falaCommonTable>tbody>tr>td{
	border-color: #036b81;
	height: 3.2vh;
	padding: 0;
	vertical-align: middle !important;
	font-size: 1.5vh;
	color: #fff !important;
}
.falaCommonTable>thead>tr>th{
	border-color: #0b3f50;
	height: 3vh;
	padding: 0;
	vertical-align: middle !important;
	font-size: 1.5vh;
	color: #fff !important;
}
.falaCommonTable thead tr th:nth-child(1),
.falaCommonTable tbody tr td:nth-child(1){
	padding-left: 10px;
}
.falaCommonTable thead{
	background: rgba(0,84,105,0.6);
}
.falaCommonTable tbody tr:nth-child(2n){
	background: rgba(0,84,105,0.4);
}
.falaCommonTable .glyphicon{
	padding: 0 5px;
	cursor: pointer;
}
.falaCommonTable a{
	color: #25becc;
}


/*??????*/
.falaCommonBtn, .falaSmallBtn{
    height: 2rem;
    line-height: 2rem;
    border: 1px solid #25becc;
    border-radius: 4px;
    background-color: #0b4457;
    color: #fff;
    outline: none;
    font-size: 1rem;
    margin:0;
    padding:0 2.25rem;
}
.falaSmallBtn{
	height: 26px;
	line-height: 26px;
	font-size: 14px;
}
.falaCommonBtn:hover,
.falaSmallBtn:hover,
.falaCommonBtn:focus,
.falaSmallBtn:focus{
    outline: none;
    color: #fff;
    transition: box-shadow linear 0.5s;
    box-shadow: 0 0 12px #329dba;
}
.falaCommonBtn.active,
.falaSmallBtn.active{
	background-color: #036b81;
}

/*????*/
.trans-btn{
	background: transparent;
	width: 100%;
	border-radius: 6px;
	height: 35px;
	line-height: 35px;
	margin-bottom: 10px;
	outline: none;
}

/*falaShadow ???????*/
.falaShadow{
	border: 1px solid #286c7d;
	box-shadow: 0px 0px 1px 2px rgba(40,97,126,0.4);
}

/*fala???*/
.falaTextBox{
    background: url("../../img/textBg.png") no-repeat center center;
    background-size: 100% 100%;
}

/*
 * ??P??
 * */
.falaCommonP{
	font-size: 1rem;
    line-height: 2rem;
    margin: 0;
}

/* ??input?????
 * ???
 * ??
 * ????
 *  */
.falaCommonInput{
	width: 100%;
    font-size: 1rem;
    line-height: 2rem;
    height: 2rem;
    color: #fff;
    background: #0b4659;
    border: 1px solid #21a7b7;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding-left: 4px;
}
.falaCommonInput:focus{
    outline: none;
}
.falaCommonInput[readonly]{
	border: none;
}

/* ???/????
 */
.checkbox{
	margin-top: 0.25rem;
	margin-bottom: 0;
}

/*??*/
.datetimepicker{
	color: #333 !important;
}
.falaCalendarContainer .custom_btn{
	background-color: transparent;
	border: 1px solid #22becd;
	color: #22becd;
	border-radius: 0.3125rem;
	outline: none;
	width:32px;
	height:33px;
	padding:0;
	margin:0;
}

.falaCalendarContainer .form-control,
.falaCalendarContainer .input-group-addon{
	background-color: transparent;
	border: 1px solid #22becd;
	color: #fff;
}
.falaCalendarContainer .form-control{
	border-right: none;
}
.falaCalendarContainer .input-group-addon{
	border-left: none;
}


/* dialog??    */
.dialogDiv{
	top: 10vh;
}
@media (min-width: 768px){
	.dialogDiv .modal-dialog {
		width: 680px;
	}
}
.dialogDiv .modal-header{
	background: #12586a;
}
.dialogDiv .modal-footer{
	border-top: none;
	padding-top: 0;
}