/***** VARIABLES *****/
:root {
    --font-primary: 'Open Sans', 'Segoe UI', sans-serif;
    --color-primary: #1f36c7;
    --color-secondary: #005eff;
    --color-accent: #77ddf5;
    --color-light: #e5e5e5;
    --color-text-link: var(--color-secondary);
    --color-text-link-hover: var(--color-accent);
}


/***** COLORS OVERRIDE *****/
a:hover {
    color: var(--color-accent);
}

.wkf-login .wkf-login-form #btnOK {
    background-color: var(--color-primary);
}

.wkf-main .wkf-sidebar {
    background-color: var(--color-primary);
}


.wkf-bg-login {
    background-color: var(--color-primary) !important;
    background: url('/Images/FSSC/background-login.jpg') center center no-repeat;
    background-size: cover;
}

.wkf-main .wkf-sidebar .wkf-menu table td div i.fas {
    color: var(--color-accent);
}

.wkf-main .wkf-sidebar .wkf-menu table td.wkf-menu-opened div.SMParent {
    color: var(--color-accent);
}

.wkf-table-actions div a:hover i {
    color: var(--color-accent);
}

.wkf-form .wkf-container-attachment a {
    color: white !important;
    background-color: var(--color-secondary);
}

.btn-secondary {
    font-size: 14px;
    border: none;
    padding: 5px 10px;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

/* mobile only */
@media screen and (max-width: 640px) {
    textarea {
    width: 100% !important;
  }

  .mobileTitle {
    color: #446280;
  }

  #mobileHeader {
    border-color: #446280;
  }

  #mobileMenu a {
    background-color: #446280;
  }

  #mobileHeader .mobileBack {
    color: #008F9A;
  }

  #toggleFilters {
    background-image: url('/Images/FSSC/menu_icon.png');
  }

  .showFilters #toggleFilters {
    background-image: url('/Images/FSSC/close_icon.png');
  }

  #mobileHeader .mobileLogo {
    width: 220px;
    height: 70px;
    background-image: url('/Images/FSSC/logo_mobile.png');
  }
}

/***** LOGIN MOBILE *****/
@media screen and (max-width: 992px) {
  .pagLogin #logo {
    background-image: url('/Images/FSSC/area_login_mobile.png') !important;
  }
}

