@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
a {
    text-decoration: none;    
}
a.button {
    background:                 lavender;    
    padding:                    2px 15px 2px 15px;
    cursor:                     pointer; 
    color:                      #000099; 
    border:                     1px #708090 solid;
    font-size:                  18px;
    font-weight:                bold;
    border-radius:  5px;    
    width:                      200px;
}
button {
    background:                 lavender;    
    padding:                    2px 15px 2px 15px;
    cursor:                     pointer; 
    color:                      #000099; 
    border:                     1px #708090 solid;
    font-size:                  18px;
    font-weight:                bold;
    border-radius:  5px;    
    width:                      200px;
}
/*#################################################################################################################*/
p {
    font-family:                'Montserrat', sans-serif;
    color:                      blue ;
    font-size:                  6px ;
    text-justify:               auto;
}
/*#################################################################################################################*/
code {
    font-family:                monospace;
    color:                      blue ;
    font-size:                  8px ;
    padding:                    20px;
    max-width:                  80%;
    white-space:                pre ;
    margin-left:                5%;
    margin-right:               5%;
    width: 98%;
}
/*#################################################################################################################*/
body{
    background-color:           lavender;
    margin:                     10px;
    background-repeat:          no-repeat;
}
/*#################################################################################################################*/
table {
    background-color:           lavender;
    width:                      96%;
    margin-left:                2%;
    margin-right:               2%;
}
table.r50 {
    background-color:           lavender;
    border:                     gray solid 1px ;
    width:                      46%;
    margin-left:                22%;
    margin-right:               22%;
    padding:                    5px 5px 5px 5px;
    border-radius:              5px;
}
table.r40Cel {
    background-color:           lavender;
    border:                     gray solid 1px ;
    max-width:                  400px;
    padding:                    5px 5px 5px 5px;
    border-radius:              5px;
}
table.r90 {
    background-color:           lavender;
    border:                     gray solid 1px ;
    margin-left:                auto;
    margin-right:               auto;
    margin-bottom:              5px;
    margin-top:                 5px;
    max-width:                  90%;
    padding:                    5px 5px 5px 5px;
    border-radius:              5px;
}
table.noventa {
    background-color:           lavender;
    margin-left:                auto;
    margin-right:               auto;
    margin-bottom:              5px;
    margin-top:                 5px;
    max-width:                  90%;
    padding:                    5px 5px 5px 5px;
}
/*#################################################################################################################*/
tbody{
    padding:                    3px;
    vertical-align:             central;
    max-width:                  98%;
    padding:                    3px 3px 3px 3px;
    border-radius:              3px;
}
/*#################################################################################################################*/
h1 {
    font-family:                'Montserrat', sans-serif;
    color:                      blue;
    font-size:                  18px ;
}
/*#################################################################################################################*/
/*input {
    padding:                    5px 5px 5px 5px;
    border-radius:              5px;
    font-size:                  10px ;    
}
input.number {
    text-align:                 right;
}
input:focus {
      background:               #d7ecfd;    azul
}
input.null {
        border:                 red solid 1px ;
}
input.readonly {
        border:                 white solid 1px ;
}
input[type = submit] {
    background:                 lavender;    
    padding:                    2px 15px 2px 15px;
    color:                      #000099; 
    border:                     1px #708090 solid;
    font-size:                  18px;
    font-weight:                bold;
    width:                      200px;
}*/
input[ type = radio ] {
    background-color:           red;
    text-align:                 center;
}

