html, body, #form1, #aspnetForm, #UpdatePanel1, #ctl00_UpdatePanel1, #ctl00_cph_UpdatePanel1, #ctl00_ctl00_UpdatePanel1, #ctl00_ctl00_cph_UpdatePanel2, #ctl00_ctl00_cph_UpdatePanel3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #666666;
    margin: 0;
    width: 100%;
    height: 100%;
    background-color: #F5F5F5;
}

br {
    clear: both;
}

.fieldset {
    border: 1px solid #666666;
}

    .fieldset legend {
        color: #666666;
        margin-left: 15px;
        padding: 0 5px;
    }

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.left {
    float: left;
}

.label {
    float: left;
    display: inline-block;
    margin: 8px 5px 10px 10px;
}

.checkbox {
    display: inline-block;
}

    .checkbox input {
        float: left;
        margin: 8px 0 0 5px;
    }

    .checkbox label {
        float: left;
        display: inline-block;
        margin: 8px 5px;
    }

.updateModal {
    bottom: 3px;
    left: 5px;
    width: 40px;
    height: 40px;
    z-index: 999999999;
    position: fixed;
    background: url('../imagens/spinner.gif') no-repeat center center;
}

.updateModalLoading {
    width: 100%;
    height: 100%;
    z-index: 999999999;
    position: fixed;
    background: #F5F5F5 url('../imagens/spinner.gif') no-repeat center center;
}

.tabelaPrincipal {
    width: 100%;
    height: 100%;
}

.headerMenu {
    height: 23px;
}

    .headerMenu .menu {
        float: left;
    }

    .headerMenu .sair {
        float: right;
        padding: 3px 10px 0 0;
    }

.meio {
    vertical-align: top;
    padding: 0 5px;
}

#RestrictionZone, #RestrictionZoneGeral, .meioPrincipal, .meioPrincipal2 {
    position: absolute;
    left: 0;
    right: 0;
    overflow: auto;
}

#RestrictionZoneGeral {
    top: 0;
    bottom: 0;
    z-index: -1;
}

#RestrictionZone, .meioPrincipal {
    margin-top: 0; /* Tamanho do Header */
    top: 25px; /* Tamanho do Menu */
    bottom: 53px; /* Tamanho do Rodape -1 */
}

#RestrictionZone, #RestrictionZoneGeral {
    margin: 5px;
}

.meioPrincipal {
    border-top: 1px solid #666666;
    vertical-align: top;
}

.meioPrincipal2 {
    vertical-align: top;
    margin-top: 0;
    top: 0px;
    bottom: 0px;
}

.rodape_left, .rodape_right {
    height: 54px;
    position: absolute;
    bottom: 0;
}

.rodape_left {
    width: 100%;
}

.rodape_right {
    width: 380px;
    right: 0;
}

    .rodape_left .janelas, .rodape_left .status, .rodape_right .borda {
        background-color: #CCCCCC;
        border-top: 1px solid #666666;
    }

.rodape_left .janelas, .rodape_left .status {
    margin-right: 380px;
}

.rodape_left .janelas {
    padding: 0 10px;
    height: 26px;
}

.rodape_left .status .ultimoLogin {
    float: left;
    width: 190px;
    text-align: left;
}

.rodape_left .status .corporation {
    float: right;
    width: 350px;
    text-align: right;
}

.rodape_left .status {
    padding: 8px 10px 0 10px;
    height: 18px;
    font-weight: bold;
    text-align: center;
}

.rodape_right .borda {
    border-left: 1px solid #666666;
    width: 100%;
    height: 100%;
    background: #CCCCCC url('../imagens/websafari_header.png') no-repeat center right;
}

.rodape_right .texto_logo {
    padding-right: 80px;
    width: 100%;
    height: 100%;
}

    .rodape_right .texto_logo td {
        font-weight: bold;
        vertical-align: middle;
    }

    .rodape_right .texto_logo .imagem {
        width: 1px;
        padding: 0 10px 0 10px;
    }

input, textarea, select {
    text-transform: uppercase;
}

.moldura {
    padding: 0 5px 10px 5px;
    height: 1px;
}

.molduraCadastro, .molduraCadastroTop {
    padding: 5px;
    border: 1px solid #666666;
}

.molduraCadastro {
    border-top: 0;
}

.cadastro {
    width: 100%;
    vertical-align: middle;
}

.cadastro_height {
    height: 100%;
}

.campo_texto {
    float: left;
    margin: 6px 0 0 10px;
}

.campoh1px {
    height: 1px;
}

.campoh50px {
    height: 50px;
}

.campo1px {
    width: 1px;
}

.campo300px {
    width: 300px;
}

.campo230px {
    width: 230px;
}

.campo210px {
    width: 210px;
}

.campo200px {
    width: 200px;
}

.campo180px {
    width: 180px;
}

.campo170px {
    width: 170px;
}

.campo150px {
    width: 150px;
}

.campo140px {
    width: 140px;
}

.campo130px {
    width: 130px;
}

.campo120px {
    width: 120px;
}

.campo110px {
    width: 110px;
}

.campo100px {
    width: 100px;
}

.campo90px {
    width: 90px;
}

.campo80px {
    width: 80px;
}

.campo70px {
    width: 70px;
}

.campo65px {
    width: 65px;
}

.campo60px {
    width: 60px;
}

.campo50px {
    width: 50px;
}

.campo40px {
    width: 40px;
}

.campo45 {
    width: 45%;
}

.campo55 {
    width: 55%;
}