/*-----------------------------------------------------------------------*/
.bulletedList 
{
    font-size: 11px;
    color: #000000;
}
  .label
  {
    font-size: 11px;
    color: #666666;
  }

  .labelBlack
  {
    font-size: 11px;
    color: #000000;
  }

  .labelNeg
  {
    font-size: 11px;
    color: #666666;
    font-weight:   bold;
  }

  .lblTitPagina
  {
    font-size: 16px;
    font-weight: bold;
    color: #446280;
  }

  .lblTitFiltro
  {
    font-size: 12px;
    font-weight: bold;
    color: #446280;
  }

  .lblMensagem
  {
    font-size: 11px;
    color: #FF0000;
  }

  .lblMsgErro
  {
    font-size: 14px;
    color: #FF0000;
    font-weight: bold;
  }

  .lblRed
  {
    font-size: 11px;
    color: #FF0000;
    font-weight: normal;
  }

  .labelBlackB
  {
    font-size: 10px;
    color: #000000;
    font-weight: bold;
  }

  .labelBlackT
  {
    font-size: 12px;
    color: #000000;
    font-weight: bold;
  }

  /*Css relativos ao Formulário*/
  .lblFormTabBloco
  {
     width: 760px;
     background-color: #FFFFFF;
     border: 0;
     padding: 0px;
  }

  .lblFormTabCampo
  {
     width: 760px;
     background-color: #FFFFFF;
     border: 0;
     padding: 1px;
  }
 
  .lblTitBloco
  {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #666666;
    font-weight: bold;
  }

  .lblTitBlocoB
  {
    width: 750px;  
    font-size: medium;
    color: #4572C5;
    font-weight: bold;
    background-color: #FFFFFF;
  }

  .lblTitBloObs
  {
    width: 750px;  
    font-size: 12px;
    color: #737373;
    font-weight:  bold;
  }

  .lblTRBlocoB
  {
    width: 750px;  
  }
  
  .lblTDBlocoB
  {
    width: 750px;  
    background-color: #FFFFFF;
  }
  
  .lblTRBloObs
  {
    width: 750px;  
  }

  .lblTDBloObs
  {
    width: 750px;  
  }
  
  .lblHRBloObs
  {
    width: 750px;  
  }
  
  .labelMaior
  {
    font-size: 11px;
    color: #9B9B9B;
  font-weight: bold;
  }

  a.lblLink, a.lblLink:link, a.lblLink:visited, a.lblLink:active
  {
    font-size: 11px;
    color: #666666;
    /*text-decoration: none;*/
  }
   
  a.lblLink:hover
  {
    font-size: 11px;
    color: #FF0000;
    /*text-decoration: none;*/
  }
  
  .button
  {
    background: #FFFFFF;
    color: #666666;
    vertical-align: middle;
    font-size: 11px;
    height: 20px;
    text-decoration: none;
  }

    .btnProc {
        background-color: var(--color-primary);
    }

  .buttonAddDel {
    font-family: Wingdings;
  }

  .buttonTransp
  {
    background: #0fa1e0;
    color: #f1fcff;
    vertical-align: top;
    font-size: 11px;
    font-variant : small-caps;
    text-decoration: none;
    border-style: solid;
    border-top:2px solid #1492c7;
    border-bottom:2px solid #1492c7;
    border-left:2px solid #1492c7;
    border-right:2px solid #1492c7;
    text-align:center;
    font-weight: lighter;

    /*filter: Chroma(Color=#FFFFFF);*/
  }

  .textbox
  {
    font-size : 11px;
    color : #000000;
    /*height: 20px;*/
  }

  .textboxF
  {
    font-size : 11px;
    color : #000000;
    height: 14px;
    vertical-align: top;
  }

  .textboxM
  {
    font-size : 11px;
    color : #000000;
    height: 50px;
  }

  .textboxVal
  {
    font-size : 11px;
    color : #000000;
    vertical-align: middle;
    height: 15px;
    text-align: right;
  }

  .list
  {
    font-size: 11px;
    line-height: 15px;
    vertical-align: middle;
  }

  .listM
  {
    font-size: 11px;
    line-height: 22px;
    vertical-align: middle;
  }

  .listMB
  {
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  vertical-align: top;
  height: 20px;
  }

  .autoCompleteListElement
  {
    font-size: 11px;
    visibility : hidden;
    margin : 0px!important;
    background-color : window;
    color : windowtext;
    border : buttonshadow;
    border-width : 1px;
    border-style : solid;
    cursor : 'default';
    overflow : auto;
    height : 150px;
    text-align : left;
    list-style-type : none;
  }

  .autoCompleteHighLightedListItem
  {
    font-size: 11px;
    background-color: #316AC5;
    color: #FFFFFF;
    padding: 1px;
  }

  .autoCompleteListItem
  {
    font-size: 11px;
    background-color : window;
    color : windowtext;
    padding : 1px;
  }

  .radioButton
  {
    font-size : 11px;
    color : #000000;
  }

  .textarea
  {
    font-size : 11px;
    line-height: 15px;
  }


/*estilo grid de formulário dentro de evento**********************************************/
  .clsGridForm
  {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
  }

  .clsGridRows2 td, .clsGridAltRows2 td
  {
    font-size: 11px;
    color: #000000;
    vertical-align: middle;
  }

  .clsGridRows2 td
  {
    background-color: #F5F5F5;
  }

  .clsGridAltRows2 td
  {
    background-color: #FFFFFF;
  }
/*****************************************************************************************/


/*estilo grid de campos dentro de evento**************************************************/
  .clsGridRows3 td
  {
    font-size: 11px;
    color: #000000;
    vertical-align: middle;
  }

  .clsGridHeader3 {
    font-size: 11px;
    color: #666666;
    font-weight: bold;
    height: 30px;
    vertical-align: middle;
    text-align: left;
  }