/*#################################################################################################################*/
tr {
    margin-left:                10px;
    margin-right:               10px;      
}
tr.bord {
    border:                     gray solid 1px;
    border-radius:              5px;
}
tr.quarter {
    margin-left:                10px;
    margin-right:               10px;      
}
tr.celulaproduto{
    height:                     200px;
}
tr.tr_zebra{
    background-color:           #E6E2E6;
}
tr.destaq{
    background-color:           #F97255;
}
/*#################################################################################################################*/
td {
    font-family: 'Montserrat',  sans-serif;
    padding:                    3px 3px 3px 3px;
    font-size:                  10px;
    border-radius:              5px;
    vertical-align:             middle;
}
td.number {
    text-align:                 right;
    font-size:                  10px;
}
td.moeda{
    text-align:                 right;
}
td.data {
    white-space:                nowrap;
}
td.descricao{
    text-align:                 left;
    white-space:                nowrap;
}
td.center  {
    text-align:                 center;
    justify-content:            center;
}
td.centerbord {
    border:                     gray solid 1px ;
    text-align:                 center;
}
td.center-msg  {
    text-align:                 center;
    color:                      red;
}
td.grid{
    text-align:                 center;
    font-weight:                bold;
}
td.head{
    background-color:           #E6E6E6;
    border:                     1px #708090 solid;
    text-align:                 center;
    font-size:                  14px;
    font-weight:                bold;
    white-space:                nowrap;
    color:                      #000099;
}
td.headdata{
    background-color:           #E6E6E6;
    border:                     1px #708090 solid;
    text-align:                 left;
    font-size:                  14px;
    font-weight:                bold;
    white-space:                nowrap;
}
td.headest{
    background-color:           #C2A9A4;
    border:                     1px #708090 solid;
    text-align:                 center;
    font-size:                  14px;
    font-weight:                bold;
    white-space:                nowrap;
}
td.datahead{
    border:                     1px #708090 solid;
    font-size:                  14px;
    white-space:                nowrap;
}
td.mensagem{
    font-size:                  25px;
    font-weight:                bold;
    font-style:                 italic;
    color:                      red;   
}
/*#################################################################################################################*/
label {
    font-family:                'Montserrat', sans-serif;
    font-size:                  10px;
    font-weight:                bold;
    white-space:                nowrap;
    color:                      #000099;
}
label.discription {
    padding:                    5px 5px 5px 5px ;
}
label.title {
    padding:                    5px 5px 5px 5px ;
    text-align:                 right;
}
label.data {
    font-size:                  6px;
    padding-bottom:             8px;    
}
label.a {
    font-family:                'Montserrat', sans-serif;
    background:                 lavender;    
    padding:                    2px 15px 2px 15px;
    cursor:                     pointer; 
    color:                      #000099; 
    border:                     1px #708090 solid;
    border-radius:              5px;
    font-size:                  18px;
    font-weight:                bold;
    text-decoration:            none;
    width:                      100px;
}
/*#################################################################################################################*/
font.datahead{
    font-size:                  6px;
    text-align:                 left;
}
font.data{
    font-size:                  12px;
    text-align:                 center;
}
font.datamin{
    font-size:                  6px;
    text-align:                 center;
}
font.red {
    color:                      red;
    font-weight:                bold;
}
font.green{
    color:                      green;
    font-weight:                bold;        
}
font.blue{
    color:                      blue;
    font-weight:                bold;        
}
font.titleblue{
    color:                      blue;
    font-weight:                bold;        
    text-align:                 center;
    font-size:                  20px;
}font.titlered{
    color:                      red;
    font-weight:                bold;        
    text-align:                 center;
    font-size:                  20px;
}
/*#################################################################################################################*/
img.foto_prod {
    max-width:                  250px;
    width:                      auto;
    max-height:                 250px;
    height:                     auto;
}
img.foto_prod_p {
    max-width:                  70px;
    width:                      auto;
    max-height:                 70px;
    height:                     auto;
}
img.sem {
    height:                     14px;
    width:                      14px;
}
img.logDownload {
    max-height:                 30px;
    max-width:                  50px;
}
img.sem_ss {
    height:                     24px;
    width:                      24px;
}
.img_padrao {
  
    max-width:                  200px;
    width:                      auto;
    max-height:                 200px;
    height:                     auto;  
    border-bottom-width: 1px;
}
.img_alta {
  
    max-width:                  300px;
    width:                      auto;
    max-height:                 300px;
    height:                     auto;  
    border-bottom-width: 1px;
}
/*#################################################################################################################*/
select {
    padding:                    5px 5px 5px 5px;
    border-radius:              5px;
    font-family:                'Montserrat', sans-serif;
    font-size:                  10px ;
}
/*#################################################################################################################*/
.pfl-stage{
    width:                      100%;
    box-sizing:                 border-box;
}

body .pfl-stage,
body .pfl-stage *{
    box-sizing:                 border-box;
}

body .pfl-stage table{
    width:                      100%;
    margin-left:                0;
    margin-right:               0;
}

body .pfl-stage .r90,
body .pfl-stage .noventa{
    width:                      100% !important;
    max-width:                  none !important;
    margin-left:                auto !important;
    margin-right:               auto !important;
    margin-top:                 0 !important;
    margin-bottom:              14px !important;
}

