body {padding-top: 0px;padding-bottom: 0px;background-color:#212529;width:100%;
       font-family:'Agency_FB';font-size:1.3rem; color:#212529; font-weight:500;}


/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* usado no http://localhost/PortalDaOficina/Admin/Scrap/EditScrapAd */
.FileImage {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    min-width: 150px;
    min-height: 140px;
    width: 150px;
    height: auto;
    border: solid 1px #ccc;
    background-image: url('../FileUpload/System/400x400Temp.png');
    background-repeat: no-repeat;
    background-size: 150px 140px;
}

.PresentationFileImage {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    width: 230px;
    height: 140px;
    min-width: 230px;
    min-height: 140px;
    border: solid 1px #ccc;
    background-image: url('../FileUpload/System/800x500Temp.png');
    background-repeat: no-repeat;
    background-size:230px 140px;
}

.tituloPagina
{
    padding-top: 25px;
    /*border-bottom:solid 1px #eee;*/
    margin-bottom: 0px;
    color:#585858;
    vertical-align:middle;
    /*font-size:24px;*/
    font-family:sans-serif;
    line-height:16px;
    height:80px;
    
    /*line-height:70px;*/
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/


.tituloPagina_BO{
    font-size:1.6rem;
    font-weight:600;
    /*letter-spacing:1px;*/
}


/***************************************
* ESTILOS DAS DATATABLES
****************************************/
table.dataTable tbody th, table.dataTable tbody td {
    padding: 4px 5px 4px 10px;
    border: solid 1px #F7F7F7;
}
thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
*, *::before, *::after {
    box-sizing: border-box;
}
user agent stylesheet
td {
    display: table-cell;
    vertical-align: inherit;
}
table.dataTable tbody tr {
    background-color: #ffffff;
    font-size: 1.1rem;
    color: #777575;
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
    /* font-family: Calibri; */
    /* cursor: pointer; */
    height: 35px;
}

table.dataTable thead th, table.dataTable tfoot th {
    font-weight: bold;
    font-size: 1.2rem;
    color: #777575;
    border: none;
    /* background-color: #efefef; */
    background-color: #e0dfdf;
    text-align: center;
    height: 20px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    font-size:0.8rem;
    /* padding: 0.5em 1em; */
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 1px;
}

/********************************************************
    ** Portal Partners Business Campaigns for Workshops
    ** View: PortalDaOficina/Admin/Campaigns/WorkshopCampaigns
********************************************************/
    .rowMarginBottom{
            margin-bottom:10px !important;
    }

   .divCampaignContainer{
        width:100%;
        height:auto;
        /*min-height: 100px;*/
        overflow:hidden;
        transform: scale(1, 1);
        box-shadow: 1px 1px 5px #999;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .divCampaignContainer:hover {
        transform: scale(1.1, 1.1);
        box-shadow: 5px 5px 10px #999;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .CampaignGenericImage{
        /*width: 100%;*/
        width: 100%;
        height: 100%;
        /*max-height:280px;*/
        cursor: pointer;
    }
       

    /*@media screen and (min-width:576px) {
        .CampaignGenericImage {
        }
    }

    @media screen and (min-width:768px) {
        .CampaignGenericImage {
       
        }
    }*/
    
    @media screen and (min-width:992px) {
        .CampaignGenericImage {
            height: 20vw;
        }
    }


    @media screen and (min-width:1200px) {
        .CampaignGenericImage {
            height: 13.5vw;
        }
    }

/** Detalhe da Campanha *********************************************************/
/*PortalDaOficina/Campaigns/Campaign?id=*/
    
    .CampaignTitle
    {
         color:#314970; 
         /*font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;*/
         font-size: 2.6rem;
         font-weight:700;
         line-height:40px;
         text-transform:uppercase;
         margin-bottom:60px;

    }

    .CampaignSubTitle
    {
         margin-top:20px;

         color:#777; 
         /*font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;*/
         font-size: 1.6rem;
         font-weight:500;
         /*line-height:40px;*/
         text-transform:uppercase;

    }
    .CampaignDateEnd
    {
         margin-top:0px;
         color:#777; 
         /*font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;*/
         font-size: 1.2rem;
         font-weight:500;
         /*line-height:40px;*/
         text-transform:uppercase;

    }
    .CampaignText
    {
         margin-top:30px;
         color:#444; 
         /*font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;*/
         font-size: 1.5rem;
         font-weight:500;
         /*line-height:40px;*/

    }
    .CampaignButtonBack
    {
        border:solid 1px #ccc;
        background-color:#222d3d;
        color:#fff;
        border-radius: 5px;
        height:35px;
        padding:0px 20px 0 20px;
        cursor:pointer;
    }
    .CampaignButtonBack:hover
    {
        border:solid 1px #ccc;
        background-color:#000;
        color:#fff;
    }

    .CampaignButton
    {
        border:solid 1px #ccc;
        background-color:#222d3d;
        color:#fff;
        border-radius: 5px;
        height:35px;
        padding:5px 20px 0 20px;
    }
    .CampaignButton:hover
    {
        border:solid 1px #ccc;
        background-color:#000;
        color:#fff;
    }

    .CampaignImage
    {
        width:80%; 
        height:auto;
    }
/** //Detalhe da Campanha *********************************************************/



/* ACORDIONS *******************************
 * Usado nas UtilInfo
*/

   .InfoSubTitulo
    {
        display:block;
        border-bottom:1px solid #ddd;
        color:#db3940;
        font-size:15px;
        font-weight:bold;
        /*margin:0 0 7px 0;*/
        line-height:40px;
        text-decoration:none !important;

    }
    .InfoSubTitulo:hover
    {
        display:block;
        color:#c92229 !important;
        font-size:15px;
        font-weight:bold;
        line-height:40px;
        text-decoration:none !important;
    }
    .InfoSubTitulo:link
    {
        display:block;
        color:#db3940 !important;
        font-size:15px;
        font-weight:bold;
        line-height:40px;
        text-decoration:none !important;
    }


   .InfoTextoSubTitulo
    {
        display:block;
        color:#333;
        font-weight:bold;
        line-height:20px;
        margin-top:10px;
        
    }
    /*.InfoTextoSubTitulo:before {
       content:"• ";
    }*/
    
    .CardText
    {
        display:block;
        color:#37434c;
        font-size:14px;
        padding-top:15px;
        padding-left:10px;
        padding-bottom:20px;
    }
    .InfoTextoNormal
    {
        display:block;
        color:#37434c;
        font-size:14px;
        padding-bottom:10px;
        padding-bottom:10px;
    }
   .InfoTextoItalico
    {
        display:block;
        color:#777;
        font-style:italic;
        line-height:20px;
    }

   .InfoTextoLink
    {
        
        /*display:block;*/ 
        color:#2763c2;
        font-style:italic;
        padding-left:0px;
        padding-bottom:10px;
    }
      .InfoTextoBullet
    {
        display:block;
        color:#222;
        padding-left:10px;
    }
    .InfoTextoBullet:before {
       content:"• ";
    }

    .liLinha
    {
           display:block; 
    }
    .liText{
     
        line-height:20px;
    }

    .pdfLink:link{
        color:#fff;
        background-color:red;
        font-size:9px;
        border-radius: 2px;
        padding:3px 6px 2px 6px;
        text-decoration:none;
        vertical-align:top;
        margin-left:5px;
    }    
    .DownloadLink:link{
        color:#fff;
        background-color:#29456b;
        font-size:9px;
        border-radius: 2px;
        padding:3px 6px 2px 6px;
        text-decoration:none;
        vertical-align:top;
        margin-left:5px;
    }    

    .texto {
        display: block;
        margin-top: 10px;
    }

/* LISTAS CSS ********************************/

    ol {
        list-style: none;
        counter-reset: my-awesome-counter;
        /*display: flex;
        flex-wrap: wrap;*/
        margin: 0;
        padding: 0;
    }

    ol li {
      counter-increment: my-awesome-counter;
      display: flex;
      width: 90%;
      font-size: 1.5rem;
      margin-bottom: 1.5rem;
      
      color:#666;
    }

    ol li::before {
        content: counter(my-awesome-counter, decimal-leading-zero);
        font-weight: bold;
        font-size: 2.5rem;
        margin-right: 0.5rem;
        /*font-family: 'Abril Fatface', serif;*/
        line-height: 1;
        color:#c92229 ;
        margin-right:20px;
    }

/* CUSTOM CSS ********************************/

/* Para as notificações bootstrap no fundo da página */
/*[data-notify] {
 background-color: #ccc !important;
 height:300px !important;
}*/
[data-notify="message"] {
    font-size: 100%;
}
/*Caixas de alerta no topo de página para validações de FORM SUBMITS no MVC
    Este estilo foi copiado do estilo do bootstrap
*/
.validation-summary-errors {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}
.validation-summary-valid {
    display: none;
}

/*DATATABLES */
.selectRecs {
  /*width: 70px;
  height: 25px;
  padding: 5px 5px;
  font-size: 14px;
  line-height: 0.8;
  border-radius: 3px;
  border:solid 1px #ccc;*/
 }

/*usado nas div que contem as grids*/
.divScrollGrids
{
    background-color:#f7f7f7;
    border-right:solid 1px #efefef;
}

.columnHighlight {
        /*background-color: #ededed;*/
        color:#444;
        font-weight:600;
}
/* TOPO */


/***********************************************************************************************************/

       .logout {
            padding-left:20px;
            text-decoration:none;
            color: #38424c;
        }

        .vcenter {
           display: flex;
            align-items: center;
        }

        #wrapper {
            padding-left: 200px;
            transition: all 0.4s ease 0s;
        }

        #sidebar-wrapper {
            margin-left: -250px;
            top: 51px;
            left: 250px;
            width: 200px;
            background: #38424c;
            position: fixed;
            height: 100%;
            overflow-y: auto;
            z-index: 1000;
            transition: all 0.4s ease 0s;
        }

        #wrapper.active {
            padding-left: 0;
        }


        .glyphicon {
            margin-right: 10px;
        }

        .glyphicon-as {
            font-size: 6px;
            padding-left:10px;
            padding-top:4px;
            vertical-align:top;
            color:#ccc;
        }

        /** SIDE MENU ******************************************************/
        
        .MenuTitle-as {
            background-color: #38424c;
            display: block;
            padding: 15px 15px;
            color: #e5e6e6;
            font-size: 14px;
            font-family: Arial, Helvetica, sans-serif;
            font-weight:bold;
            height:50px;
            border-bottom:solid 1px #484f55;
        }
        
        .list-group-panel-as{
            background: #2a3f54;
            border:0px;
        }

        /*** GRUPO ***/
        .list-group-item-as{
          color:#e8e9e9 !important; 
          background: #38424c;
          border:0px;
          font-size:13px;
          /*font-weight:bold;*/
        }

        a.list-group-item-as:hover {
          text-decoration: none;
          background-color: #212932;
          color:#e5e6e6;
          font-size:13px;
        }  
        a.list-group-item-as.active{
            text-decoration: none;
             background-color: #212932;
            color:#fff;
            font-size:13px;
        }
        a.list-group-item-as:focus {
            text-decoration: none;
             background-color: #212932;
            color:#fff;
            font-size:13px;
        }

        /*** OPÇÕES ***/
        .item-as{
          color:#9b9b9b !important; 
          background: #212932;
          border:0px;
          font-size:13px;
          /*font-weight:bold;*/
        }

        .item-as:hover {
          text-decoration: none;
          background-color: #151b20 !important; 
          color:#fff !important; 
        }  
        .item-as.active{
            background-color: #b21b22 !important; 
            color:#fff !important; 
            background: url("../Content/Images/red.png") right bottom no-repeat;

        }
        .item-as:focus {
            text-decoration: none;
             background-color: #151b20 !important; 
            color:#fff !important; 
        }

        /********************************************************/
        a {
            color:#e5e6e6;
        }
        .strong {
            font-weight: bold;
        }

        .logo{
            display:block;
            background-color: #38424c;
            width:200px;
            border-right:solid 1px #38424c;
            margin:0 0 0 0;
            text-align:center;
            height:80px;
        }


        


    /*.nav-pills > li.active > a:hover {
        background-color: #efcb00;
        color:black;
    }*/


    

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/