.campo50 {
    width: 50%;
}

.campo40 {
    width: 40%;
}

.campo33 {
    width: 33%;
}

.campo30 {
    width: 30%;
}

.campo25 {
    width: 25%;
}

.campo20 {
    width: 20%;
}

.campof11, .campof11 label {
    font-size: 11px;
}

.campof12, .campof12 label {
    font-size: 12px;
}

.campof14, .campof14 label {
    font-size: 14px;
}

.campof18, .campof18 label {
    font-size: 18px;
}

.campof30, .campof30 label {
    font-size: 30px;
}

.campo_top_texto, .campo_top {
    vertical-align: top !important;
}

.campo_top_texto {
    padding-top: 11px !important;
}

.campo_bottom {
    vertical-align: bottom !important;
}

.cadastro_td {
    margin: auto;
}

    .cadastro_td td, .cadastro_td th {
        vertical-align: middle;
    }

.cadastro_top, .cadastro_td_top td, .cadastro_td_top th {
    padding-top: 5px;
}

.cadastro_bottom, .cadastro_td_bottom td, .cadastro_td_bottom th {
    padding-bottom: 5px;
}

.cadastro_left, .cadastro_td_left td, .cadastro_td_left th {
    padding-left: 5px;
}

.cadastro_right, .cadastro_td_right td, .cadastro_td_right th {
    padding-right: 5px;
}

.checkBox input {
    margin: 5px 0 6px;
    float: left;
}

.checkBox label {
    margin: 6px 0 6px 5px;
    float: left;
}

.checkBox_float {
    float: left;
}

    .checkBox_float input {
        margin: 0;
        float: left;
    }

.checkBox_float input:hover,
        .checkBox_float input:focus {
  background-color: lightyellow; 
  border: 1px gray solid; 
} 

    .checkBox_float label {
        padding: 1px 0 0 5px;
        float: left;
    }

.checkBoxFloatMeio {
    float: left;
}

    .checkBoxFloatMeio input {
        margin: 5px 0;
        float: left;
    }

    .checkBoxFloatMeio label {
        padding: 1px 0 0 5px;
        float: left;
    }

.barraBotao {
    height: 1px;
    padding: 10px 5px 2px 5px;
}

    .barraBotao .top {
        vertical-align: middle;
        text-align: center;
        width: 100%;
        border-top: 1px solid #666666;
        padding-top: 1px;
    }

.barraJanelas {
    background-color: #CCCCCC;
    height: 30px;
    border-top: 1px solid #666666;
}

.logoMarcaCliente {
    left: 65px;
    position: absolute;
    top: 15px;
}

.botoesTelaPrincipal {
    left: 30px;
    position: absolute;
    top: 155px;
}

.molduraPrincipal {
    bottom: 10px;
    left: 260px;
    position: absolute;
    right: 10px;
    top: 10px;
}

    .molduraPrincipal .multiPage {
        bottom: 0px;
        left: 0px;
        position: absolute;
        right: 0px;
        top: 27px;
        border-left: 1px solid #666666;
    }

.checkBoxListBorder, .radioButtonListBorder {
    border: 1px solid #666666;
}

    .checkBoxList td, .checkBoxListBorder td, .radioButtonList td, .radioButtonListBorder td {
        text-align: left;
    }

.checkBoxListRepeat td, .radioButtonListRepeat td {
    padding: 2px 5px;
}

.checkBoxList input, .checkBoxListBorder input, .radioButtonList input, .radioButtonListBorder input {
    margin: 0;
    float: left;
}

.checkBoxList label, .checkBoxListBorder label, .radioButtonList label, .radioButtonListBorder label {
    padding: 2px 0 0 5px;
    float: left;
}

.checkBoxListf14 {
    font-size: 14px;
}

    .checkBoxListf14 input {
        margin-top: 3px;
    }

.linha9_top, .linha9_top {
    border-top: 1px solid #999999;
}

.linha9_right, .linha9_right {
    border-right: 1px solid #999999;
}

.linha9_left, .linha9_left {
    border-left: 1px solid #999999;
}

.linha9_bottom, .linha9_bottom {
    border-bottom: 1px solid #999999;
}

.linha6_bottom, .linha6_bottom {
    border-bottom: 1px solid #666666;
}

.linha6_left, .linha6_left {
    border-left: 1px solid #666666;
}

.margem0 {
    padding: 0px !important;
}

.margem0_top {
    padding-top: 0px;
}

.margem0_left {
    padding-left: 0px;
}

.margem0_right {
    padding-right: 0px;
}

.margem0_td_bottom td {
    padding-bottom: 0px;
}

.margem20_top {
    padding-top: 20px !important;
}

.margem20_left {
    padding-left: 20px !important;
}

.margem20_right {
    padding-right: 20px !important;
}

.margem20_bottom {
    padding-bottom: 20px !important;
}

.margem40_left {
    padding-left: 40px !important;
}

.margem10_top {
    padding-top: 10px !important;
}

.margem10_bottom {
    padding-bottom: 10px !important;
}

.margem10_left {
    padding-left: 10px !important;
}

.margem10_right {
    padding-right: 10px !important;
}

.margem10_bottom {
    padding-bottom: 10px !important;
}

.margem5_top {
    padding-top: 5px !important;
}

.margem5_left {
    padding-left: 5px !important;
}

.margem5_right {
    padding-right: 5px !important;
}

.margem5_bottom {
    padding-bottom: 5px !important;
}