body .pfl-stage a.button,
body .pfl-stage button{
    width:                      auto;
}

body .pfl-page{
    width:                      100%;
    max-width:                  1320px;
    margin:                     12px auto 24px auto;
    padding-left:               12px;
    padding-right:              12px;
    box-sizing:                 border-box;
}

body .pfl-card{
    background-color:           #f7f8ff;
    border:                     1px solid #d8dceb;
    border-radius:              14px;
    box-shadow:                 0 4px 16px rgba(87, 93, 140, 0.08);
}

.pfl-card-form{
    padding-top:                8px;
}

body .pfl-title{
    margin-left:                4.5%;
    margin-right:               4.5%;
    margin-bottom:              4px;
    font-size:                  18px;
    color:                      #1b2240;
}

body .pfl-subtitle{
    margin-left:                4.5%;
    margin-right:               4.5%;
    margin-top:                 0;
    margin-bottom:              12px;
    color:                      #5d6785;
    font-size:                  12px;
}

body .pfl-form-shell{
    width:                      94%;
    margin:                     0 auto 14px auto;
    padding:                    22px 26px 20px 26px;
    background:                 #ffffff;
    border:                     1px solid #e1e5f0;
    border-radius:              18px;
    box-sizing:                 border-box;
}

body .pfl-form-grid{
    display:                    grid;
    grid-template-columns:      minmax(320px, 1.1fr) minmax(340px, 1fr);
    gap:                        18px 28px;
    align-items:                start;
    justify-content:            center;
}

body .pfl-field{
    text-align:                 left;
}

body .pfl-field label{
    display:                    block;
    margin-bottom:              8px;
    font-size:                  12px;
    color:                      #39476a;
}

body .pfl-field input[type=file]{
    width:                      100%;
    max-width:                  620px;
    box-sizing:                 border-box;
}

body .pfl-help{
    display:                    block;
    margin-top:                 8px;
    color:                      #6f7896;
    font-family:                'Montserrat', sans-serif;
    font-size:                  11px;
    line-height:                1.45;
}

body .pfl-form-table,
body .pfl-grid-card,
body .pfl-message-table{
    max-width:                  100% !important;
}

body .pfl-form-table{
    background-color:           #ffffff !important;
}

body .pfl-textarea{
    width:                      96%;
    max-width:                  760px;
    min-height:                 118px;
    resize:                     vertical;
    border-radius:              10px;
    border:                     1px solid #cfd5ea;
    padding:                    10px;
    font-family:                'Montserrat', sans-serif;
    font-size:                  12px;
}

body .pfl-toolbar{
    display:                    flex;
    flex-wrap:                  wrap;
    align-items:                center;
    justify-content:            flex-start;
    gap:                        10px;
    padding-top:                18px;
}

body .pfl-btn{
    display:                    inline-block;
    width:                      auto !important;
    min-width:                  150px;
    padding:                    10px 20px !important;
    margin:                     0 4px;
    text-align:                 center;
    border-radius:              12px !important;
    font-size:                  16px !important;
}

body .pfl-btn-main{
    background:                 #1fa84a !important;
    color:                      #ffffff !important;
    border:                     1px solid #1fa84a !important;
}

body .pfl-btn-light{
    background:                 #ffffff !important;
    color:                      #4834b1 !important;
    border:                     1px solid #c7cce2 !important;
}

body .pfl-btn-export{
    background:                 #162033 !important;
    color:                      #ffffff !important;
    border:                     1px solid #162033 !important;
}

body .pfl-counter{
    display:                    inline-block;
    margin-left:                8px;
    padding:                    10px 14px;
    border:                     1px solid #98f0c8;
    border-radius:              999px;
    background:                 #ebfff5;
    color:                      #1f8b4e;
    font-family:                'Montserrat', sans-serif;
    font-size:                  12px;
}

body .pfl-grid-card{
    background-color:           #ffffff !important;
    border-collapse:            separate;
    border-spacing:             0;
    overflow:                   hidden;
    display:                    block;
    overflow-x:                 auto;
}

body .pfl-grid-table td.head{
    background-color:           #f5f7fb;
    border-color:               #d6dbeb;
    color:                      #1b2240;
    font-size:                  13px;
}

