/*
** modal
*/
#mdp-cont {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed!important;
    display: none;
    z-index: 9098;
    background: rgba(222,222,222,0.5);
}
#mdp-area {
    border: 1px solid #8d8d92;
    border-radius: 5px;
    top: 30px;
    left: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 50px);
    padding: 10px;
    border-collapse: collapse;
    box-sizing: border-box;
    position: relative;
    display: none;
    text-align: left;
    vertical-align: middle;
    background: #F0F0F0!important;
    z-index: 9099;
}
/*
** cabecalho
*/
.mdp-head {
    width: 100%;
    height: 25px;
    margin: 0;
    padding: 0;
    color: #888888;
}
.mdp-icon {
    width: 25px;
    height: 25px;
    float: left;
    background-color: #048CF5;
    color: #FFFFFF;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    line-height: 25px;
    border-radius: 5px;
}
.mdp-icon:hover {
    background-color: #8CB2FF;
}
.mdp-titu {
    width: calc(100% - 60px);
    height: 25px;
    float: left;
    text-align: center;
}
.mdp-fech {
    width: 25px;
    height: 25px;
    color: #FFFFFF;
    background-color: #DD0000;
    text-decoration: none;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
    transition: .5s;
}
.mdp-fech:hover {
    color: #DDFFDD;
    background-color: #FF0000;
}
/*
** conteudo
*/
.mdp-body {
    width: 100%;
    height: calc(100% - 30px);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: auto;
}
.mdp-cabe {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
}
.mdp-clnx {
    padding: 5px;
    display: flex;
    flex-direction: column;
    float: left;
    box-sizing: border-box;
    border-collapse: collapse;
    min-height: 64px;
}
.mdp-nc01 {
    width: calc(4.1667% - 0.02%);
}
.mdp-nc02 {
    width: calc(8.3333% - 0.02%);
}
.mdp-nc03 {
    width: calc(12.5000% - 0.02%);
}
.mdp-nc04 {
    width: calc(16.6667% - 0.02%);
}
.mdp-nc05 {
    width: calc(20.8333% - 0.02%);
}
.mdp-nc06 {
    width: calc(25.0000% - 0.02%);
}
.mdp-nc07 {
    width: calc(29.1667% - 0.02%);
}
.mdp-nc08 {
    width: calc(33.3333% - 0.02%);
}
.mdp-nc09 {
    width: calc(37.5000% - 0.02%);
}
.mdp-nc10 {
    width: calc(41.6667% - 0.02%);
}
.mdp-nc11 {
    width: calc(45.8333% - 0.02%);
}
.mdp-nc12 {
    width: calc(50.0000% - 0.02%);
}
.mdp-nc13 {
    width: calc(54.1667% - 0.02%);
}
.mdp-nc14 {
    width: calc(58.3333% - 0.02%);
}
.mdp-nc15 {
    width: calc(62.5000% - 0.02%);
}
.mdp-nc16 {
    width: calc(66.6667% - 0.02%);
}
.mdp-nc17 {
    width: calc(70.8333% - 0.02%);
}
.mdp-nc18 {
    width: calc(75.0000% - 0.02%);
}
.mdp-nc19 {
    width: calc(79.1667% - 0.02%);
}
.mdp-nc20 {
    width: calc(83.3333% - 0.02%);
}
.mdp-nc21 {
    width: calc(87.5000% - 0.02%);
}
.mdp-nc22 {
    width: calc(91.6667% - 0.02%);
}
.mdp-nc23 {
    width: calc(95.8333% - 0.02%);
}
.mdp-nc24 {
    width: calc(100.0000% - 0.02%);
}
@media screen and (max-width: 576px) {
    .mdp-nc01,
    .mdp-nc02,
    .mdp-nc03,
    .mdp-nc04,
    .mdp-nc05,
    .mdp-nc06,
    .mdp-nc07,
    .mdp-nc08,
    .mdp-nc09,
    .mdp-nc10,
    .mdp-nc11,
    .mdp-nc12,
    .mdp-nc13,
    .mdp-nc14,
    .mdp-nc15,
    .mdp-nc16,
    .mdp-nc17,
    .mdp-nc18,
    .mdp-nc19,
    .mdp-nc20,
    .mdp-nc21,
    .mdp-nc22,
    .mdp-nc23,
    .mdp-nc24{
        width: calc(100% - 0.02%);
    }
}
.mdp-ctrl {
    border: 1px #A8A8A8 solid;
    border-collapse: collapse;
    border-radius: 3px;
    height: 35px;
    padding: 5px;
    line-height: 20px;
    vertical-align: middle;
    background-color: #FEFEFE;
}
.mdp-fldx {
    margin: 0px;
    font-size: 12px!important;
    font-weight: bold;
    color: #535353;
    height: 35px;
}
.mdp-txta {
    text-align: left;
}
.mdp-filt {
    width: 100%;
    height: 35px;
    color: #FFFFFF;
    background-color: #555555;
    text-decoration: none;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #048CF5;
}
.mdp-filt:hover {
    color: #048CF5;
    background-color: #FFFFFF;
    border: 1px #048CF5 solid;
}
/*
** corpo conteudo
*/
.mdp-corp {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: auto;
}
/*
** tabela
*/
.mdp-tabe {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    padding: 0;
    font-size: 13px;
}
.mdp-tabe th, .mdp-tabe td {
    padding: 1px 3px;
    vertical-align: middle;
}
.mdp-tabe thead {
    height: 40px;
    padding: 0;
    position: sticky;
    top: 0px;
    background-color: #EEEEEE;
    border-bottom: 1px solid #DEE2E6;
}
.mdp-tabe thead th {
    margin: 0;
    padding: 2px;
    height: 20px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    background-color: #EEEEEE;
    /*
    color: #FFFFFF;
    background-color: #2283b1;
    */
}
.mdp-tabe tbody tr {
    border: none !important;
}
.mdp-tabe tbody tr:hover {
    background-color: #EAF7FF;
}
.mdp-tabe tbody td {
    margin: 0;
    padding: 2px;
    height: 25px;
    border-right: 1px #DEE2E6 solid;
    border-top: none;
    border-bottom: none;
    text-align: center;
    vertical-align: middle;
}
.mdp-tabe tbody td:last-child {
    border-right: none;
    border-top: none;
    border-bottom: none;
}
.mdp-tabe tfoot {
    height: 50px;
    position: sticky;
    bottom: 0px;
}
.mdp-tabe tfoot tr {
    height: 100%;
    background-color: #EEEEEE;
}
.mdp-tabe-ferr {
    margin: 0;
    padding: 0 3px;
    width: 65px;
    height: 30px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.mdp-tabe-btnx {
    padding: 0;
    margin: 0;
    width: 20px;
    height: 20px;
    color: #FFFFFF;
    text-decoration: none;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    transition: .5s;
}
.mdp-tabe-conf {
    color: #FFFFFF!important;
    background-color: #28A745!important;
}
.mdp-tabe-conf:hover {
    color: #28A745!important;
    background-color: #FFFFFF!important;
    border: 1px #28A745 solid;
}
.mdp-tabe-chec {
    margin: auto;
    width: 17px;
    height: 17px;
    color: #FFFFFF!important;
    background-color: transparent!important;
}
.mdp-tabe-chec:hover {
    color: #20C997!important;
    background-color: #FFFFFF!important;
}
.mdp-tabe-down {
    margin: auto;
    border-radius: 4px;
    width: 20px;
    height: 20px;
    color: #40B7DB!important;
    background-color: transparent!important;
    transition: .3s;
}
.mdp-tabe-down:hover {
    color: #FFFFFF!important;
    background-color: #40B7DB!important;
}
.mdp-tabe-tr1b {
    background-color: #FFFFFF;
}
.mdp-tabe-tr2b {
    background-color: #F7F7F7;
}