/*
    This css is used to custom DevExpress's style. We must to custom here because each time we upgrade DevExpress's version, the theme
    will re-create follow new version. If we custom on theme builder, we will re-custom for each new version.
    */

/*Some custom style*/
/*Time-Sheet*/
.detail-timesheet-header {
    background: #0D74BA !important;
}

/*DevExpress custom*/
.dxrpCollapseButton {
    margin-top: 4px !important;
}

/*Base*/
.dxeBase_MetropolisBlueCadena {
    font: 12px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color: #333333;
}

/*Popup*/
.dxpcLite_MetropolisBlueCadena .dxpc-header {
    background: #0D74BA !important;
    padding: 0px 7px 0px 7px !important;
    color: #FFFFFF !important;
    font-size: 1.26em !important;
    font-weight: bold !important;
}

/*Custom for Disabled Stype of Data Editors*/
.dxeDisabled_MetropolisBlueCadena, .dxeDisabled_MetropolisBlueCadena td.dxe {
    /*color: #a2a2a2 !important;
    cursor: default;
    background: #e0dede !important;*/
}

/*.dxpcLite_MetropolisBlueCadena .dxpc-content, .dxgvPopupEditForm_MetropolisBlueCadena, .dxflGroup_MetropolisBlueCadena {
    padding: 1px !important;
}*/

/*GridView*/

.dxgvControl_MetropolisBlueCadena {
    font: 12px Arial, sans-serif !important;
}

    .dxgvPagerBottomPanel_MetropolisBlueCadena, .dxgvControl_MetropolisBlueCadena .dxpLite_MetropolisBlueCadena {
        padding: 2px !important;
    }

.dxpLite_MetropolisBlueCadena {
    padding-top: 1px !important;
}

.dxgvTitlePanel_MetropolisBlueCadena {
    padding: 0 !important;
    background-color: #E7E7E5;
}

.dxgvFocusedRow_MetropolisBlueCadena {
    /*0072C6*/
    background: #CCEBFF !important;
    color: black !important;
}

.dxgvHeader_MetropolisBlueCadena {
    /*font-weight:bold;*/
    background-color: #F5F5F5;
}

/*Calendar*/
.dxeCalendar_MetropolisBlueCadena td.dxMonthGridWithWeekNumbers {
    padding: 0 !important;
}

/*Panel*/
.dxpnlControl {
    /*height:24px !important;*/
}

/*TabPage*/
.dxtcLite_MetropolisBlueCadena > .dxtc-content {
    padding: 2px;
}

/*Tree List*/
.dxtlFocusedNode {
    background: #0072c6 none;
    color: white;
}

    .dxtlFocusedNode > td.dxtl, .dxtlFocusedNode > .dxtlCommandCell, .dxtlFocusedNode > .dxtlSelectionCell {
        background: #0072c6 none;
        color: white;
    }

.dxtlSelectedNode > td.dxtl, .dxtlSelectedNode > .dxtlCommandCell, .dxtlSelectedNode > .dxtlSelectionCell {
    background: transparent;
    color: #0072c6;
}

/*Round Panel*/
.dxrpControl_MetropolisBlueCadena td.dxrpHeader_MetropolisBlueCadena {
    color: #313131;
    font-size: inherit;
    height: 25px;
    border-bottom: 1px solid #C6C6C6;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.dxrpControl_MetropolisBlueCadena {
    /*border-top: 1px solid Silver;
    border-bottom: 1px solid Silver;*/
    border-top: none;
    border-bottom: none;
}

    .dxrpControl_MetropolisBlueCadena > tbody > tr.dxrpCR > .dxrpcontent,
    .dxrpControlGB_MetropolisBlueCadena > tbody > tr.dxrpCR > .dxrpcontent {
        vertical-align: top;
        background-image: none;
        background-color: #F7F7F7;
    }

/*.dxrpControl_MetropolisBlueCadena > tbody > tr.dxrpCR > .dxrpcontent > .dxrpAW > .dxrpCW, .dxrpControl > tbody > tr.dxrpCR > .dxrpcontent > .dxrpAW > .dxrpCW {
            padding: 1px !important;
        }

.dxflGroup {
    padding: 2px 1px !important;
}*/
/*Login page*/
.login-title {
    font-size: 20px !important;
    font-weight: bold !important;
}

/*NavBar*/
.dxnbLite_MetropolisBlueCadena .dxnb-itemSelected, .dxnbLite_MetropolisBlueCadena .dxnb-largeSelected {
    background-color: #62AFE0;
}

.dxnbLite_MetropolisBlueCadena .dxnb-itemHover, .dxnbLite_MetropolisBlueCadena .dxnb-itemHover a, .dxnbLite_MetropolisBlueCadena .dxnb-largeHover, .dxnbLite_MetropolisBlueCadena .dxnb-largeHover a {
    background-color: #0072C6;
    color: #FFFFFF;
}

.command-button .icon-hover
{
	background-color: #0072c6 !important;
	color: white;
}