/* CUSTOM CSS ********************************/

/*VALIDAÇÃO DE CAMPOS VAZIOS*/
/*usado pela fun generica validacaoCamposVazios()*/
/*para campos tipo inpue e textarea*/
input.invalid, textarea.invalid{
	border: 1px solid red;
}
/*Truque: Para as comboboxes que na pratica são as Select2, é preciso alterar a class do seu elemento SPAN*/
span.invalid
{
	border: 1px solid red !important;
      border-radius: 2px;
}

/***********************************************************************************************************/



/** SUB-MENU DAS PAGINAS DE EDIT 
    alteram os estilos originais
*/
/*painel da pagina de detalhe*/
.panel-body-edit {
  padding: 10px 30px 15px 25px;
}

/*Titulo das paginas de index e detalhe*/
.tit-desc-pagina{
    height:35px; border-bottom:solid 1px #f6f3f3; margin-bottom:20px;color:#4b5662;
}

.nav > li > a {
  position: relative;
  display: block;
  /*padding: 6px 15px;  retirei para centrar verticalmente*/
}

 .nav-pills > li {
  float: left;
   color: #38424c;
}
.nav-pills > li > a {
  border-radius: 3px;
   color: #38424c;  /*cor do texto do menu*/
}
.nav-pills > li + li {
  margin-left: 2px;
   color: #38424c;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
        color: #fff;
        background-color: #007bb6;
        font-weight:normal;
        /*height:38px;*/ /*altura do botao do menu*/
        
}