.margem2_top {
    padding-top: 2px !important;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.botaoHid, .campoHid {
    width: 0px;
    height: 0px;
    display: none;
}

.textoNormalCase {
    text-transform: none;
}

    .textoNormalCase input {
        text-transform: none !important;
    }

.textoLowerCase {
    text-transform: lowercase;
}

.textoLeft {
    text-align: left;
}

.textoCentro {
    text-align: center;
}

.textoJustificado {
    text-align: justify;
}

.textoRight {
    text-align: right;
}

.textoNegrito {
    font-weight: bold;
}

.Deduplicar_div {
    float: left;
    padding: 1px 0px 1px 5px;
}

    .Deduplicar_div br {
        clear: both;
    }

.Deduplicar_div_botao {
    float: left;
    padding: 8px 0px 0px 0px;
}

    .Deduplicar_div_botao br {
        clear: both;
    }

.Deduplicar_div_img {
    float: left;
    padding: 15px 0px 0px 0px;
}

    .Deduplicar_div_img img {
        float: left;
        padding: 0px 5px;
    }

    .Deduplicar_div_img br {
        clear: both;
    }

.Deduplicar_div label {
    line-height: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #666666;
}

.Deduplicar_div .box {
    line-height: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    color: #666666;
    padding: 4px 5px;
    border: 1px solid #666666;
    float: left;
}

.consulta {
    border: none;
    background-color: #F5F5F5;
}

    .consulta .rmRootGroup {
        border: none;
        background-image: none;
        background-color: #F5F5F5;
    }

.consultaHovered {
    background-color: #F5F5F5;
    background-repeat: no-repeat;
    background-image: none;
}

.left_cmargem {
    float: left;
    padding-top: 6px;
    margin-right: 4px;
    margin-left: 4px;
}

#produto_galeria br {
    clear: both;
}

#produto_galeria label {
    width: 130px;
    display: inline-block;
    float: left;
    padding-top: 8px;
}

#produto_galeria .div_produto_foto {
    width: 100px;
    height: 100px;
    display: block;
    float: left;
    margin: 5px 10px;
    border: 1px solid #999999;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: contain;
}

    #produto_galeria .div_produto_foto:hover {
        border: 1px solid #666666;
    }

#produto_galeria .div_produto_btns {
    padding: 38px 14px;
    background-image: url(../imagens/bg.png);
}

    #produto_galeria .div_produto_btns input, #produto_galeria .div_produto_btns a {
        padding: 0 5px;
    }

#produto_galeria .produto_foto {
    width: 100px;
    height: 100px;
    float: left;
}

#produtoFiliais {
    display: inline-block;
    width: 100%;
}

    #produtoFiliais br {
        clear: both;
    }

    #produtoFiliais label {
        width: 70px;
        display: inline-block;
        float: left;
        padding: 8px 5px 0;
    }

    #produtoFiliais .label {
        width: 60px;
        padding-left: 15px;
        margin: 0;
    }

.pnlConfiguracoes {
    border: 1px solid #666666;
    margin-bottom: 12px;
    padding: 5px;
    line-height: 25px;
}

    .pnlConfiguracoes legend {
        margin: -18px 5px 0;
        padding: 0 5px;
        background-color: #F5F5F5;
    }

    .pnlConfiguracoes label {
        float: left;
        display: inline-block;
        margin: 0 5px 10px 0;
    }

    .pnlConfiguracoes .outros {
        margin: 10px 15px;
        padding: 5px;
        border: 1px solid #666666;
    }

    .pnlConfiguracoes .divConfig {
        text-align: left;
        padding: 2px 10px;
        display: block;
        clear: both;
    }


.divGerPesq {
    padding-top: 5px;
    width: auto;
    float: left;
}

.divCadPesq {
    padding-top: 5px;
    display: block;
    clear: both;
}

    .divCadPesq input[type="radio"] {
        vertical-align: text-bottom;
        margin-top: 8px;
    }

.cbxConfigCad label {
    float: none;
    margin: 0 5px 0 0;
}

.cbxConfigCadDicAtiv li {
    display: inline-block;
    width: 270px;
}

.cbxConfigCadDicAtiv label {
    float: none;
    margin: 0 5px 0 0;
}

.cbxConfigCadDicAtiv {
    display: inline-block;
    width: 100%;
}
.cbxConfigCadDicAtivValor {
    width: 100%;
}
.cbxConfigCadDicAtivValorObrigatorio {
    margin: 0 5px;
}

.cbxConfigCadDicAtiv label {
    float: none;
    margin: 0 5px 0 0;
}

/* ======================== Pesquisa ========================== */

.labelCadPesq {
    float: left;
    width: 160px;
    margin: 8px 5px;
}

.labelCadPesq2 {
    float: left;
    margin: 8px 5px;
}

.radioListPesq {
    width: 230px;
}

    .radioListPesq li {
        display: inline-block;
        padding-top: 5px;
    }

        .radioListPesq li label {
            vertical-align: text-top;
        }

.radioListPesqResp {
    width: 260px;
}

    .radioListPesqResp li {
        display: inline-block;
        padding-top: 5px;
    }

        .radioListPesqResp li label {
            vertical-align: text-top;
        }

/* ESTILOS MODIFICAÇÃO DASHBOARD */
#tabelaPrincipalResumo {
    width: 100%;
}

#dashBoard {
    width: 100%;
    /*padding: 0 10px 20px 10px;**/
    min-height: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
}

