.wrapper{margin:0 auto}.AddButtonBotom{display:none}@media only screen and (max-width: 580px),only screen and (max-device-width: 768px){.wrapper{padding-top:0}.EmptyData{font-size:25px}}.table{margin:0 0 20px;width:100%;box-shadow:0 1px 3px rgba(0,0,0,0.2);display:table}@media only screen and (max-width: 580px),only screen and (max-device-width: 768px){.table{display:table!important}}.row{display:table-row;background:#f6f6f6}.row:nth-of-type(odd){background:#e9e9e9}.row.header{font-weight:900;color:#fff;background:#156aad}.header .cell:first-child{border-top-left-radius:5px}.header .cell:last-child{border-top-right-radius:5px}.row.green{background:#27ae60}.row.blue{background:#2980b9}@media only screen and (max-width: 580px),only screen and (max-device-width: 768px){.row{padding:14px 0 7px;display:block}.row.header{padding:0;height:6px}.row.header .cell{display:none}.row .cell{margin-bottom:10px}.row .cell:before{margin-bottom:3px;content:attr(data-title);min-width:98px;font-size:45px;line-height:45px;font-weight:700;text-transform:uppercase;color:#969696;display:block}}.cell{padding:6px 5px;display:table-cell;vertical-align:top;position:relative}.header .group{position:absolute;top:-98%;left:0;background:#156aad;padding:6px 5px}@media only screen and (max-width: 580px),only screen and (max-device-width: 768px){.cell{padding:2px 16px;display:block}}.header .cell{vertical-align:middle;position:relative}.FormHeaderTitle{float:left;width:100%;font-weight:600;font-size:14px;padding-bottom:5px;background-color:#156aad;color:#FFF;padding-top:5px}.FormHeaderTitleText{padding-left:10px}.FormMainTable{width:100%;display:table}.FormMainRow{display:table-row}.FormMainCell{display:table-cell;vertical-align:top;position:relative}.FormTable{width:100%;display:table;padding-top:5px}.FormRow{display:table-row;width:100%;height:25px}.FormCell{display:table-cell}@media only screen and (max-width: 580px),only screen and (max-device-width: 768px){.FormTable{display:table!important}.FormRow{padding:14px 0 7px;display:block;height:auto}.FormCell{padding:2px 16px;display:block}.FormRow .FormCell{margin-bottom:10px}.FormRow .FormCell:before{margin-bottom:3px;content:attr(data-title);min-width:98px;font-size:45px;line-height:45px;font-weight:700;text-transform:uppercase;color:#969696;display:block}.FormRow .FormHeaderFieldsTitle{display:none}.AddButtonBotom{display:inline-block}button[type="submit"],input[type="submit"],input[type="button"],.cell span,.cell a,.cell{font-size:30px;width:auto !important}.FormHeaderTitleText{font-size:50px}}.FormHeaderSection{width:100%;display:table}.FormApprovalAction{width:100%;display:table}.FormApprovalHistory{width:100%;display:table}.ApprovalActionComments{border-bottom-width:1px;border-bottom-style:groove}.FormHeaderRow{display:table-row}.Formheader50{width:50%}.Formheader25{width:25%}.Formheader100{width:100%}.Formheader50,.Formheader25,.Formheader100{padding:6px 5px;display:table-cell;vertical-align:top;position:relative;margin:0 0 20px;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.Formheader50 .FormMainCell{width:50%}.FormApprovalAction .FormHeaderFieldsTitle{width:200px;min-width:125px;padding-left:5px}.FormApprovalAction .FormHeaderFieldsValue{width:auto}@media only screen and (max-width: 1000px){.FormMainCell{width:100%!important;display:block}.Formheader50,.Formheader25,.Formheader100{width:100%;display:block}}

@media (max-width: 768px) {
    .container {
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 0px;
        margin-right: 0px;
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .container {
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 0px;
        margin-right: 0px;
        max-width: 100%;
    }
}