@font-face{font-family:Muli-Light;src:url(/fonts/Muli-Light.ttf)}
@font-face{font-family:Muli-Regular;src:url(/fonts/Muli-Regular.ttf)}
@font-face{font-family:arial-black;src:url(/fonts/arial-black.ttf)}

body {
}



/*main menu */
.menuItem {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
}

.blackButton > * {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    font-weight: 500;
    height: 14px;
    padding: 0px;
    border: 0px;
    margin: 0px;
    background-image: url("../Images/button.png");
    color: white;
    
}
.blackButtonLarge.dxbButton {
    padding: 0px;
    border: 0px;
}

.blackButtonLarge > * {
    
    background-image: url("../Images/buttonLarge.png");
    color: white;
    width: 100px;
    height: 40px;
}

.blackButton.dxbButton {
    padding: 0px;
    border: 0px;
}

.buttonDisabled.dxbDisabled > * {
    background-color: lightgray;
    color: gray;
}



    
       


/*read only text box and drop down controls*/
.dxTextReadOnly .dxeEditAreaSys{
    background-color:#EDEFF3;
    color: black;
}
.dxTextReadOnly{
    background-color:#EDEFF3;
}


/*editable text box and drop down controls*/
.dxTextEditable .dxeEditAreaSys{
    background-color:white;
    color: black;
}
.dxTextEditable{
    background-color:white;
}

/*Grid header */
.dxGridHeader, .dxGridHeader table {
    background-color: #f2f2f2 /*#6a8cae#C4E0FB*/;
    font: 12px Tahoma, Geneva, sans-serif;
    color: black;
}

.dxgvControl, .dxgvDisabled {
    background-color: white;
}
.dxgvDisabled {
    background-color : white;
}

    /*grid rows */
    .dxGridAlternateRow td.dxgv {
    background-color: #f9f9f9 /*#F4F4F4*/ !important;
    color: #4d4d4d !important;
}
.dxGridRow td.dxgv{
    background-color:white;
    color: #3f3f3f;
}


/*page title */
.dxLabelPageTitle {
    color: #000099;
}

/*search title #9FCEF8 */
.dxLabelSearchTitle{
    background-color: #9FCEF8;
    font-size:12px;
    border-color:#CCCCCC;
    border-style:solid;
    border-width:1px;
    color:black;
}



/*.dxmMenuItem:hover
{ 
background-color:yellow;
}*/

.dxgvDataRow td.dxgv {
    border-bottom: none;
    font-size: 12px;
    font-family: Muli-Light;
}

.gridClass {
    background-color: white;
}