#dashBoard .wrapBox {
    display: inline-block;
    float: left;
    margin: 35px 10px 0 10px;
}
/*#dashBoard .sortable-placeholder {
    display: inline-block;
    float: left;
    margin: 35px 10px 0 10px;
    background:#000;
}*/
    #dashBoard .ui-state-highlight {
    display: inline-block;
    float: left;
    margin: 58px 10px 0 10px;
    border: 2px #0092B7 dashed;
        width: 300px;
        height: 250px;
    }


#dashBoard .box {
    border: 2px solid #EBEBEA;
    background-color: #EBEBEA;
    height: 250px;
}

#dashBoard .box:hover {
    border: 2px solid #0092B7;
    max-height: 250px;
}

#dashBoard .box div {
    margin: 0 auto;
}

#dashBoard .size1 {
    width: 300px;
}

#dashBoard .size1 .box, #dashBoard .size1 .controls {
    width: 296px;
}

#dashBoard .size2 {
    width: 626px;
}

        #dashBoard .size2 box, #dashBoard .size2 .controls {
    width: 622px;
}

@media only screen and (max-width : 1224px) {
    #dashBoard .size2 {
        margin: 0 0 15px 10px;
    }
}

#dashBoard .wrapBox .controls {
    background: url(../imagens/config_controls_bg.png) repeat;
    display: none;
    position: absolute;
    z-index: 55;
    height: 35px;
}

#dashBoard .controls .del {
    float: right;
    margin-top: 5px;
}

#dashBoard .controls .del a {
    background: url(../imagens/config_del.png) no-repeat;
    background-position: right center;
    display: block;
    width: 22px;
    height: 22px;
    margin-right: 10px;
}

#dashBoard .controls .del a:hover {
    background-position: left center;
}

#dashBoard .controls .position {
    float: left;
    margin-left: 10px;
    margin-top: 2px;
}

#dashBoard .controls .position span {
    color: #006D89;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
}

#dashBoard .controls .position input {
    display: inline-block;
    border: none;
    background: transparent;
    color: #006D89;
    font-size: 20px;
    width: 25px;
}

#dashBoard .controls .position buttonconfigMenu {
    background: #006D89;
    border: none;
    color: #fff;
    display: inline-block;
}

#dashBoard h1 {
    text-align: left;
    color: #0092B7;
    font-size: 16px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    padding-bottom: 5px;
}

.painelPost {
    height: 246px;
    width: 100%;
}

.painelPost .post {
    padding: 10px 20px;
}

.painelPost .post p {
    line-height: 130%;
    font-size: 11px;
    text-align: justify;
}

.painelPost .post p.hashtag {
    color: #00AAD6;
    font-weight: bold;
}

.painelPost .data {
    background: #fff;
    height: 25px;
    width: 296px;
    display: block;
    text-align: left;
}

        .painelPost .data ul {
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
    display: block;
}

.painelPost .data ul li {
    display: inline-block;
    color: #657eac;
    font-size: 11px;
    text-align: left;
    padding-left: 12px;
    margin-top: 8px;
    width: 25px;
}

.painelPost .data .like {
    background: url(../imagens/socialDashboard/ic-like.png) no-repeat left center;
}

.painelPost .data .hash {
    width: 165px;
    padding-left: 5px;
    text-align: left;
}

.painelPost .data .comments {
    background: url(../imagens/socialDashboard/ic-comment.png) no-repeat left center;
}

.painelPost .data .users {
    background: url(../imagens/socialDashboard/ic-users.png) no-repeat left center;
}

#controlMenuLateral {
    width: 54px;
    height: 54px;
    background: #00AAD6;
    display: block;
    left: 257px;
    position: absolute;
    z-index: 1000;
}

#controlMenuLateral a {
    width: 54px;
    height: 54px;
    display: block;
}

#controlMenuLateral a.close {
    background: url(../imagens/arrow_l.png) center center no-repeat;
}

#controlMenuLateral a.open {
    background: url(../imagens/arrow_r.png) center center no-repeat;
    display: none;
}

.ocultar {
    display: none;
}

.molduraPrincipal .multiPage {
    border: 0;
    top: 50px;
}

#menuLateral {
    display: block;
    position: fixed;
    width: 258px;
    min-height: 100%;
    height: 100%;
 /*background:#00AAD6;
 border-right:2px solid #0093B7;*/
    border-right: 2px solid #EBEBEA;
    z-index: 998;
}

#dashBoardConfig {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 20px;
    margin-top: 21px;
}

#dashBoardConfig a.action {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../imagens/ic_config.png) left center no-repeat;
}

#dashBoardConfig a.action.active {
    background: url(../imagens/ic_config.png) right center no-repeat;
}

#dashBoardConfig a.action:hover {
    background: url(../imagens/ic_config.png) right center no-repeat;
}

#NewPanel {
    width: 100%;
    background: #EBEBEA;
    height: 40px;
    text-align: left;
    display: none;
    margin-top: 15px;
    border-top: 1px #0093B7 solid !important;
}

#NewPanel .select {
        margin: 0px 0 0 10px; /*float:left;*/
        width: 510px;
        display: inline-block;
        padding-top: 9px;
}

#NewPanel .input {
    margin: 10px 0 0 10px;
   /* border: 1px solid gray;*/
    width: 40px;
    padding: 2px 0;
        /**/ float: left;
        margin-right: 10px;
    display: inline-block;
}

    #NewPanel .btAddPainel {
    margin-top: 6px;
    }

#NewPanel label {
        margin-left: 20px; /* float:left;*/
        line-height: 41px;
        display: inline-block;
}