/***********************************************************************************************************/

/*Testes*/

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #000;
}


/*ICONS DENTRO DE CAIXAS CIRCULOS E RECT*/
.ico_azul {
    /*background-color: #5c9ed8;*/
    color:#5c9ed8;
    height: 20px;
    line-height: 20px;
    vertical-align: text-bottom;
    width: 20px;
    font-size:30px;
}
.ico_branco {
    /*background-color: #5c9ed8;*/
    color:#efefef;
    height: 50px;
    line-height: 50px;
    vertical-align: text-bottom;
    width: 50px;
    font-size:30px;
}

.bt_circulo_azul {
    background-color: #5c9ed8;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    width: 60px;
    height: 60px;
    /*color: #ccc;*/
    align-content:center;
    text-align:center;
    cursor:pointer;
}

.bt_circulo_cinza {
    background-color: #ccc;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    width: 60px;
    height: 60px;
    color: #5c9ed8;
    align-content:center;
    text-align:center;
    cursor:pointer;
}
.bt_ico_azul {
    background-color: #5c9ed8;
    -moz-border-radius: 5%;
    -webkit-border-radius: 5%;
    border-radius: 5%;
    display: block;
    width: 20px;
    height: 20px;
    color: #fff;
    align-content:center;
    text-align:center;
    line-height: 20px;
    cursor:pointer;
    font-size:10px;
    float:right;
}