/*****************************************************************************************/


/*estilo para gridview*********************************************************************/
  .clsGrid, .clsGridEmpty
  {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
  }

  .clsGridHeader {
    background-color: #169bc2;
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    height: 30px;
    vertical-align: middle;
    text-align: left;
  }

  .clsGridRows td, .clsGridAltRows td
  {
    font-size: 11px;
    color: #666666;
    vertical-align: middle;
  }

  .clsGridRows td
  {
    background-color: #F5F5F5;
  }

  .clsGridAltRows td
  {
    background-color: #FFFFFF;
  }

  .lblPaginacao
  {
    text-align: center;
    vertical-align: middle;
  }

  .lblPaginacao span
  {
    font-size: 11px;
    color: #FF0000;
    font-weight: bold;
  }

  .lblPaginacao a
  {
    text-decoration: none;
    font-size: 11px;
    color: #666666;
    font-weight: bold;
  }
/*********************************************************************************************/


/*estilo para EsqueceuSenha*******************************************************************/
body.pagEsqueceuSenha
{
    font-size:11px;
    color:#000;
    margin:0;
    overflow-x:hidden;
}

body.pagEsqueceuSenha form div.message
{
    width:100%;
    text-align:center;
    max-width:1024px;
    margin-top:15px
}

body.pagEsqueceuSenha form div div.conteudo
{
    width:100%;
    text-align:center;
    max-width:1024px
}

body.pagEsqueceuSenha form div div.conteudo p
{
    padding:10px 0;
}

body.pagEsqueceuSenha form div div.conteudo .valSummary
{
    width:350px;
    text-align:left;
    margin:0 auto
}

body.pagEsqueceuSenha form div div.conteudo div.campos
{
    width:170px;
    margin:0 auto;
    text-align:left;
}

body.pagEsqueceuSenha form div div.conteudo div.campos div
{
    margin-bottom:10px;
}

body.pagEsqueceuSenha form div div.conteudo div.campos div label
{
    display:block;
    margin-bottom:5px;
}
/*********************************************************************************************/


/*estilo para Master Page*********************************************************************/
  .Cabecalho
  {
    /*
      background-image: url("/Images/FSSC/cabSiteX.jpg");
    background-repeat: no-repeat;
    font-size: 30px;
    font-weight: bold;
    text-indent: 70px;
    width: 1024px;
    height: 104px;
    color: #229ABD;
        */
    /*line-height: 70px;*/
  }


/* CSS para o Menu na página de Grupo -------------------------------------------------------*/
.SMParentB {
  background-color:#79AEFF;
  color:#FFFFFF;
  font-size:11px;
  text-align:left;
  vertical-align:bottom;
  width: 250px;
  height : 18px;
}

.SMParent2B {
  background-color:#C8DBFC;
  color:#05378A;
  font-size:11px;
  vertical-align: bottom;
  width: 250px;
  height: 18px;

}

.SMParent4B {
  background-color:#D0F2FF;
  color:#060093;
  font-size:11px;
  text-align:left;
  vertical-align: bottom;
  width: 250px;
  height : 18px;
}

.SMChildB {
  background-color:#FFFFFF;
  color:#0f7d9d;
  font-size:11px;
  text-align:left;
  vertical-align: bottom;
  width: 250px;
  height: 18px;
}

.SMChild2B {
  background-color:#FFFFFF;
  color:#0f7d9d;
  font-size:11px;
  text-align:left;
  vertical-align: bottom;
  width: 250px;
  height: 18px;
}


/*-----------------------------------------------------------------------*/