#edtPosicao {
    width: 40px;
    padding: 0 5px;
}


   /* #dashBoardConfig .configMenu
    { width:60px; position:absolute; margin-left:-15px; display:none;
    }
        #dashBoardConfig .configMenu .icone
        { width:60px; height:11px;display:block; background:url(../imagens/config_Arrow.png) center top no-repeat;
        }
    #dashBoardConfig .configMenu ul
    { background:#00AAD6;width:60px;  padding:10px 0;}
        #dashBoardConfig .configMenu ul li
        { text-align:center; padding:10px 20px;
        }  
      #dashBoardConfig .configMenu ul li a
        {display:block; width:22px; height:22px; background-position:left center;
        }
      */
            

#dashBoardConfig .configMenu ul li a.add {
    background: url(../imagens/config_add.png) no-repeat;
    background-position: left center;
}

#dashBoardConfig .configMenu ul li a:hover {
    background-position: right center;
}

.menuLateralOff {
    left: -256px !important;
}

.molduraPrincipal {
    top: 0;
    right: 0;
}

.molduraPrincipalOff {
    width: 100%;
    left: 0;
    right: 0;
}

.twitter .tweet {
    background: #fff;
    min-height: 200px;
    line-height: 130%;
    border: 2px solid #EBEBEA;
    padding: 10px;
}

.molduraPrincipal .RadTabStrip_WebSafari {
    padding: 0 10px !important;
    background-image: none !important;
    background-color: #EBEBEA;
}

.molduraPrincipal .RadTabStrip_WebSafari .rtsLevel .rtsOut {
    border-top: none !important;
    border-left: none !important;
}

.molduraPrincipal .RadTabStrip_WebSafari .rtsLevel .rtsLast .rtsOut {
    border-right: none !important;
}

.molduraPrincipal .RadTabStrip .rtsCenter .rtsUL {
    background: #EBEBEA;
    margin-bottom: 10px;
}

.molduraPrincipal .RadTabStrip .rtsCenter .rtsUL li {
    padding: 10px 10px 0 10px;
}

.RadTabStrip_WebSafari .rtsLevel .rtsSelected, .RadTabStrip_WebSafari .rtsLevel .rtsSelected:hover {
    margin-bottom: 0;
    background: none !important;
    border-bottom: 3px #0093B7 solid !important;
    /*padding-bottom: 7px;*/
}

.RadTabStrip_WebSafari .rtsLevel .rtsLink:hover {
    background: none !important;
    background-image: none !important;
}

.RadTabStrip .rtsCenter .rtsUL li:hover .rtsImg {
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678,sizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678,sizingMethod='auto expand');
    -moz-transform: matrix(0.70710678, -0.70710678, 0.70710678, 0.70710678, 0, 0);
    -webkit-transform: matrix(0.70710678, -0.70710678, 0.70710678, 0.70710678, 0, 0);
    -o-transform: matrix(0.70710678, -0.70710678, 0.70710678, 0.70710678, 0, 0);
    transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}

.headerMenu {
    height: 40px;
}

#RestrictionZone, .meioPrincipal {
    top: 40px;
}

.rodape_left, .rodape_right {
    z-index: 1001;
}

.RadMenu_WebSafari .rmItem .rmLink, .RadMenu_WebSafari .rmLink .rmText {
    padding: 7px 10px;
}

.RadMenu_WebSafari .rmSlide .rmItem .rmLink, .RadMenu_WebSafari .rmSlide .rmLink .rmText {
    padding: 4px 5px 3px;
}

.RadMenu_WebSafari .rmExpandDown, .RadMenu_WebSafari .rmGroup .rmDisabled:hover .rmExpandDown {
    background-position: 100% -14px;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}


/* --------------- PESQUISA --------------- */
.radioListPesq li label {
    vertical-align: text-top;
}

.divPesq {
    display: block;
}

    .divPesq label {
        display: block;
        margin: 5px 0;
    }

.labelPesq {
    margin: 5px 0;
    display: block;
}

.checkboxPesq label {
    display: inline-block;
    vertical-align: top;
}

.ui-state-highlight {
    height: 35px;
    width: 645px;
}

.divTabulacao {
    display: block;
    margin: 5px 5px 10px 5px;
    float: left;
}

    .divTabulacao label {
        display: block;
        padding-bottom: 5px;
    }

.itemTabulacao {
    padding: 5px 5px 15px 5px;
}

    .itemTabulacao h1 {
        display: block;
        font-size: 20px;
        padding-bottom: 5px;
        font-weight: bold;
    }

    .itemTabulacao h2 {
        display: block;
        font-size: 14px;
        padding-bottom: 5px;
        font-weight: bold;
    }

    .itemTabulacao h3 {
        display: block;
        font-size: 12px;
        padding-bottom: 5px;
    }

    .itemTabulacao hr {
        height: 1px;
        margin: 20px 0 0;
        background-color: #666;
        border: none;
        width: 960px;
    }

.graficoColumn {
    display: block;
    height: 600px;
    width: 960px;
    position: relative;
}

    .graficoColumn a img {
        position: relative;
    }

.graficoPie {
    display: block;
    height: 400px;
    width: 960px;
    position: relative;
}

    .graficoPie a img {
        position: relative;
    }

.divBtnImgGrafico {
    float: right;
    margin-top: -30px;
    margin-right: 5px;
}

.dropTransicaoPargunta {
    text-transform: none;
}

.tabulacaoRadio label {
    display: inline-block;
}

