@media screen and (max-width: 896px) {

    .ImgSize {
        height: 16px;
        width: 16px;
    }

    .img {
        width: 100px;
        height: 100px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .FontHeaderPage {
        font-size: medium;
    }

    .FontHeaderPageMiddle {
        font-size: smaller;
    }

    .FontHeaderPageWelcome {
        font-size: smaller;
    }

    .divHeaderPage {
        display: flex;
        padding-left: 10px;
        padding-top: 10px;
    }

    .FontTitlePage {
        font-size: large;
        font-family: "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
        color:green;
    }

    .FontGridHeader {
        font-size: 10px;
        font-weight: normal;
    }

    .FontGridCell {
        font-size: 10px;
    }

    .FontGridFocusRow {
        font-size: 10px;
    }

    .FontLabel {
        font-size: 10px;
    }

    .FontButton {
        font-size: 10px;
    }

    .FontTextBox {
        font-size: 10px;
    }

    .FontMemo {
        font-size: 10px;
    }

    .FontComboBox {
        font-size: 10px;
    }

    .FontDateTime {
        font-size: 10px;
    }

    .FontPopUpHeader {
        font-size: 12px;
    }

    .dxpc-headerText {
        font-size: 12px;
    }

    .FontRoundPanel {
        font-size: 12px;
    }

    .FontLabelErrorMsg {
        font-size: 12px;
    }

    .FontMenuItem {
        font-size: 10px;
    }

    .CaptionCellInter {
        font-size: 10px;
        padding-right: 45px;
    }

    .FontPageControl {
        font-size: 12px;
    }

    .FontChart {
        font-size: 12px;
    }

    .FontChartPunctuation {
        font-size: xx-large;
    }

    .FontChartPorcentage {
        font-size: 48px;
    }

    .FontChart {
        font-size: 14px;
    }

    .FontFooter {
        font-size: 8px;
    }

    .FontHdrDetailLabel {
        font-size: 12px;
        font-weight: 600;
        padding: 20px 0px 20px 10px;
    }

    .mainMenu,
    .mainMenuPopup,
    .mainMenuPopup a {
        font-size: 14px;
    }

    .mainMenuPopup .GroupTitle {
        font-size: 2.2em;
        color: #333333;
        padding: 0 20px 20px 0;
    }

}

@media screen and (min-width: 897px) and (max-width: 1366px) {

    .dxtc-link .dx-vam {
        font-size: 10px;
    }

    .dxm-contentText {
        font-size: 10px;
    }

    .ImgSize {
        height: 16px;
        width: 16px;
    }

    .img {
        width: 200px;
        height: 200px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .FontHeaderPage {
        font-size: x-large;
        color: blue;
    }

    .FontHeaderPageMiddle {
        font-size: small;
    }

    .FontHeaderPageWelcome {
        font-size: small;
    }

    .divHeaderPage {
        display: flex;
        padding-left: 10px;
        padding-top: 10px;
    }

    .FontTitlePage {
        font-size: x-large;
        font-family: "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;
        color:yellow;
    }

    .FontGridHeader {
        font-size: 12px;
        font-weight: normal;
    }

    .FontGridCell {
        font-size: 12px;
    }

    .FontGridFocusRow {
        font-size: 10px;
    }

    .FontLabel {
        font-size: 10px;
    }

    .FontButton {
        font-size: 10px;
    }

    .FontTextBox {
        font-size: 10px;
    }

    .FontMemo {
        font-size: 10px;
    }

    .FontComboBox {
        font-size: 10px;
    }

    .FontDateTime {
        font-size: 10px;
    }

    .FontPopUpHeader {
        font-size: 12px;
    }

    .FontRoundPanel {
        font-size: 12px;
    }

    .FontLabelErrorMsg {
        font-size: 12px;
    }

    .FontMenuItem {
        font-size: 10px;
    }

    .CaptionCellInter {
        font-size: 10px;
        padding-right: 45px;
    }

    .FontPageControl {
        font-size: 12px;
    }

    .FontChart {
        font-size: 12px;
    }

    .FontChartPunctuation {
        font-size: xx-large;
    }

    .FontChartPorcentage {
        font-size: 48px;
    }

    .FontChart {
        font-size: 14px;
    }

    .FontFooter {
        font-size: 8px;
    }

    .FontHdrDetailLabel {
        font-size: 14px;
        font-weight: 600;
        padding: 20px 0px 20px 10px;
    }

    .mainMenu,
    .mainMenuPopup,
    .mainMenuPopup a {
        font-size: 10px;
    }

    .mainMenuPopup .GroupTitle {
        font-size: 1.2em;
        color: #333333;
        padding: 0 20px 20px 0;
    }

}

@media screen and (min-width: 1367px) {

    .dxtc-link .dx-vam {
        font-size: 14px;
    }

    .dxm-contentText {
        font-size: 14px;
    }

    .ImgSize {
        height: 32px;
        width: 32px;
    }

    .img {
        width: 300px;
        height: 300px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .FontHeaderPage {
        font-size: x-large;
        /*font-family: "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;*/
        font-family: "Open Sans";
        color: yellow;
    }

    .FontHeaderPageMiddle {
        font-size: small;
    }

    .FontTitlePage {
        font-size: x-large;
        /*font-family: "Segoe UI", Helvetica, "Droid Sans", Tahoma, Geneva, sans-serif;*/
        font-family: "Open Sans";
        color: yellow;
    }

    .FontHeaderPageWelcome {
        font-size: medium;
    }

    .divHeaderPage {
        padding-left: 10px;
        padding-top: 0px;
    }

    .FontGridHeader {
        font-size: 14px;
        font-weight: normal;
    }

    .FontGridCell {
        font-size: 12px;
    }

    .FontGridFocusRow {
        font-size: 12px;
    }

    .FontLabel {
        font-size: 12px;
    }

    .FontButton {
        font-size: 12px;
    }

    .FontTextBox {
        font-size: 12px;
    }

    .FontMemo {
        font-size: 12px;
    }

    .FontComboBox {
        font-size: 12px;
    }

    .FontDateTime {
        font-size: 12px;
    }

    .FontPopUpHeader {
        font-size: 16px;
    }

    .FontRoundPanel {
        font-size: 16px;
    }

    .FontLabelErrorMsg {
        font-size: 16px;
    }

    .FontMenuItem {
        font-size: 12px;
    }

    .CaptionCellInter {
        font-size: 12px;
        padding-right: 70px;
    }

    .FontPageControl {
        font-size: 18px;
    }

    .FontChartPunctuation {
        font-size: xx-large;
    }

    .FontChartPorcentage {
        font-size: 48px;
    }

    .FontChart {
        font-size: 14px;
    }

    .FontFooter {
        font-size: 10px;
    }

    .FontHdrDetailLabel {
        font-size: 16px;
        font-weight: 600;
        padding:20px 0px 20px 10px;
    }

    .mainMenu,
    .mainMenuPopup,
    .mainMenuPopup a {
        font-size: 14px;
    }

    .mainMenuPopup .GroupTitle {
        font-size: 1.2em;
        color: #333333;
        padding: 0 20px 20px 0;
    }

}

.menuContainer {
    margin: 20px auto;
    background-color: aqua;
}

.mainMenuPopup {
    background-color: aqua;
}

.mainMenuPopup .SubMenuContent {
    margin: 0 auto;
}

.mainMenuPopup .SubMenuTextContent {
    padding: 20px;
    text-align: center;
}

.mainMenuPopup .SubMenuContent a {
    display: block;
    padding: 2px 0;
}

.mainMenuPopup .Group {
    float: left;
    padding: 20px 8px;
}

.mainMenuPopup .GroupContainer {
    float: left;
    padding: 0 8px;
}

.mainMenuPopup .GroupColumn {
    float: left;
    padding: 0 20px 0 0;
}

.mainMenuPopup .CategoryTitle {
    color: #AAAAAA;
    padding: 0 0 6px;
}

.mainMenuPopup .CategoryBreak {
    padding: 8px 0;
}

.mainMenuPopup .CategoryBreak2 {
    padding: 3px 0;
}

.clear {
    clear: both;
    background-color: aqua;
}

.mainMenuPopup .CategoryTitle2 {
    margin-left:-20px;
}

.mainMenuPopup .CategoryTitle3 {
    margin-top: -28px;
}

.InfoTable td {
    vertical-align: top;
}

/*
table.dxgvTable {
    border-collapse: separate !important;
}

table.dxgvTable > tbody > tr.dxgvGroupRow_Material > td:first-child {
    border-radius: 14px 0 0 14px !important;
    border-left: 1px solid red !important;
}

table.dxgvTable > tbody > tr.dxgvGroupRow_Material > td:last-child {
    border-radius: 0 4px 4px 0 !important;
    border-right: 1px solid yellow !important;
}

td.dxgv {
    border-top: 1px solid yellow !important;
    border-bottom: 1px solid yellow !important;
}

.dxgvHSDC {
    border-radius: 18px 0px 0px 18px;
}

.dxgvTable_Material, dxgvHHEC {
    border-radius: 0px 0px 6px 6px;
}

.dxgvControl_Material {
    border-radius: 0px 0px 6px 6px;
}
*/

#PageContent_flView_rpActionsList_gvActions_DXHeaderTable {
    border-radius: 6px 6px 0px 0px;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
}

.dxflGroupBox_Material {
    border: none;
}

.dxflGroupBoxSys {
    border: none;
}

.dxtcLite_Material > .dxtc-content {
    border: none;
}


.dxICheckBox_Material {
    border-color: white;
}

/*     
        .dxICheckBox_Material 
        .dxichSys 
        .dx-not-acc 
        .dxRippleTargetExternal
*/

.dxWeb_edtCheckBoxGrayed_Material {
    background-color: white;
    border-radius: 5px;
}

.dxWeb_edtCheckBoxChecked_Material {
    background-color: white;
    border-radius: 5px;
}

.dxflGroupCell_Material {
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 0px;
    padding-bottom: 0px;
}

/*    .dx-vam {
        font-size: 12px;
    }*/