/* Para a mensagem de recepção -------------------------------------------------------*/
.textboxRec {
  color:#2C64D3;
  font-size:9px;
  font-style:normal;
  font-variant:normal;
  font-weight: normal;
  line-height:normal;
  vertical-align: middle;
  text-align:left;
  text-decoration:none;
  border: 0px;
  border-bottom:0px;
  border-left:0px;
  border-right:0px;
  border-top:0px;
  background-color: #FFFFFF;
  filter: Chroma(Color=#FFFFFF);
}
/*-----------------------------------------------------------------------*/
/* Css para td na tabela de cadastro de usuário */

  .tabCadUsu
        {
          width: 160px;
            height: 28px;
        }
/*-----------------------------------------------------------------------*/



.textoVermMB {
  font-size: 14px;
  color:#446280;
}

/* CSS para o Menu */
#bdPage{
  vertical-align:top;
  overflow:auto;
  position: relative;
  border-width: 0;
  background-attachment: scroll;
  background-color: #FFFFFF;
  background-image: url(../images/background_form.jpg);
  background-repeat: no-repeat;
  background-position: right 200px;
  height: 800px;
  }

/* for plus-minus images */
td.ob_t6{
/*
  width:16px;
  vertical-align:top;
*/

  display: none;
}
td.ob_t6v  {
  display: none;
}
/* for icons */
td.ob_t4    {
  vertical-align:top;
}
/* for icons */
div.ob_d4     {
  width: 19px;
  font: 6pt Tahoma;
  display: none;
}
/* for node text */
.textoChumbo {
  font-size: 11px;
  color: #666666;
}
.textoVermM {
  font-size: 11px;
  color:#D74848;
}
.clsGridFooterV {
  background-color: #FFFFFF;
  vertical-align:middle;
  font-size: 11px;
  color:#D74848;
  font-weight:bold;
  text-align:center;
}

hdMenu {
  float:left;
  width: 100px;
  font-size: 9px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  color: #FFFFFF;
  /*background-color: #990000;*/
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  list-style:none;
  display:inline;
  border: 1px solid #CC0000;
  /*filter: Chroma(Color=#990000);*/
  font-variant: normal;
  font-style: normal;
  line-height: normal;
  cursor: pointer;
}

  .lblDescricao {
    font-size: 14px;
    font-weight: bold;
    color: #FF0000;
    text-align: center;
    vertical-align: middle;
  }

  .lblDados {
    font-size: 10px;
    font-weight: bold;
    text-decoration: underline;
    color: #333333;
  }

  .lblCampos {
    font-size: 10px;
    color: #333333;
  }

  .lblCamposNeg {
    font-size: 10px;
    font-weight: bold;
    color: #333333;
  }

  .lblRedNeg
  {
    font-size: 10px;
    color: #FF0000;
    font-weight: bold;
  }

  #tbProc td
  {
    height: 20px;
  }
    
  /*Modal Popup*/
  .modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
    /*IE5 e IE6 HACK*/
    _position:absolute !important;
  }

  .modalPopup {
    background-color:#ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:250px;
  }

/*****************************************************************************************/
/************ CSS para MaskedEdit ***********************/
.MaskedEditFocus
{
    background-color: #ffffff;
    color: #000000;
}
.MaskedEditMessage
{
  color: #ff0000;
  font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffffff;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

.buttonPlusMinus
  {
    background: #FFFFFF;
    color:  #000000;
    vertical-align: middle;
    float:left;
    font-size: 8px;
    text-decoration: none;
    border-style: solid;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    text-align: center;
    font-weight: lighter;
    width: 15px;
    height:15px;
  }
  
/* Para a mensagem de retorno no formulário -------------------------------------------------------*/
.textboxRet {
  color:#2C79C5;
  font-size:11px;
  font-style:normal;
  font-variant:normal;
  font-weight: normal;
  line-height:normal;
  vertical-align: middle;
  text-align:left;
  text-decoration:none;
  border: 0px;
  border-bottom:0px;
  border-left:0px;
  border-right:0px;
  border-top:0px;
  background-color: #FFFFFF;
  filter: Chroma(Color=#FFFFFF);
}
/*-----------------------------------------------------------------------*/

#divProcessando1
{
  background-color: #FFF;
  opacity:0.6;
  z-index:100000;
  display:flex;
  width:100%;
  position:fixed;
  height:100%;
  top:0;
  left:0;
}