/* --------------- END PESQUISA --------------- */


/*#region Jose Aparecido    
------------------------------------------------------------------*/

.margin-top-10 {
    margin-top: 10px !important;
}

.border-all {
    border: 1px solid #666;
    padding: 15px;
}

.cadastro tr td label.container-label {
        width: 80px;
    }

        .cadastro tr td label.container-label span {
            width: 100%;
            display: block;
            float: left;
        text-align: center;
        }

        .cadastro tr td label.container-label .sp-traco {
        border-bottom: 1px solid #808080;
        height: 1px;
        }

#modalMapa {
    width: 800px;
    height: 432px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -240px;
    padding: 25px 9px;
    border: 1px solid #666666;
    padding: 10px 9px 25px 9px;
    background-color: #CCCCCC;
}

    #modalMapa #btnRelocalizar {
        border: 1px solid #666666;
        cursor: pointer;
        padding: 5px 10px;
    }

    #modalMapa #mapaCanvas {
        width: 800px;
        height: 400px;
        float: left;
        border: 1px solid #666666;
        background-color: #fff;
    }

        #modalMapa #mapaCanvas #ContainerMapaCanva {
            width: 100%;
            height: 100%;
        }

    #modalMapa #divInfo {
        float: left;
        margin-left: 10px;
        padding-bottom: 2px;
    }

        #modalMapa #divInfo div {
            margin-bottom: 5px;
        }

#fechar-mapa {
    cursor: pointer;
    display: block;
    float: right;
    height: 19px;
    margin-top: -2px;
    width: 29px;
    text-align: center;
    text-decoration: none;
    color: #666666;
    font-weight: bold;
    background-image: url("../imagens/telerik/CommandButtonSprites.png");
    cursor: pointer;
    height: 19px;
    width: 29px;
     overflow: hidden;
    text-align: center;
    text-indent: -3333px;
    background-position: -90px 0;
}

.dropdown-menu {
            background-color: #ffffff;
            border: 1px solid rgba(0, 0, 0, 0.2);
            display: none;
            float: left;
            left: 0;
            list-style: outside none none;
            margin: 2px 0 0;
            min-width: 170px;
            padding: 5px 3px;
            position: absolute;
            top: 100%;
            z-index: 1000;
            height: 180px;
            overflow: scroll;
        }

    .dropdown-menu li, .dropdown-menu li a {
                cursor: pointer;
                width: 30px;
                height: 30px;
                float: left;
            }

                .dropdown-menu li:hover {
                    background-color: #0080C1;
                }

            .dropdown-menu > li > a {
                clear: both;
                color: #333333;
                display: block;
                font-weight: normal;
                text-align: center;
                white-space: nowrap;                
        font-size: 25px;
            }

        .open > .dropdown-menu {
            display: block;
        }


.cursorPointer {
    cursor: pointer;
}

#dvAnimacao {
            width: 450px;
            height: 100px;
            position: fixed;
            left: 50%;
            top: 50%;
            margin-left: -225px;
            margin-top: -125px;
            background-color: #fff;
            border: 10px solid #ccc;
    padding: 15px;
        }

            #dvAnimacao table {
                height: 100%;
        width: 100%;
            }

                #dvAnimacao table label {
                    width: 100%;
                    float: left;
                    text-align: left;
            padding-left: 16px;
            margin-bottom: 4px;
            font-size: 17px;
            font-weight: bold;
                }

.textoRight.pontuacao {    
    font-size: 30px;
    font-weight: bold;
    padding-top: 30px !important;
    text-align: center;
}

.textoRight.pontuacao.otimo {
    color: #0b680b;    
}

.textoRight.pontuacao.regular {
    color: #aa4715;    
}

.textoRight.pontuacao.ruim {
    color: #9f0e0e;    
}


#dv-imgHistoricoEmail .imgHistoricoEmail{
    /*z-index:999999 !important;*/
}