/*teste  <span class="glyphicon glyphicon-plus bt_ico_azul"></span>*/
  .form-horizontal .control-span {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }

/******** butoes pequenos de acções da grid ***********/
.gridActionBtn {
    background-color: #5c9ed8;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    /*display: block;*/
    width: 24px;
    height: 24px;
    color: #fff;
    align-content:center;
    text-align:center;
    line-height: 22px;
    cursor:pointer;
    font-size:11px;
}
.edit {
    /*background-color: #8dcaf8;*/
    background-color: #767d83;
    border:solid 1px #676e74;
}
.editDisabled {
    /*background-color: #8dcaf8;*/
    background-color: #cccccc;
    border:solid 1px #dddddd;
}
.edit:hover {
    /*background-color: #8dcaf8;*/
    background-color: #464b50;
}
.edit:focus
 {
  background-color: #464b50;
  border-color: #3f4449;
}
.del {
    background-color: #d6656a;
    border:solid 1px #c2595e;
}
.delDisabled {
    background-color: #cccccc;
    border:solid 1px #dddddd;
}
.del:hover {
    background-color: #b21b22;
}
.del:focus
 {
  background-color: #b21b22;
  border-color: #a2191f;
}
.sel {
    background-color: #71ade2;
    border:solid 1px #649ed1;
}
.sel:hover {
    /*background-color: #8dcaf8;*/
    background-color: #4a7ca8;
}
.list {
    background-color: #767d83;
    border:solid 1px #676e74;
}
.list:hover {
    background-color: #464b50;
}
.sel:focus
 {
  background-color: #4a7ca8;
  border-color: #43749f;
}
.accao {
    background-color: #ccc;
}


