﻿@font-face {
    font-family: 'robotolight';
    src: url('Font/roboto-light-webfont.eot');
    src: url('Font/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Font/roboto-light-webfont.woff') format('woff'),
         url('Font/roboto-light-webfont.ttf') format('truetype'),
         url('Font/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('Font/roboto-regular-webfont.eot');
    src: url('Font/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Font/roboto-regular-webfont.woff') format('woff'),
         url('Font/roboto-regular-webfont.ttf') format('truetype'),
         url('Font/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
#panelMaps
{
    background-color: #E5E3DF;
}

#mapControlContainer
{
    position: absolute;
}

#mapControlContainer.commandShowed
{
    margin-left: 380px;
}

#panelCommands, #panelConsultas, #panelClient
{
    position: absolute;
    width: 380px;
    background-color: white;
    display: none;
}



#panelToggle
{
    position: absolute;
    background-color: white;
    height: 18px;
    width: 18px;
    display: none;
    z-index: 10;
    text-align: center;
    line-height: 20px;
}

#panelToggle img
{
    margin: 0;
    padding: 0;
    width: 6px;
    height: 12px;
}

#panelToggle.asShowed img
{
    background: no-repeat url('Images/GEO/Sprites/hpimgs28.png') -132px -26px #fff;
}

#panelToggle.asCollapsed img
{
    background: no-repeat url('Images/GEO/Sprites/hpimgs28.png') -155px -26px #fff;
}

#panelToggle.asCollapsed, #panelToggle.asShowed
{
    cursor: pointer;
}



/*CSS utilizado no Painel de Controle do Sistema
    Menu, Conteudo e Rodape, conteudo com scroll*/
.ControlPanelWrapper
{
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    font-family: arial, helvetica, sans-serif;    
    font-size: 12px;
}

.ControlPanelWrapper h1
{
    font-size: 14px;
}

.ControlPanelTop
{
    position: absolute;
    top: 0px;
    height: 65px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    background-color: #95B987;
    color: #ffffff;
}

.ControlPanelTitulos
{
    top: 0px;
    height: 20px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    background-color: #95B987;
    color: #ffffff;
    font-size: 14px;
}

.ControlPanelTopInside
{
    position: absolute;
    top: 0px;
    height: 55px;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.col1, .col2, .col3, .col4, .col5
{
    float: left;
    margin: 0;
    padding: 0 10px 0 0;
    line-height: 14px;
    empty-cells: show;
}

.colN
{
    float: left;
    margin: 0;
    padding: 0 0 0 0;
    line-height: 14px;
}

.panelClientesWrapper .ControlPanelTop
{
    height: 100px;
    border-bottom: none;
}

.ControlPanelContent
{
    position: absolute; /*padding-bottom: 50px;*/ /* to match the footer height*/
    top: 65px;
    bottom: 80px;
    height: auto;
    width: 100%;
    overflow: auto;
}

.ControlPanelContentLegenda
{
    
    /*top: 65px;*/
    height: auto;
    width: 380px;
    background-color: white;
    bottom: 20px;
    position: absolute;
    overflow: auto !important;
}


.ControlPanelContentInside
{
    position: absolute; /*padding-bottom: 50px;*/ /* to match the footer height*/
    top: 110px;
    bottom: 145px;
    height: auto;
    width: 100%;
    overflow: auto;
}

.ControlPanelContentInsideClient
{
    position: absolute; /*padding-bottom: 50px;*/ /* to match the footer height*/
    top: 90px;
    bottom: 145px;
    height: auto !important;
    width: 100%;
    overflow: auto;
}


.panelClientesWrapper .ControlPanelContent
{
    top: 140px;
    bottom: 125px;
}

.panelClientesWrapper h1
{
    font-size: 20px;
    padding: 15px 0 3px 15px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 0px;
}

.result
{
    font-size: 13px;
    color: #999;
    padding-left: 15px;
}

.ControlPanelBottom
{
    position: absolute;
    bottom: 0px;
    height: 80px;
    width: 100%;
    border-top: 1px solid #CCC;
    font-weight: bold;
}

.panelClientesWrapper .ControlPanelBottom
{
    height: 145px;
    padding: 15px 0 0 15px;
}

.ControlPanelBottom input[type="radio"]
{
    margin-right: 5px;
}

.ControlPanelBottom input[type="checkbox"]
{
    margin-right: 5px;
    margin-left: 2px;
}

.ContainerData
{
    padding: 0px;
    float:left;
    width: 55%;    
}

.ContainerDataClient
{
    padding: 0px;    
    float:left;
    width: 55%;    
}

.ContainerBottom{
    padding: 15px;
}
.ControlPanelBackButton
{
    float:left;
    margin:5px 0 0 5px;
}


.ControlPanelBackButton:hover
{
    background-color:#649C52;
    cursor:pointer;
}


.ButtonAtual 
{
     float:left;          
}

.ButtonOutraSec 
{
    float:left;
    background-color:#649C52;
    cursor:pointer;
}


/* fim dos dados da listagem */

.infoWindowRCA, .infoWindowCliente, .infoWindowHomeRCA, .infoWindowPedido
{
    width: 450px;
    height: 150px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: x-small;
}

.infoWindowRCAMon, .infoWindowClienteMon, .infoWindowHomeRCAMon, .infoWindowPedidoMon
{
    font-family: verdana;
    font-size: small;
}

.spanMark
{
    cursor: pointer;
    color: #15c;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    position: relative;
    bottom: -15px;
    padding-top: 10px;
}

.spanMark:hover
{
    text-decoration: underline;
}

.infoWindowRCA h4, .infoWindowCliente h4, .infoWindowHomeRCA h4, .infoWindowPedido h4
{
    font-size: 16px;
    padding-bottom: 5px;
}

.controllers
{
    font-family: arial,helvetica,sans-serif;
    font-size: 13px;
    padding: 12px 0;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

.controllers span
{
    padding: 5px;
}

.controllers a
{
    outline: none;
    text-decoration: none;
}

.controllers .kd-button
{
    display: inline-block;
    min-width: 54px;
    border: 1px solid #dcdcdc;
    border: 1px solid #dcdcdc;
    text-align: center;
    color: #444;
    font-size: 85%;
    font-weight: bold;
    height: 27px;
    padding: 0 8px;
    line-height: 27px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -o-transition: all 0.218s;
    transition: all 0.218s;
    background-color: #f5f5f5;
    background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
}

.controllers .kd-button:hover
{
    border: 1px solid #c6c6c6;
    color: #333;
    -webkit-transition: all 0.0s;
    -moz-transition: all 0.0s;
    -o-transition: all 0.0s;
    transition: all 0.0s;
    background-color: #f8f8f8;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
}

.RadAjaxPanel_ControlPanel
{
    height: 100%;
    width: 100%;
    position: absolute;
}

.ImageIconSpriteLegenda
{
    background: no-repeat url('Images/GEO/Sprites/marcadores.png') transparent;
    width: 34px;
    height: 33px;
}

.ImageIconSpriteLegenda.VERDE
{
    background-position: -400px 0px;
}

.ImageIconSpriteLegenda.VERDECLARO
{
    background-position: -501px 0;
}

.ImageIconSpriteLegenda.VERMELHO
{
    background-position: -333px 0;
}

.ImageIconSpriteLegenda.VERMELHOCLARO
{
    background-position: -632px 0;
}

.ImageIconSpriteLegenda.LARANJA
{
    background-position: -366px 0;
}

.ImageIconSpriteLegenda.ROSA
{
    background-position: -467px 0;
}

.ImageIconSpriteLegenda.RESIDENCIA
{
    background-position: -34px 0;
}

.ImageIconSpriteLegenda.FINANCEIRO
{
    background-position: -601px 0;
}

.ImageIconSpriteLegenda.RCAVERDE
{
    background-position: -200px 0;
}

.ImageIconSpriteLegenda.RCALARANJA
{
    background-position: -166px 0;
}

.ImageIconSpriteLegenda.RCAVERMELHO
{
    background-position: -133px 0;
}

.ImageIconSpriteLegenda.VERDECLAROMISTO
{
    background-position: -667px 0;
}

.ImageIconSpriteLegenda.VERMCLAROMISTO
{
    background-position: -730px 0;
}

.ImageIconSpriteLegenda.LARANJAMISTO
{
    background-position: -698px 0;
}

.ImageIconSpriteLegenda.AZUL {
    background-position: 0px 0;
}


.ImageIconSprite
{
    background: no-repeat url('Images/GEO/Sprites/map_sprites_list.png') transparent;
    width: 34px;
    height: 33px;
}

.ImageIconSprite.justnaovenda
{
    background-position: -329px 0;
}

.ImageIconSprite.rca_0
{
    background-position: -99px 0;
}

.ImageIconSprite.rca_1
{
    background-position: -165px 0;
}

.ImageIconSprite.rca_2
{
    background-position: -132px 0;
}

.ImageIconSprite.pedido
{
    background-position: 0 0;
}

.ImageIconSprite.cliente_False
{
    background-position: -231px 0;
}

.ImageIconSprite.cliente_True
{
    background-position: -198px 0;
}

.ImageIconSprite.cliente_financeiroaberto
{
    background-position: -364px 0;
}


/* css da listagem */
.mark
{
    display: block;
    min-height: 80px;
    padding: 3px 0;
}

.mark:hover
{
    background: #F3F7FD;
}

.markImagem
{
    float: left;
    padding: 25px 5px 0 5px;
    height: 80px;
}

.markContainer
{
    padding-top: 10px;
}

.markContainer .mid
{
    width: 49%;
}

.panelClientesWrapper .markContainer
{
    padding-top: 10px;
}

.markDataDestaque
{
    font-weight: bold;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.markDataDestaqueLegenda
{
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.markData
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* fim - css da listagem */

.RadPicker td a
{
    z-index: 0 !important;
}

/* CSS da listagem de consultas*/

.consulta-container
{
    float:left;
    width: 100%;
    display:block;
    background-color:#f0f0f0;  
    color:#999999;
    cursor: pointer;      
}

.consulta-container:hover
{    
  background-color:#e0e0e0;     
}

.consulta-img
{
    background-color:#3B9D4C;
    float: left;
    margin: 15px 5px 5px 20px;
        
}

/*.consulta-img:hover
//{    
//    background-color:#3B9D4C;
//}*/

.consulta-titulo 
{
   float: left;
   color: #6C6C6C;
   font-size: 16px;
   font-weight: bold;
   margin: 25px 0 0 10px;
}

.consulta-descricao 
{
  float: left;
  margin: 2px 0 10px 20px;  
}


.client-titulo 
{
   float: left;
   color: #6C6C6C;
   font-size: 26px;
   font-weight: bold;
   margin: 25px 0 0 10px;
}

.client-descricao 
{
  float: left;
  margin: 2px 0 10px 20px;  
}

/*FIM DA LISTAGEM DE CONSULTAS */
/* CONSULTA */

.ControlPanelTopSection
{
    position: relative;
    top: 0px;
    height: 65px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    background-color: #95B987;
    color: #ffffff;
}

.ContainerDataSection
{
    padding: 1px;
    float:left;
    width: 55%;    
    font-family: serif; 
    font-size: 12px;
}

.barra-lateral
{    
    float:left;
    width: 380px;
    height: 100%;
    font-family: serif;
    border-right-width: 2px;
    border-right-color: #DBDBDB;
    border-right-style: solid;
    
}

.titulo-lateral
{
    color: #71A361;
    font-size: 23px;
    font-weight: normal;
    margin: 10px 0 0 20px;
}

.titulo-lateral-client
{
    color: #71A361;
    font-size: 23px;
    font-weight: normal;
    margin: 0 0 0 20px;
}

.resumo-lateral
{    
    border-bottom: 1px solid #DBDBDB;
    color: #9a9a9a;
    font-family: serif;
    font-size: 14px;
    font-weight: normal;
    margin: 10px 22px 0;
    padding-bottom: 10px;
}

.tabela-pesquisa 
{
    color: #649C52;
    font-family: Arial;
    font-size: 14px;
    margin: 20px 0 0 30px;
}
.tabela-pesquisa span > input[type="text"] 
{
    background-color: #D2D8CD !important;
    border: medium none !important;
    color: #3F6736 !important;
    height: 30px !important;
    margin-bottom: 7px !important;
    margin-left: 5px !important;
    padding: 5px !important;
    width: 156px !important;
}

/*.rgRow, .rgAltRow
{
    background-color: #ebeef0 !important;
    color: #265166 !important;
    font-family: 'robotolight' !important;
    font-size: 13px;
}*/
.titulo-input
{
    margin: 15px 0 2px 0;
    font-size: 18px;
}
.rcInputCell 
{
    margin-bottom: 0px !important;
    height: 0px !important;
}

.btn-pesquisa
{
    margin: 10px auto;
}

.secao-resultado 
{
    float: left;
    margin: 19px 0 0 15px;
    width: 920px;
}
.RadComboBoxDropDown_Forest  
{
    background-color:#D2D8CD !important; 
    border: none !important;   
}
.rgPageFirst 
{
     background: url("Images/GEO/sprit_pagin.png") no-repeat scroll -8px -8px rgba(0, 0, 0, 0) !important;    
}
.rgPagePrev
{
     background: url("Images/GEO/sprit_pagin.png") no-repeat scroll -35px -8px rgba(0, 0, 0, 0) !important;    
}
.rgPageNext
{
     background: url("Images/GEO/sprit_pagin.png") no-repeat scroll -64px -8px rgba(0, 0, 0, 0) !important;    
}
.rgPageLast
{
     background: url("Images/GEO/sprit_pagin.png") no-repeat scroll -92px -8px rgba(0, 0, 0, 0) !important;    
} 
.rcbMoreResults 
{
    background-color:#c1ccbd !important; 
    border: none !important; 
}
.caixa-resultado
{   
   
   
}

.secao-titulo
{
    color: #488638;
    font-family: 'robotoregular';
    font-size: 22px;
    margin-bottom: 15px;
    width: 908px;
}

.Bloco {
    height: 90px;                    
}

.colunas-consulta-esquerda {
    float: left;
    height: 20px;
}

.colunas-consulta-direita {
    float: right;
    margin-right: 65px;
    height: 20px;
}

#imprimir-topo-rigth 
{
    color: #747474;
    float: right;
    font-size: 14px;
    height: 30px;
    margin: 2px 0 0;
    width: 118px;
}
#imprimir-topo-rigth a 
{
    color: #747474;
    float: right;
    font-size: 14px;
    height: 30px;
    margin: 2px 0 0;
    width: 101px;
}
#imprimir-topo-rigth p 
{
    float: left;
    margin: 5px 5px 0 0;
    width: 65px;
}
.resultado-titulo
{
    background-color: #E2ECDD;
    color: #488638;
    float: left;
    font-family: Arial;
    font-size: 14px;
    height: 25px;
    margin: 0 3px 3px 0;
    padding: 5px;
    width: 225px;
}

.resultado-item
{
    background-color: #EBEEF0;
    color: #265166;
    float: left;
    font-family: Arial;
    font-size: 14px;
    height: 25px;
    margin: 0 3px 3px 0;
    padding: 5px;
    width: 225px;
}

.resultado-item-nome
{
    background-color: #EBEEF0;
    color: #265166;
    float: left;
    font-family: Arial;
    font-size: 14px;
    height: 25px;
    margin: 0 3px 3px 0;
    padding: 5px;
    width: 680px;
}

.bloco-resultado 
{
    float: left;
    margin-bottom: 10px;
    width: 456px;  
}
.btn-imprimir
{
    float: left;
    height: 45px;
    padding-top: 15px;
    margin-top:15px;
    border-top-color: #CDCDCD;
    border-top-width: 2px;
    border-top-style: solid;
    width: 100%;
}


.CORPOSITE {
    padding: 0px;
    margin: auto;
    vertical-align: top !important;
}

.RTR_CABMAPA_TAB {
    background-image: url(Images/GEO/fundo_legendas.png);
    background-repeat: repeat;
    width: 100%;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
}

.RTR_CABMAPA_VAL {
    text-align: center;
    font-family: tahoma;
    font-size: 9pt;
    color: #0066CC;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.RTR_TG_TAB {
    /*background-color: #A6CCFF;*/
    background-image: url(Images/GEO/fundo_legendas.png);
    background-repeat: repeat;
    width: 100%;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
    height: 100%;
}


.RTR_TG_TIT {
    text-align: center;
    font-family: tahoma;
    font-size: 9pt;
    color: black;
    font-weight: 400;
    white-space: nowrap;
}


.RTR_TG_VAL {
    text-align: center;
    font-family: tahoma;
    font-size: 9pt;
    color: #0066CC;
    font-weight: 700;
    z-index: 0;
    white-space: nowrap;
}


.EQP_TIT {
    text-align: left;
    font-family: tahoma;
    font-size: 9pt;
    color: black;
    font-weight: 400;
    white-space: nowrap;
}

.EQP_VAL {
    text-align: left;
    font-family: tahoma;
    font-size: 9pt;
    color: #0066CC;
    font-weight: 700;
    z-index: 0;
    white-space: nowrap;
}


.sOcorrenciaTitulo {
    width: 140px;
    height: 23px;
    font-weight: bold;
    text-align: right;
    font-size: 9pt;
}

.sOcorrenciaValores {
    width: 500px;
    height: 23px;
    font-weight: normal;
    text-align: left;
    padding-left: 5px;
    font-size: 9pt;
}

.sOcorrenciaTituloQt {
    width: 150px;
    height: 23px;
    font-weight: bold;
    text-align: right;
    font-size: 9pt;
}

.sOcorrenciaTituloQtValores {
    width: 70px;
    height: 23px;
    font-weight: bold;
    text-align: left;
    font-size: 9pt;
}

.sOcorrenciaTituloObs {
    font-size: 9pt;
    font-weight: bold;
}

.sOcorrenciaObs {
    font-size: 9pt;
    font-family: Arial;
    font-weight: normal;
}

.sOcorrenciaSalvar {
    width: 100px;
    height: 28px;
    margin: auto;
}

.ctrlIcones {
    float: left;
    width: 600px;
    position: absolute;
    left: 0px;
    top: 110px;
}

.ctrlIcones2 {
    float: left;
    width: 380px;
    position: absolute;
    left: 0px;
    top: 70px;
}


.ctrlLegenda {
    position: absolute;
    bottom: 2px;
}

.sEmailValores {
    width: 200px;
    height: 20px;
    font-weight: normal;
    text-align: left;
    padding-left: 5px;
    font-size: 9pt;
}

 .centraliza-div{
          width:300px;
           
           position:absolute;
          
           left:50%;
           margin-left:-150px;
          
           background-color:#036;
           color: #FFF;
           text-align:center;
      }

/* FIM DA CONSULTA */

.ImageIconSpriteLegRCA
{
    background: no-repeat url('Images/GEO/Sprites/icones.png') transparent;
    width: 34px;
    height: 33px;
}

.ImageIconSpriteLegRCA.Iconerca_0
{
    background-position: -7px 0px;
}


.ImageIconSpriteLegRCA.Iconerca_1
{
    background-position: -49px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_2
{
    background-position: -89px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_3
{
    background-position: -129px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_4
{
    background-position: -169px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_5
{
    background-position: -209px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_6
{
    background-position: -249px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_7
{
    background-position: -289px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_8
{
    background-position: -329px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_9
{
    background-position: -369px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_10
{
    background-position: -409px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_11
{
    background-position: -449px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_12
{
    background-position: -489px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_13
{
    background-position: -529px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_14
{
    background-position: -569px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_15
{
    background-position: -609px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_16
{
    background-position: -649px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_17
{
    background-position: -689px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_18
{
    background-position: -729px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_19
{
    background-position: -769px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_20
{
    background-position: -809px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_21
{
    background-position: -849px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_22
{
    background-position: -889px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_23
{
    background-position: -929px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_24
{
    background-position: -969px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_25
{
    background-position: -1009px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_26
{
    background-position: -1049px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_27
{
    background-position: -1089px 0px;
}

.ImageIconSpriteLegRCA.Iconerca_28
{
    background-position: -1129px 0px;
}