body .pfl-grid-table tr.js-row-main td{
    border-bottom:              1px solid #edf0f7;
    padding-top:                10px;
    padding-bottom:             10px;
}

body .pfl-grid-table tr.tr_zebra{
    background-color:           #fbfcff;
}

body .pfl-grid-table tr.destaq{
    background-color:           #edf5ff;
}

body .pfl-thumb-cell{
    width:                      110px;
}

body .pfl-thumb{
    width:                      84px !important;
    height:                     84px !important;
    object-fit:                 contain;
    border:                     1px solid #d8dceb;
    border-radius:              10px;
    background:                 #ffffff;
    padding:                    4px;
    cursor:                     pointer;
}

body .pfl-no-photo{
    color:                      #8a3143;
    font-weight:                bold;
}

body .pfl-description{
    min-width:                  280px;
    white-space:                normal !important;
    line-height:                1.35;
}

body .pfl-action-cell{
    white-space:                nowrap;
}

body .pfl-btn-sm{
    width:                      170px !important;
    min-width:                  170px !important;
    margin:                     2px 0;
    padding:                    8px 12px !important;
    font-size:                  14px !important;
    border-radius:              10px !important;
}

body .pfl-btn-detail{
    background:                 #ffffff !important;
    color:                      #1a25b1 !important;
    border:                     1px solid #c8d0e8 !important;
}

body .pfl-btn-green{
    background:                 #1fa84a !important;
    color:                      #ffffff !important;
    border:                     1px solid #1fa84a !important;
}

body .pfl-detail-table{
    background-color:           #f9fbff;
}

body .pfl-detail-table td{
    padding-top:                8px;
    padding-bottom:             8px;
}

@media (min-width: 1200px) {
    body .pfl-stage{
        padding-left:           280px;
        padding-right:          16px;
        box-sizing:             border-box;
    }

    body .pfl-page{
        width:                  100%;
        max-width:              1280px;
        margin-top:             12px;
        margin-right:           auto;
        margin-bottom:          24px;
        margin-left:            auto;
        padding-left:           0;
        padding-right:          0;
    }

    body .pfl-form-shell{
        width:                  100%;
        max-width:              1220px;
    }

    body .pfl-form-table,
    body .pfl-grid-card,
    body .pfl-message-table{
        max-width:              1220px !important;
    }
}

@media (max-width: 1199px) {
    body .pfl-stage{
        padding-left:           0;
        padding-right:          0;
    }

    body .pfl-page{
        max-width:              1080px;
        margin:                 12px auto 20px auto;
        padding-left:           10px;
        padding-right:          10px;
    }

    body .pfl-form-grid{
        grid-template-columns:  1fr;
    }

    body .pfl-form-shell{
        padding:                18px;
    }

    body .pfl-toolbar{
        justify-content:        center;
    }
}

@media (max-width: 767px) {
    body .pfl-page{
        margin-top:             8px;
        margin-bottom:          16px;
        padding-left:           6px;
        padding-right:          6px;
    }

    body .pfl-title{
        margin-left:            3%;
        margin-right:           3%;
        font-size:              16px;
        line-height:            1.25;
    }

    body .pfl-subtitle{
        margin-left:            3%;
        margin-right:           3%;
        font-size:              11px;
        line-height:            1.45;
    }

    body .pfl-textarea{
        width:                  100%;
        min-height:             110px;
        max-width:              none;
        font-size:              11px;
    }

    body .pfl-btn{
        width:                  100% !important;
        min-width:              0;
        margin:                 4px 0;
        font-size:              15px !important;
    }

    body .pfl-counter{
        display:                block;
        width:                  fit-content;
        margin:                 8px auto 0 auto;
    }

    body .pfl-form-shell{
        width:                  100%;
        padding:                14px 12px 16px 12px;
        border-radius:          14px;
    }

    body .pfl-field input[type=file]{
        max-width:              none;
    }

    body .pfl-grid-table td.head{
        font-size:              12px;
    }

    body .pfl-grid-table td{
        font-size:              11px;
    }

    body .pfl-thumb{
        width:                  72px !important;
        height:                 72px !important;
    }

    body .pfl-description{
        min-width:              220px;
    }

    body .pfl-btn-sm{
        width:                  145px !important;
        min-width:              145px !important;
        font-size:              12px !important;
    }
}