body {
    background-color: #f0f0f0;
}

.header {
    color: darkorange;
    border-color: #484848;
    background: linear-gradient(#484848, #454545); /* Standard syntax */
    border: none;
    height: 35px;
}

.header span{ top:2px;position:relative;}

.footer {
    background: linear-gradient(#484848, #454545); /* Standard syntax */
    color: whitesmoke;
    /*
    border-color: #9fb2c7;
    border-style: solid none none none;
    border-radius: 0px;*/
}

.navBar {
    /*background: rgb(112, 112, 112);*/
    border-color: rgb(159, 159, 159);
    border-style: none;
    background: rgb(240, 240, 240);
    z-index: 2;
}

@media (max-width: 650px) {
    .navBar {
        display: none;
        top:80px;
    }
}

.content {
    /*border-color: #9fb2c7;
    border-style: none;
    background-color:#e4effa;*/
    /*border-radius: 0px;*/ 
    padding: 5px;
}
@media (max-width: 650px) {
    .content  {
        right: 1px !important;
    }
}


.toolBar {
    /*background: linear-gradient(#eff6fc, #d9e4f2);*/ /* Standard syntax */
    /*border-color: #9fb2c7;
    border-style:solid none none none;*/
    border-radius: 0px; 
}

@media (max-width: 650px) {
     .toolBar {
        right: 1px ;
    }
}

.dxgvControl_Metropolis 
{
    /*background-color: white !important;*/
}

.dxgvSearchPanel_Metropolis {
    /*background-color: #e4effa !important;*/
}

/*.dxpcLite_Metropolis .dxpc-header, .dxdpLite_Metropolis .dxpc-header {
    background-color: #454545;
}*/

.dxflGroupBoxCaption_Metropolis{
    background-color: transparent !important;
}

.dxtv-subnd {
    margin-right: 5px !important;
}