/******** butoes pequenos de acções da grid ***********/

.ico_branco2 {
    /*background-color: #5c9ed8;*/
    color:#efefef;
    height: 20px;
    line-height: 22px;
    vertical-align:middle;
    width: 20px;
    font-size:12px;
}

.fonte1{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: normal;
    font-weight:300;
    font-size:36px;
    /*color:#1a1a1a;*/
    color:#202020;
    
     /*-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
    
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.fonte2{
    -webkit-font-smoothing: antialiased;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight:300;
    font-size:20px;
    color:#333;
}
/*** LABELS custom**********************************************/



.labelGridStatus {
    background-color: #007bb6;
    border:solid 1px #007bb6;
    display: block;
    width: 100px;
    padding: .3em .4em .3em .4em;
    font-size: 11px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    -moz-border-radius: 5%;
    -webkit-border-radius: 5%;
    border-radius: 5%;
}
.Submitted {background-color: #9ea1a4;border:solid 1px #9ea1a4;}  /*cinza*/ 
.Opened {background-color: #aecfeb;border:solid 1px #aecfeb;}/*azul*/
.Refused {background-color: #dee1e5;border:solid 1px #dee1e5;color:#8d949a;}/*cinza*/
.ProposalIs {background-color: #ddd624;border:solid 1px #ddd624;}/*laranja*/
.Adjudicated {background-color: #2ce57a;border:solid 1px #2ce57a;}/*verde*/
.Deleted {background-color: #f90a15;border:solid 1px #f90a15;}/*encarnado*/


/*STATUS PARA LEAD*/ 
    /*azul claro nova lead*/ 
    .LeadStatus_LNP {background-color: #68c7e4;
                     padding: .3em .4em .3em .4em;
                    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                    color:#fff;
                    text-align:center;

    }
    /*azul lead aberta pelo partner*/
    .LeadStatus_LAP      {background-color: #66a5c3; 
                          padding: .3em .4em .3em .4em;                    
                            font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                            color:#fff;
                            text-align:center;}
     /*verde claro adjudicada*/
    .LeadStatus_LDC      {background-color: #7cd4fd;
                          padding: .3em .4em .3em .4em;
                            font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                            color:#fff;
                            text-align:center;}
       /*RECUSADA  verde claro*/
    .LeadStatus_LRP {
        background-color: #ecf1ef;
        padding: .3em .4em .3em .4em;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        color: #c2c5c4;
        text-align: center;
    }

/*PARTNER + CUSTOMER*/

    /*NOVA PARCEIRO   azul claro*/ 
    .PropStatus_PNP      {background-color: #84e2ff; 
                          padding: .3em .4em .3em .4em;                    
                            font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                            color:#fff;
                            text-align:center;}
    
    /*AVALIACAO PARCEIRO   azul medio*/
    .PropStatus_PAP      {background-color: #75d2fd;
                          padding: .3em .4em .3em .4em;
                            font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                            color:#fff;
                            text-align:center;}
    

    /*ENVIADA AO CLIENTE    azul claro*/
    .PropStatus_PNC      {background-color: #68c4f3;
                          padding: .3em .4em .3em .4em;
                          font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                          color:#fff;
                          text-align:center;}
    /*laranja claro*/
    .PropStatus_PNC_Cust  {background-color: #fff383;
                          padding: .3em .4em .3em .4em;
                          font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                          color:#979156;
                          text-align:center;}

   
     /*AVALIACAO CLIENTE  laranja  */
    .PropStatus_PAC      {background-color: #ffe374;
                          padding: .3em .4em .3em .4em;
                          font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                          color:#a1997d;
                          text-align:center;}
    
    /*DUPLICADA CLIENTE   não usada  */
    .PropStatus_PCC     {background-color: #fff383;
                         padding: .3em .4em .3em .4em;
                          font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                          color:#979156;
                          text-align:center;}

     /*ALTERACAO CLIENTE  laranja escuro */
    .PropStatus_PLC      {background-color: #ffe374; 
                          padding: .3em .4em .3em .4em;
                          font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                          color:#979156;
                          text-align:center;}


    /*ENVIADA DO CLIENTE AO PARCEIRO   azul escuro*/
     .PropStatus_PEP     {background-color: #f5d96e;
                           padding: .3em .4em .3em .4em;
                          font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                          color:#FFF;
                          text-align:center;}
       

    /*ADJUDICADA    verde claro   */
    .PropStatus_PDC      {background-color: #94f1a5;
                           padding: .3em .4em .3em .4em;
                          font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                          color:#FFF;
                          text-align:center;}

     /*RECUSADA  verde claro*/
    .PropStatus_PXP {
        background-color: #ecf1ef;
        padding: .3em .4em .3em .4em;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        color: #c2c5c4;
        text-align: center;
    }

        .PropStatus_PXC       {
        background-color: #ecf1ef;
        padding: .3em .4em .3em .4em;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        color: #c2c5c4;
        text-align: center;
    }
    /*FATURADA  verde  */
    .PropStatus_PFP      {margin: .3em .4em .3em .4em; display: block; padding: .3em .4em .3em .4em; background-color: #46cf60;border:solid 0px #cccc00; color:#f1f1f1;text-align:center;}
     
    /*PAGA   verde escuro  */
    .PropStatus_PPC      {margin: .3em .4em .3em .4em; display: block; padding: .3em .4em .3em .4em; background-color: #30bb4a;border:solid 0px #cccc00; color:#fff;text-align:center;}


    /*colocar uma barra vertical na 1ª celulda de cada linha da grid*/
     .barraVertical
     {
        /*display:inline-table;
        width: 5px;
        height:36px;*/
     }

     /*Retirar os padding da 1ª celula da grid para mostrar de forma bonita a barra vertical*/ 
     #tblGridProposals thead th:first-child{
         padding:0 !important;
     }


   /*larenja escuro     {background-color: #999900;border:solid 0px #cccc00; color:#fff;}
     azul escuro        {background-color: #0077b3;border:solid 0px #cccc00; color:#eee;}
    azul mais escuro    {background-color: #004466;border:solid 0px #cccc00; color:#eee;}
     vermelho escuro    {background-color: #801a00;border:solid 0px #cccc00; color:#ffebe6;}
    rosa                 {background-color: #ff8566;border:solid 0px #cccc00; color:#fff;}
    cinzento             {background-color: #669999;border:solid 0px #cccc00; color:#eee;}
    cinzento claro      {background-color: #b3cccc;border:solid 0px #cccc00; color:#fff;}




/* CORES
    -----
    background-color: #38424c  verde escuro do logotipo original
    background-color: #212932  verde mais escuro das opções selecionadas
    background-color: #b21b22;  vermelho do logotipo original
    -----
    butões dos submenus dos paineis de detalhe
    color: #4b5f9e; (verde escuro)
    background-color: #007bb6;  (azul)
    ----
    botes isolados
    botao submit e insert
    background-color: #67717b;   verde mais claro do logotipo original
    botao voltar a tras
    background-color: #bdbfc0;
    ----
    botoes accoes da grid
    background-color: #007bb6; azul para edit
    background-color: #ccc;  cinza
    background-color: #b21b22; vermelho para eliminar


*/