/*#endregion Jose Aparecido    
------------------------------------------------------------------*/
#spamChecker {
    width: 695px;
    height: 430px;
    display: block;
    background: url(../imagens/spamchecker/bg.png);
    font-family: arial,Helvetica, sans-serif;
    overflow: hidden;
}

    #spamChecker .infoCol {
        width: 335px;
        float: left;
    }

    #spamChecker .textBox {
        width: 300px;
        padding: 5px 10px;
        margin: 10px;
        border-radius: 10px;
        background: url(../imagens/spamchecker/bg_info-box.png);
        overflow-y: auto;
        min-height: 408px;
        max-height: 408px;
    }

        #spamChecker .textBox h2 {
            font-size: 20px;
            color: #fff;
            margin: 0 0 10px 0;
            padding: 5px 0 5px 0;
            border-bottom: 1px solid #fff;
        }

        #spamChecker .textBox table {
            color: #fff;
            font-size: 12px;
            text-transform: uppercase;
            text-shadow: 0 1px 0 rgba(0, 0, 0, .75);
        }

            #spamChecker .textBox table tr {
                line-height: 220%;
            }

        #spamChecker .textBox thead {
            font-weight: bold;
        }

        #spamChecker .textBox .info {
            width: 15px;
            height: 15px;
            display: block;
            background: url(../imagens/spamchecker/info.png) no-repeat;
            cursor: pointer;
        }

            #spamChecker .textBox .info span {
                padding: 3px 10px;
                display: none;
                background: #333;
                position: absolute;
                margin: -10px 0 0 25px;
                border-radius: 10px;
                border: 0;
                color: #F4B83B;
            }

            #spamChecker .textBox .info:hover span {
                display: block;
            }

    #spamChecker .graphCol {
        width: 360px;
        float: right;
    }

        #spamChecker .graphCol .letter {
            width: 360px;
            height: 362px;
            display: block;
            background: url(../imagens/spamchecker/letter.png) center 20px no-repeat;
        }
	
            #spamChecker .graphCol .letter .nota {
                width: 360px;
                display: block;
                font-size: 65px;
                color: #000;
                text-shadow: 2px 2px 2px rgba(0, 0, 0, .25);
                text-align: center;
                text-transform: uppercase;
                padding-top: 120px;
                position: absolute;
            }
			
			
			#spamChecker .graphCol .circle-container {
			  position: absolute;
			  width: 170px;
			  height: 170px;
			  padding: 0;
			  border-radius: 50%;
			  list-style: none;
			  -moz-box-sizing: content-box;
			  -webkit-box-sizing: content-box;
			  box-sizing: content-box;
			  margin: 80px 0px 0 96px;
			}
			
        #spamChecker .graphCol .marker {
            width: 13px;
            height: 13px;
            display: block;
            background: #D9C4A4;
            padding: 2px;
            border-radius: 12px;
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
        }

            #spamChecker .graphCol .marker span {
                width: 11px;
                height: 11px;
                display: block;
                background: #D9C4A4;
                border: 1px solid #fff;
                border-radius: 11px;
            }
				
		
			
        #spamChecker .graphCol .letter .marker.pos1 {
			  -moz-transform: rotate(180deg) translate(7em) rotate(-180deg);
			  -ms-transform: rotate(180deg) translate(7em) rotate(-180deg);
			  -webkit-transform: rotate(180deg) translate(7em) rotate(-180deg);
			  transform: rotate(180deg) translate(7em) rotate(-180deg);			  
			}

            #spamChecker .graphCol .letter .marker.pos1 span {
                background: #2B795F;
            }

        #spamChecker .graphCol .letter .nota.pos1 {
            color: #2B795F;
        }
			
			
        #spamChecker .graphCol .letter .marker.pos2 {
			  -moz-transform: rotate(198deg) translate(7.3em) rotate(-180deg);
			  -ms-transform: rotate(198deg) translate(7.3em) rotate(-180deg);
			  -webkit-transform: rotate(198deg) translate(7.3em) rotate(-180deg);
			  transform: rotate(198deg) translate(7.3em) rotate(-180deg);
        }

            #spamChecker .graphCol .letter .marker.pos2 span {
                background: #5D8D56;
            }
			  
        #spamChecker .graphCol .letter .nota.pos2 {
            color: #5D8D56;
			}
			
        #spamChecker .graphCol .letter .marker.pos3 {
			  -moz-transform: rotate(216deg) translate(7.4em) rotate(-180deg);
			  -ms-transform: rotate(216deg) translate(7.4em) rotate(-180deg);
			  -webkit-transform: rotate(216deg) translate(7.4em) rotate(-180deg);
			  transform: rotate(216deg) translate(7.4em) rotate(-180deg);
        }

            #spamChecker .graphCol .letter .marker.pos3 span {
                background: #F5C43B;
            }
			 
        #spamChecker .graphCol .letter .nota.pos3 {
            color: #F5C43B;
            ;
			}
			
        #spamChecker .graphCol .letter .marker.pos4 {
			  -moz-transform: rotate(234deg) translate(7.4em) rotate(-180deg);
			  -ms-transform: rotate(234deg) translate(7.4em) rotate(-180deg);
			  -webkit-transform: rotate(234deg) translate(7.4em) rotate(-180deg);
			  transform: rotate(234deg) translate(7.4em) rotate(-180deg);
			}

            #spamChecker .graphCol .letter .marker.pos4 span {
                background: #F5C43B;
            }

        #spamChecker .graphCol .letter .nota.pos4 {
            color: #F5C43B;
        }
			
        #spamChecker .graphCol .letter .marker.pos5 {
			  -moz-transform: rotate(252deg) translate(7.4em) rotate(-180deg);
			  -ms-transform: rotate(252deg) translate(7.4em) rotate(-180deg);
			  -webkit-transform: rotate(252deg) translate(7.4em) rotate(-180deg);
			  transform: rotate(252deg) translate(7.4em) rotate(-180deg);
			}

            #spamChecker .graphCol .letter .marker.pos5 span {
                background: #F3AC3B;
            }

        #spamChecker .graphCol .letter .nota.pos5 {
            color: #F3AC3B;
        }
			
        #spamChecker .graphCol .letter .marker.pos6 {
			  -moz-transform: rotate(270deg) translate(7.1em) rotate(-180deg);
			  -ms-transform: rotate(270deg) translate(7.1em) rotate(-180deg);
			  -webkit-transform: rotate(270deg) translate(7.1em) rotate(-180deg);
			  transform: rotate(270deg) translate(7.1em) rotate(-180deg);
			}

            #spamChecker .graphCol .letter .marker.pos6 span {
                background: #F1913B;
            }

        #spamChecker .graphCol .letter .nota.pos6 {
            color: #F1913B;
        }
			
        #spamChecker .graphCol .letter .marker.pos7 {
			  -moz-transform: rotate(288deg) translate(6.9em) rotate(-180deg);
			  -ms-transform: rotate(288deg) translate(6.9em) rotate(-180deg);
			  -webkit-transform: rotate(288deg) translate(6.9em) rotate(-180deg);
			  transform: rotate(288deg) translate(6.9em) rotate(-180deg);
			}

            #spamChecker .graphCol .letter .marker.pos7 span {
                background: #ED6B30;
            }

        #spamChecker .graphCol .letter .nota.pos7 {
            color: #ED6B30;
        }
			
        #spamChecker .graphCol .letter .marker.pos8 {
			  -moz-transform: rotate(306deg) translate(6.6em) rotate(-180deg);
			  -ms-transform: rotate(306deg) translate(6.6em) rotate(-180deg);
			  -webkit-transform: rotate(306deg) translate(6.6em) rotate(-180deg);
			  transform: rotate(306deg) translate(6.6em) rotate(-180deg);
			}

            #spamChecker .graphCol .letter .marker.pos8 span {
                background: #ED6B30;
            }

        #spamChecker .graphCol .letter .nota.pos8 {
            color: #ED6B30;
        }
			
        #spamChecker .graphCol .letter .marker.pos9 {
			  -moz-transform: rotate(324deg) translate(6.3em) rotate(-180deg);
			  -ms-transform: rotate(324deg) translate(6.3em) rotate(-180deg);
			  -webkit-transform: rotate(324deg) translate(6.3em) rotate(-180deg);
			  transform: rotate(324deg) translate(6.3em) rotate(-180deg);
			}

            #spamChecker .graphCol .letter .marker.pos9 span {
                background: #E7552C;
            }

        #spamChecker .graphCol .letter .nota.pos9 {
            color: #E7552C;
        }
			
        #spamChecker .graphCol .letter .marker.pos10 {
			  -moz-transform: rotate(342deg) translate(5.9em) rotate(-180deg);
			  -ms-transform: rotate(342deg) translate(5.9em) rotate(-180deg);
			  -webkit-transform: rotate(342deg) translate(5.9em) rotate(-180deg);
			  transform: rotate(342deg) translate(5.9em) rotate(-180deg);
			}

            #spamChecker .graphCol .letter .marker.pos10 span {
                background: #CD2E30;
            }

        #spamChecker .graphCol .letter .nota.pos10 {
            color: #CD2E30;
        }
					
	
        #spamChecker .graphCol .result span {
            width: 100%;
            display: block;
            font-size: 45px;
            color: #fff;
            text-shadow: 2px 2px 2px rgba(0, 0, 0, .25);
            text-align: center;
            text-transform: uppercase;
            margin-top: 10px;
        }


#grdComentarios tr td span.post {
    font-weight: bold;
}


#grdComentarios tr td span.comentario {
    margin-left: 15px;
    color: #1224f1;
    line-height: 17px;
}

 
#tb-engajamento {
    width: 100%;
    margin: 0 auto;
    overflow: auto;
}

#tb-engajamento .tb-engajamento-box {
    width: 50%;
        box-sizing: border-box;
    padding: 5px;
}

#tb-engajamento .tb-engajamento-box-full {
    float: left;
    clear: left;
    width: 100%;
}

#tb-engajamento .tb-engajamento-box-left {
    float: left;
    clear: left;
}

#tb-engajamento .tb-engajamento-box-right {
    float: right;
    clear: right;
}

    #tb-engajamento #hanking {
        margin: 0 auto;
        width: 110px;
    }

#tb-engajamento #hanking #box-hanking {
        margin: 0;
        display: block;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border: 4px double #ccc;
        font-size: 28px;
        color: #666;
        text-align: center;
        text-decoration: none;
        text-shadow: 0 1px 0 #fff;
        background: #ddd;
        display: table-cell;
        vertical-align: middle;
        font-family: Arial;
    }

    #tb-engajamento #hanking #box-hanking .text {
        font-size: 13px;
        display: block;
                margin-top: 3px;
            }

#dashBoard .view-selector-container {
}

    #dashBoard .view-selector-container table {
        width: 100% !important;
    }

        #dashBoard .view-selector-container table tr td {
            vertical-align: middle;
        }

            #dashBoard .view-selector-container table tr td .dcs-a-dcs-fc-dcs-fb-dcs-cb {
                float: left !important;
            }

#dashBoard .box {
    height: auto !important;
}

#dashBoard .view-grafic-single .google-visualization-table-td-number {
    font-size: 30px;
}

#dashBoard .box-single-info .google-visualization-table,
#dashBoard .box-single-info .google-visualization-table .google-visualization-table-table {
    width: 100% !important;
}

#dashBoard .box-single-info .google-visualization-table {
    min-height: 100% !important;
    height: 100% !important;
}

    #dashBoard .box-single-info .google-visualization-table thead {
        display: none !important;
    }

    #dashBoard .box-single-info .google-visualization-table .google-visualization-table-table {
        min-height: 100% !important;
        height: 100% !important;
    }

        #dashBoard .box-single-info .google-visualization-table .google-visualization-table-table tbody .google-visualization-table-td-number {
            text-align: center;
            font-size: 120px;
            min-height: 100%;
            vertical-align: middle !important;
    }
    

.open-close-selector-chart {
    font-size: 15px;
    font-weight: bold;
    position: relative;
    margin-top: -15px;
    cursor: pointer;
    color: red;
}


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





	
	.clearfix:before,
	.clearfix:after {
		content: " ";
		display: table;
	}
	
	.clearfix:after {
		clear: both;
	}
	
	.clearfix {
		*zoom: 1;
	}




/* ESTILOS MODIFICAÇÃO DASHBOARD */
.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
    display: block;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #0092B7;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
    }

    40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}