@charset "UTF-8";

/* CSS Document */


/* ----------------------------------------------------------- */
/* ------------------------ LOGIN ---------------------------- */

body.login.agencia {
    margin-top: 100px;
    background-image: url(/Content/imagens/fundo_cabecalho.png);
}

.agencia #area_login {
    height: 285px;
    padding-top: 25px;
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1), 0px 0px 8px 8px rgba(0, 0, 0, 0.03) inset, 0px 0px 12px 12px rgba(0, 0, 0, 0.01) inset, 0px -30px 150px 0px rgba(255,255,255,0.32);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1), 0px 0px 8px 8px rgba(0, 0, 0, 0.03) inset, 0px 0px 12px 12px rgba(0, 0, 0, 0.01) inset, 0px -30px 150px 0px rgba(255,255,255,0.32);
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1), 0px 0px 8px 8px rgba(0, 0, 0, 0.03) inset, 0px 0px 12px 12px rgba(0, 0, 0, 0.01) inset, 0px -30px 150px 0px rgba(255,255,255,0.32);
}

.agencia #cabecalho_login img {
    width: auto;
    max-height: 60px;
    float: none;
    position: static;
}

.agencia #cabecalho_login h4 {
    margin-top: 0px;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.agencia #cabecalho_login #titulo_login {
    position: static;
}

.agencia #acoes_login {
    padding: 0px 10px;
}

    .agencia #acoes_login input {
        width: 84%;
    }

        .agencia #acoes_login input:focus,
        .agencia #acoes_login input:active {
            box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.08);
            -moz-box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.08);
            -webkit-box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.08);
        }

    .agencia #acoes_login #uniform-checkExibirSenha {
        position: absolute;
        right: 15px;
        top: 6px;
    }

    .agencia #acoes_login a {
        display: block;
        margin-top: 10px;
        padding-top: 6px;
        color: #a9a9a9;
        border-top: 1px dashed #cecece;
    }

        .agencia #acoes_login a:hover {
            color: #333;
        }

        .agencia #acoes_login a:focus {
            text-decoration: underline;
        }

    .agencia #acoes_login .matricula {
        background-image: url("/Content/imagens/icone_login_matricula.png");
        background-repeat: no-repeat;
        margin-bottom: 10px;
        padding-left: 40px;
    }

    .agencia #acoes_login .captcha-container {
        padding: 5px;
        background-color: #efefef;
        border: 1px solid #d4d4d4;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

        .agencia #acoes_login .captcha-container .captcha {
            width: 48%;
            margin-top: 0px;
            margin-bottom: 0px;
            display: inline-block;
            vertical-align: top;
        }

.agencia #botao_login {
    height: 355px;
    background-color: rgba(0, 0, 0, 0.45) !important;
    *background-color: #333 !important;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    *border: 1px solid #222 !important;
}

    .agencia #botao_login:hover {
        background-color: rgba(0, 0, 0, 0.55) !important;
        *background-color: #222 !important;
        border: 1px solid rgba(0, 0, 0, 0.25) !important;
        *border: 1px solid #111 !important;
    }

    .agencia #botao_login:focus {
        background-color: #222 !important;
        border: 1px solid #111;
        outline: 1px dotted #8f8f8f;
    }


.agencia #btnCadastrar {
    width: 310px;
    height: 35px;
    position: absolute;
    bottom: -36px;
    left: 45px;
    display: block;
    margin: auto;
    cursor: pointer;
    color: #fff;
    font-size: 1em;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.36);
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0.3);
    *background-color: #fff;
    border: none;
    box-shadow: 0px 10px 11px 0px rgba(0,0,0,0.13), 0px 3px 3px 1px rgba(0,0,0,0.1), inset 0px 3px 3px 0px rgba(0,0,0,0.2), inset 0px -2px 8px rgba(255,255,255,0.15);
    -moz-box-shadow: 0px 10px 11px 0px rgba(0,0,0,0.13), 0px 3px 3px 1px rgba(0,0,0,0.1), inset 0px 3px 3px 0px rgba(0,0,0,0.2), inset 0px -2px 8px rgba(255,255,255,0.15);
    -webkit-box-shadow: 0px 10px 11px 0px rgba(0,0,0,0.13), 0px 3px 3px 1px rgba(0,0,0,0.1), inset 0px 3px 3px 0px rgba(0,0,0,0.2), inset 0px -2px 8px rgba(255,255,255,0.15);
    border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
}

    .agencia #btnCadastrar:hover,
    .agencia #btnCadastrar:focus {
        text-shadow: 0px 1px 2px rgba(0,0,0,0.15);
        background-color: rgba(255, 255, 255, 0.5);
        box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.2), inset 0px -2px 8px rgba(255,255,255,0.15);
        -moz-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.2), inset 0px -2px 8px rgba(255,255,255,0.15);
        -webkit-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.2), inset 0px -2px 8px rgba(255,255,255,0.15);
    }

/* ----------------------------------------------------------- */
/* ---------------------- CABEÇALHO -------------------------- */

.agencia #cabecalho {
    border-bottom: none !important;
}

    .agencia #cabecalho #marca {
        width: auto;
        max-width: 400px;
        height: 50px;
        margin-left: 0px;
        background-color: #fff;
        border: none;
        box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);
        -webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25);
        border-radius: 0px 0px 3px 3px;
        -moz-border-radius: 0px 0px 3px 3px;
        -webkit-border-radius: 0px 0px 3px 3px;
    }

        .agencia #cabecalho #marca img {
            width: auto;
            position: static;
            margin: 7px 15px 0px;
        }

    .agencia #cabecalho #menu {
        padding: 0px 10px;
        cursor: pointer;
        background-color: #f8f8f8;
        border: 1px solid #fff;
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35), 0px 5px 7px 0px rgba(255, 255, 255, 0.9) inset;
        -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35), 0px 5px 7px 0px rgba(255, 255, 255, 0.9) inset;
        -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35), 0px 5px 7px 0px rgba(255, 255, 255, 0.9) inset;
    }

        .agencia #cabecalho #menu.lateral {
            padding: 20px 0;
        }

.agencia #menu > ul > li {
    margin: 3px 0px;
}

    .agencia #menu > ul > li span {
        color: #333;
    }

.agencia #cabecalho #busca input {
    width: 200px;
    height: 17px;
    padding: 9px 22px 9px 9px;
    color: #747474 !important;
    font-size: 1em;
    background-color: #f5f5f5;
    background-position: right 2px;
    border: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
}

    .agencia #cabecalho #busca input:focus {
        background-color: #fff;
        box-shadow: none;
    }

.agencia #menu .dropdown ul li a {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #333;
    font-weight: normal;
}

.agencia #menu.lateral li {
    box-shadow: none;
}

.agencia #menu.lateral > ul > li li a {
    padding-left: 10px !important;
}

/* ----------------------------------------------------------- */
/* -------------------- INFO_CLIENTE ------------------------- */


.agencia #info_cliente {
    padding: 4px 0px;
    background-color: #fff;
    border-bottom: 1px solid #d1d1d1;
    border-top: 1px solid #efefef;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.16) inset, 0px 1px 4px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.16) inset, 0px 1px 4px 0px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.16) inset, 0px 1px 4px 0px rgba(0, 0, 0, 0.06);
}

    .agencia #info_cliente .container {
        display: table;
    }

        .agencia #info_cliente .container > a {
            display: table-cell;
            vertical-align: top;
        }

    .agencia #info_cliente .campo_cliente.campo_visualizacao {
        width: 46.5% !important;
        padding-top: 3px;
        padding-left: 24px !important;
        padding-bottom: 3px;
        color: #333;
        font-size: 1.2em;
        background-image: url(/Content/imagens/icone_cliente.png);
        background-position: center left;
        background-position-y: center;
        background-repeat: no-repeat;
        border-bottom: none;
    }

        .agencia #info_cliente .campo_cliente.campo_visualizacao > div {
            display: inline-block;
        }

            .agencia #info_cliente .campo_cliente.campo_visualizacao > div span {
                display: none;
            }

        .agencia #info_cliente .campo_cliente.campo_visualizacao .campo_nome {
            font-weight: bold;
        }

        .agencia #info_cliente .campo_cliente.campo_visualizacao .campo_matricula {
            padding-left: 5px;
            color: #999;
        }

    .agencia #info_cliente a.logout {
        display: inline-block;
        margin-top: -1px;
        margin-left: 6px;
        padding: 3px 10px;
        font-size: 0.7em;
        line-height: 1;
        vertical-align: top;
        background-color: #eee;
        border: 1px solid #cfcfcf;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

        .agencia #info_cliente a.logout:hover,
        .agencia #info_cliente a.logout:focus {
            color: #fff;
            background-color: #222;
            border: 1px solid #222;
        }

    .agencia #info_cliente .campo_endereco.campo_visualizacao {
        text-align: right;
        margin-top: 6px !important;
        padding-bottom: 0px;
        padding-top: 3px;
        border-bottom: none;
    }

        .agencia #info_cliente .campo_endereco.campo_visualizacao > div {
            display: inline-block;
            margin-right: 12px;
        }

            .agencia #info_cliente .campo_endereco.campo_visualizacao > div:last-child {
                margin-right: 0px;
            }

    .agencia #info_cliente #abrir_mapa {
        display: inline-block;
        padding: 5px 9px;
        font-size: 0.9em;
        background-color: #eee;
        border: 1px solid #cfcfcf;
        border-radius: 3px;
    }

        .agencia #info_cliente #abrir_mapa:focus,
        .agencia #info_cliente #abrir_mapa:hover {
            background-color: #ddd;
        }

        .agencia #info_cliente #abrir_mapa.ativo {
            color: #fff;
            background-color: #333;
            border: 1px solid #222;
        }

    .agencia #info_cliente #map {
        display: none;
        position: absolute !important;
        right: 0px;
        top: 37px;
        padding: 6px;
        background-color: #fff !important;
        border: 1px solid #bfbfbf;
        border-top: none;
        box-shadow: 0px 8px 9px 1px rgba(0,0,0,0.22), inset 0px 3px 4px 0px rgba(0,0,0,0.08);
        -moz-box-shadow: 0px 8px 9px 1px rgba(0,0,0,0.22), inset 0px 3px 4px 0px rgba(0,0,0,0.08);
        -webkit-box-shadow: 0px 8px 9px 1px rgba(0,0,0,0.22), inset 0px 3px 4px 0px rgba(0,0,0,0.08);
        border-radius: 0px 0px 3px 3px;
        -moz-border-radius: 0px 0px 3px 3px;
        -webkit-border-radius: 0px 0px 3px 3px;
        z-index: 9999;
    }

        .agencia #info_cliente #map.aberto {
            display: block;
        }

/* ----------------------------------------------------------- */
/* ------------------------ INÍCIO --------------------------- */


.agencia #paineis_inicio {
    padding-top: 10px;
}

    .agencia #paineis_inicio .painel_modulos .caixa_modulo {
        height: 130px;
        text-align: center;
        text-transform: uppercase;
    }

        .agencia #paineis_inicio .painel_modulos .caixa_modulo a {
            padding-top: 90px;
        }

        .agencia #paineis_inicio .painel_modulos .caixa_modulo:hover a {
            padding-top: 92px;
        }

        .agencia #paineis_inicio .painel_modulos .caixa_modulo .sombra {
            top: -16px;
        }

    .agencia #paineis_inicio .painel_mensagens {
        width: 32%;
    }

        .agencia #paineis_inicio .painel_mensagens .caixa_mensagem {
            width: 100%;
            position: relative;
            z-index: 2;
        }



/* ----------------------------------------------------------- */
/* ---------------------- BREADCRUMB ------------------------- */

.agencia #subtitulo {
    padding: 18px 0 10px;
    background-color: rgba(0, 0, 0, 0.05);
}

.agencia .nome_tela.breadscrumb {
    color: #fff;
    float: left;
    padding: 6px 12px 6px 8px;
    text-transform: lowercase;
    margin-bottom: 10px;
    font-size: 1.2em;
}

.agencia .nome_tela.secundario {
    margin-right: 20px;
    color: #333;
    margin-bottom: 10px;
    float: left;
    font-size: 1.2em;
    padding: 7px 12px 5px;
    text-transform: uppercase;
}


/* ----------------------------------------------------------- */
/* ------------------------- DADOS --------------------------- */

.agencia .dados_titulo {
    color: #333;
}

.agencia .dados {
    padding: 16px 0 30px;
}

.agencia #myGrid {
    width: 100% !important;
}

.agencia .coluna #myGrid {
    margin-top: 10px;
}

/* ----------------------------------------------------------- */
/* ------------------------ BOTÕES --------------------------- */

.agencia .Syncfusion-Grid-Core {
    border: none !important;
}

.agencia .Syncfusion-Grid-Core .sf-toolbar {
    padding-top: 0px;
}

    .agencia .barra_botoes,
    .agencia .Syncfusion-Grid-Core .sf-toolbar ul {
        width: auto;
        display: inline-block;
        margin-left: 10px;
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid #cdcdcd;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.07), inset 0px -5px 6px 0px rgba(0,0,0,0.06);
        -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.07), inset 0px -5px 6px 0px rgba(0,0,0,0.06);
        -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.07), inset 0px -5px 6px 0px rgba(0,0,0,0.06);
    }

        .agencia .barra_botoes li,
        .agencia .barra_botoes li input {
            margin: 0px;
        }

            .agencia .barra_botoes li input {
                border-radius: 0px !important;
                -moz-border-radius: 0px !important;
                -webkit-border-radius: 0px !important;
            }

                .agencia .Syncfusion-Grid-Core .sf-toolbar ul li input.botao_texto,
                .agencia .barra_botoes li input.botao_texto {
                    padding-left: 10px;
                    padding-right: 10px;
                }

.agencia .botao_visualizar,
.agencia .botao_editar,
.agencia .botao_excluir,
.agencia .botao_atualizar,
.agencia .botao_adicionar,
.agencia .botao_imprimir,
.agencia .botao_salvar,
.agencia .botao_cancelar,
.agencia .botao_registro,
.agencia .botao_debito,
.agencia .botao_pendencias,
.agencia .botao_anterior,
.agencia .botao_proximo,
.agencia .botao_seta_esquerda,
.agencia .botao_seta_direita,
.agencia .botao_mais,
.agencia .botao_menos,
.agencia .botao_ok {
    width: 32px;
    height: 32px;
}

.agencia .botao_texto {
    height: 32px;
}


/* ----------------------------------------------------------- */
/* ------------------------ TABELA --------------------------- */

.agencia .Syncfusion-Grid-Core .sf-toolbar {
    margin-bottom: 0px !important;
    border-bottom: none !important;
}

    .agencia .Syncfusion-Grid-Core .sf-toolbar ul li,
    .agencia .Syncfusion-Grid-Core .sf-toolbar ul li input {
        margin: 0px !important;
    }

.agencia .Syncfusion-Grid-Core .GridContent .RowCell {
    text-align: left !important;
}

    .agencia .Syncfusion-Grid-Core .GridContent .RowCell a {
        padding: 5px 8px;
        color: #333;
        font-size: 0.8em;
        text-decoration: none;
        text-transform: lowercase;
        background-color: #e3e3e3;
        border: 1px solid #c5c5c5;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

        .agencia .Syncfusion-Grid-Core .GridContent .RowCell a:hover {
            background-color: #d3d3d3;
            border: 1px solid #c2c2c2;
        }

/* ----------------------------------------------------------- */
/* -------------------------- COR ---------------------------- */

body.login.agencia, .agencia #cabecalho {
    background-color: #146cac;
}

body.login.roxo.agencia, .roxo.agencia #cabecalho {
    background-color: #5764c4;
}

body.login.verde.agencia, .verde.agencia #cabecalho {
    background-color: #319a23;
}

body.login.petroleo.agencia, .petroleo.agencia #cabecalho {
    background-color: #06879a;
}

.agencia .nome_tela.breadscrumb {
    background: #1c88d0; /* Old browsers */
    background: -moz-linear-gradient(top, #1c88d0 0%, #146cac 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #1c88d0 0%,#146cac 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1c88d0 0%,#146cac 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1c88d0 0%,#146cac 100%); /* IE10+ */
    background: linear-gradient(to bottom, #1c88d0 0%,#146cac 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c88d0', endColorstr='#146cac',GradientType=0 ); /* IE6-9 */
}

.agencia .nome_tela.secundario {
    background: #bcdbf5; /* Old browsers */
    background: -moz-linear-gradient(top, #bcdbf5 0%, #97bde8 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #bcdbf5 0%,#97bde8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bcdbf5 0%,#97bde8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #bcdbf5 0%,#97bde8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #bcdbf5 0%,#97bde8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcdbf5', endColorstr='#97bde8',GradientType=0 ); /* IE6-9 */
}

.agencia .verde .nome_tela.breadscrumb {
    background: #1c88d0; /* Old browsers */
    background: -moz-linear-gradient(top, #60b546 0%, #319a23 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #60b546 0%,#319a23 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #60b546 0%,#319a23 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #60b546 0%,#319a23 100%); /* IE10+ */
    background: linear-gradient(to bottom, #60b546 0%,#319a23 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60b546', endColorstr='#319a23',GradientType=0 ); /* IE6-9 */
}

.agencia .verde .nome_tela.secundario {
    background: #bcdbf5; /* Old browsers */
    background: -moz-linear-gradient(top, #c1e6ab 0%, #a7d98f 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #c1e6ab 0%,#a7d98f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c1e6ab 0%,#a7d98f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c1e6ab 0%,#a7d98f 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c1e6ab 0%,#a7d98f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1e6ab', endColorstr='#a7d98f',GradientType=0 ); /* IE6-9 */
}

.agencia .petroleo .nome_tela.breadscrumb {
    background: #1c88d0; /* Old browsers */
    background: -moz-linear-gradient(top, #10a5b2 0%, #06879a 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #10a5b2 0%,#06879a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #10a5b2 0%,#06879a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #10a5b2 0%,#06879a 100%); /* IE10+ */
    background: linear-gradient(to bottom, #10a5b2 0%,#06879a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10a5b2', endColorstr='#06879a',GradientType=0 ); /* IE6-9 */
}

.agencia .petroleo .nome_tela.secundario {
    background: #77ccd2; /* Old browsers */
    background: -moz-linear-gradient(top, #86d2d6 0%, #6ac8ce 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #86d2d6 0%,#6ac8ce 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #86d2d6 0%,#6ac8ce 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #86d2d6 0%,#6ac8ce 100%); /* IE10+ */
    background: linear-gradient(to bottom, #86d2d6 0%,#6ac8ce 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d2d6', endColorstr='#6ac8ce',GradientType=0 ); /* IE6-9 */
}

.agencia .roxo .nome_tela.breadscrumb {
    background: #636fc8; /* Old browsers */
    background: -moz-linear-gradient(top, #6f7acc 0%, #5764c4 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #6f7acc 0%,#5764c4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6f7acc 0%,#5764c4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6f7acc 0%,#5764c4 100%); /* IE10+ */
    background: linear-gradient(to bottom, #6f7acc 0%,#5764c4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f7acc', endColorstr='#5764c4',GradientType=0 ); /* IE6-9 */
}

.agencia .roxo .nome_tela.secundario {
    background: #b5bcea; /* Old browsers */
    background: -moz-linear-gradient(top, #c9cff0 0%, #a1aae6 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top, #c9cff0 0%,#a1aae6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c9cff0 0%,#a1aae6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c9cff0 0%,#a1aae6 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c9cff0 0%,#a1aae6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9cff0', endColorstr='#a1aae6',GradientType=0 ); /* IE6-9 */
}

.spinner {
    width: 120px;
    height: 120px;
    z-index: 600;
    opacity: 1.0;
    position: absolute;
    left: 45%;
    margin: 100px auto;
    top: 20%;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: white;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

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

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

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

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

.loading-spinner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 100%;
    z-index: 500;
    /* transparência compatível com os navegadores comuns.*/
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=7);
    background: black;
    text-align: center;
    display: block;
}

.spinner-text {
    z-index: 600;
    text-align: center;
    font-size: 30px;
    color: #b0c4de;
    position: absolute;
    top: 46%;
    left: 44%;
}

.videoInsert {
    min-width: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
    overflow: hidden;
}

.videoContainer {
    width: 65%;
    height: 75%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}

.sf-core {
     box-sizing: content-box ! important;
     font-family: Segoe UI;
     font-size: 11px;
}

.sf-core input {
     border: 0px none;
     font-size: 11px;
     height: 21px;
}

.sf-core .error {
     border: 0px none;
     height: 100%;
     margin: 0px;
     padding: 0px;
     position: relative;
     width: 100%;
}

.sf-core .Syncfusion_Validator {
     padding-left: 10px;
     padding-right: 10px;
     position: absolute;
     text-align: right;
}

.sf-core [class^="Syncfusion"] input, .Autocomplete_Wrapper input {
     box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2) inset;
     text-decoration: none;
     text-shadow: none;
}

.sf-editor {
     box-sizing: border-box;
     height: 21px;
     line-height: normal;
     overflow: hidden;
     position: relative;
     vertical-align: middle;
     width: 143px;
}

.sf-editor .sfInputText, .sf-editor .Syncfusion_Watermark_TextBox, .sf-editor .Syncfusion_Value_TextBox {
     border: medium none;
     line-height: 20px;
     margin: 0px;
     padding: 0px;
     text-indent: 4px;
}

.sf-editor.sf-rtl .sf-split {
     left: 0px;
     right: auto;
}

.sf-editor.sf-rtl .sfInputText, .sf-editor.sf-rtl .Syncfusion_Value_TextBox, .sf-editor.sf-rtl .Syncfusion_Watermark_TextBox {
     direction: rtl;
     margin-left: 16px;
     right: 0px;
     text-align: right;
}

.sf-editor .sf-split {
     height: 10px;
     position: absolute;
     right: 0px;
     width: 16px;
}

.sf-editor .sf-splitup {
     top: 0px;
}

.sf-editor .sf-splitdown {
     bottom: 0px;
}

.sf-editor .maskeditInput {
     display: block;
     height: 100%;
     line-height: 20px;
     margin: 0px;
     padding: 0px;
     text-indent: 4px;
     width: 100%;
}

.sf-editor.maskeditInputTextBase {
     height: 21px;
     width: 143px;
}

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

.sf-genericdropdown .GenericDropDownButtonBase {
     display: table;
     height: 19px;
     width: 15px;
}

.sf-genericdropdown .GenericDropDownTextBox {
     border-width: 0px;
     cursor: pointer;
     display: block;
     height: 17px;
     line-height: 20px;
     text-indent: 4px;
     vertical-align: top;
}

.sf-genericdropdown .GenericDropDownTextBoxBase {
     display: table-cell;
}

.sf-genericdropdown .GenericDropDownPopupPanel {
     overflow: auto;
     position: absolute;
     z-index: 10000;
}

.sf-genericdropdown .GenericDropDownContainer {
     display: block;
     height: 19px;
     overflow: hidden;
}

.sf-autocomplete.Autocomplete_SuggestionList {
     cursor: default;
     overflow: auto;
     position: absolute;
}

.sf-autocomplete.Autocomplete_SuggestionList ul {
     list-style-type: none;
     margin: 0px;
     padding: 0px;
}

.sf-autocomplete.Autocomplete_SuggestionList ul li {
     padding: 5px;
}

.sf-autocomplete .onLoading {
     background-position: right center;
     background-repeat: no-repeat;
}

.sys-template {
     display: none;
}

.sf-autocomplete.Autocomplete_Wrapper {
     overflow: hidden;
}

.sf-autocomplete.Autocomplete_Wrapper input {
     line-height: 20px;
     margin: 0px;
     padding: 0px;
     text-indent: 4px;
}

.sf-autocomplete .dropdownbuttonbase {
     float: right;
     height: 20px;
     width: 15px;
}

.sf-autocomplete .AutoComplete_RTL {
     float: right;
     text-align: right;
}

.sf-autocomplete .AutoCompleteDD_RTL {
     position: absolute;
}

.sf-autocomplete .autocompleteDropDownDisabled {
     background-position: -49px 1px;
}

.sf-timepicker.timespan-widget {
     font: 11px Segoe UI;
     height: 23px;
     width: 150px;
}

.sf-timepicker.timespan-widget li {
     border: 1px solid;
     cursor: pointer;
     display: inline;
     height: 28px;
     list-style-type: none;
     margin: 0px 2px 0px 0px;
     padding: 1px 4px 0px;
     position: relative;
}

.sf-timepicker.timespan-widget .lichild {
     border-right-style: solid;
     border-right-width: 1px;
}

.sf-timepicker.timespan-widget ul {
     display: inline-block;
     height: 21px;
     margin: 0px;
     padding: 0px;
     position: relative;
     z-index: 10000;
}

.sf-timepicker .timevaluecontainer {
     display: inline;
}

.sf-button {
     border-spacing: 0px;
     box-sizing: content-box ! important;
     display: inline-block;
     font-family: Segoe UI;
     font-size: 11px;
     margin: 0px;
     overflow: hidden;
     padding: 1px;
     vertical-align: middle;
}

.sf-button .buttonmaindiv {
     border-spacing: 0px;
     display: inline-block;
     margin: 0px;
     padding: 0px;
}

.sf-button .buttoncontent {
     vertical-align: middle;
}

.sf-button .buttontext {
     cursor: default;
     display: table-cell;
     vertical-align: middle;
}

.sf-button .dropdowndownarrow, .sf-button .splitdownarrow {
     height: 8px;
     width: 9px;
}

.sf-button .dropdownbuttoncontent {
     display: block;
     text-align: center;
     vertical-align: middle;
}

.sf-button .buttonimage {
     display: table-cell;
     padding: 1px;
}

.sf-button.splitmain {
     padding: 0px;
}

.sf-button .spritesplitnormalbutton {
     border-spacing: 0px;
     border: 0px none;
     margin: 0px;
     padding: 0px;
     vertical-align: middle;
}

.sf-button .spritesplitdropdownbutton {
     border-spacing: 0px;
     margin: 0px;
     padding: 0px;
}

.sf-button.disablebutton {
     opacity: 0.5;
}

.sf-captcha .validationFailed {
     margin-left: 5px;
}

.sf-captcha .validationSuccess {
     margin-left: 5px;
}

.sf-captcha .captcha-image {
     border: 1px solid transparent;
     vertical-align: bottom;
}

.sf-captcha .refresh-button {
     cursor: pointer;
     height: 40px;
     margin-left: 10px;
     vertical-align: bottom;
     width: 40px;
}

.sf-menu {
     border: 1px solid Transparent;
     box-sizing: content-box ! important;
     cursor: pointer;
     font-family: Segoe UI;
     font-size: 11px;
     font-weight: normal;
     line-height: 16px;
     margin: 0px;
     padding: 0px;
     position: relative;
}

.sf-menu * a:focus, .sf-menu * a:hover {
     outline: medium none;
     text-decoration: none;
}

.sf-menu * {
     list-style: outside none none;
}

* .sf-menu ul, * .sf-menu ul ul {
     left: 200px;
     top: -0.8px;
}

.sf-menu a {
     border: 1px solid Transparent;
     display: block;
     font-size: 11px;
     height: auto;
     position: relative;
     text-decoration: none;
     width: auto;
}

.sf-menu > li {
     border: 1px solid Transparent;
     position: relative;
}

.sf-menu ul {
     display: none;
     left: -1px;
     margin: 0px;
     padding: 1px;
     position: absolute;
     visibility: inherit;
     width: 200px;
     z-index: 1000;
}

.sf-menu ul li {
     background-color: Transparent;
     border: 1px solid Transparent;
     float: none;
     line-height: 19px;
     position: relative;
}

.sf-menu ul li a {
     height: inherit;
     padding: 0px 0px 0px 2.5em;
     width: inherit;
}

.sf-menu ul li.separator {
     height: 1px;
     margin: 0px 0px 1% 13%;
     position: relative;
     width: 87%;
}

.sf-menu ul li > img, .sf-menu ul li > div, .sf-menu ul li > span {
     float: left;
     position: absolute;
}

.sf-menu > li > img {
     border: 1px solid transparent;
     float: left;
}

.sf-menu > li > a > span.arrows, .sf-menu ul li a span.arrows {
     display: inline-block;
     height: 16px;
     margin-top: -8px;
     position: absolute;
     right: 0px;
     top: 50%;
     width: 16px;
}

div[ID$="_HyperTab"] input {
     margin-right: 5px;
}

ul[ID$="_FormElementButton_DropDown"] li {
     padding-bottom: 6px;
}

ul[ID$="_FormElementButton_DropDown"] {
     height: 183px;
     overflow-y: scroll;
}

ul[ID$="_FormElementButton_DropDown"] .ElementItems {
     height: 20px;
     width: 24px;
}

Div.FormElement[ID$="FormElement"] {
     float: left;
}

.ui-dialog .ui-dialog-content .OkCancelButton {
     float: right;
     margin-top: 25px;
     padding-left: 13px;
}

.sf-rte .Smiley {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmzLN3E9qFlqMk38zZHIj1Qp5_o2Z5WgKeQj5MPDEkZPeQ==");
}

.sf-rte.SmileyOptions {
     height: 197px;
     margin: 1px;
     width: 175px;
     z-index: 1500;
}

.sf-rte .Smiley div {
     border: 1px solid transparent;
     cursor: default;
     display: inline;
     float: left;
     margin: 1px;
     opacity: 1;
     padding: 2px 3px;
}

.sf-rte.SmileyOptions ul {
     display: inline;
}

.sf-rte .Smiley div:hover {
     margin: 0px;
}

.sf-rte .ToolbarItems.LeftAlign_tool, .sf-rte .ToolbarItems.CenterAlign_tool, .sf-rte .ToolbarItems.RightAlign_tool, .sf-rte .ToolbarItems.Justify_tool, .sf-rte .ToolbarItems.Bold_tool, .sf-rte .ToolbarItems.Italic_tool, .sf-rte .ToolbarItems.StrikeThrough_tool, .sf-rte .ToolbarItems.Underline_tool, .sf-rte .ToolbarItems.Cut_tool, .sf-rte .ToolbarItems.Copy_tool, .sf-rte .ToolbarItems.Paste_tool, .sf-rte .ToolbarItems.Bullets_tool, .sf-rte .ToolbarItems.Numbering_tool, .sf-rte .ToolbarItems.Undo_tool, .sf-rte .ToolbarItems.Redo_tool, .sf-rte .ToolbarItems.ClearFormat_tool, .sf-rte .ToolbarItems.ClearAll_tool, .sf-rte .ToolbarItems.Indent_tool, .sf-rte .ToolbarItems.Outdent_tool, .sf-rte .ToolbarItems.Smiley_tool, .sf-rte .ToolbarItems.InsertImage_tool, .sf-rte .ToolbarItems.Hyperlink_tool, .sf-rte .ToolbarItems.Unlink_tool, .sf-rte .ToolbarItems.SuperScript_tool, .sf-rte .ToolbarItems.SubScript_tool, .sf-rte .ToolbarItems.UpperCase_tool, .sf-rte .ToolbarItems.LowerCase_tool, .sf-rte .ToolbarItems.InsertParagraph_tool, .sf-rte .Smiley_0, .sf-rte .Smiley_1, .sf-rte .Smiley_2, .sf-rte .Smiley_3, .sf-rte .Smiley_4, .sf-rte .Smiley_5, .sf-rte .Smiley_6, .sf-rte .Smiley_7, .sf-rte .Smiley_8, .sf-rte .Smiley_9, .sf-rte .Smiley_10, .sf-rte .Smiley_11, .sf-rte .Smiley_12, .sf-rte .Smiley_13, .sf-rte .Smiley_14, .sf-rte .Smiley_15, .sf-rte .Smiley_16, .sf-rte .Smiley_17, .sf-rte .Smiley_18, .sf-rte .Smiley_19, .sf-rte .Smiley_20, .sf-rte .Smiley_21, .sf-rte .Smiley_22, .sf-rte .Smiley_23, .sf-rte .Smiley_24, .sf-rte .Smiley_25, .sf-rte .Smiley_26, .sf-rte .Smiley_27, .sf-rte .Smiley_28, .sf-rte .Smiley_29 {
     height: 25px;
     width: 25px;
}

.sf-rte .hide {
     display: none;
     visibility: hidden;
}

.sf-rte .DisableFontOptions {
     opacity: 0.5;
}

.sf-rte .Toolbar_Target li, .sf-rte .Toolbar_Target ul {
     display: inline;
     float: left;
}

.sf-rte .Toolbar_Target .FloatNone {
     float: none;
}

.sf-rte .FileGetter_Buttons {
     float: right;
     margin: 58px 8px 8px;
}

.sf-rte .FileGetter_TextBox {
     float: right;
     margin: 6px;
}

.sf-rte .FileGetter_Caption {
     float: left;
     margin: 8px;
}

.sf-rte .FileGetter_Buttons input {
     margin-left: 8px;
}

.sf-rte {
     float: left;
     font-family: Segoe UI;
     font-size: 11px;
     margin: 0px;
     padding: 0px;
     position: relative;
     width: 100%;
}

.sf-rte div {
     box-sizing: content-box ! important;
     margin: 0px;
     padding: 0px;
}

.sf-rte .richTextEditorIFrame, .sf-rte .richTextEditorTextarea {
     font-family: Segoe UI;
     font-size: 11px;
     height: 200px;
     position: relative;
     resize: none;
     width: 100%;
}

.sf-rte .RTEFooter {
     float: left;
     font-family: Segoe UI;
     font-size: 11px;
     height: 20px;
     width: 100%;
}

.sf-rte .SourceEditor {
     height: 300px;
     width: 100%;
}

.sf-rte .RTEtab {
     font-weight: normal;
     height: 100%;
}

.sf-rte .Footer_selected {
     cursor: n-resize;
}

.sf-rte .PlaceHolder {
     height: 9px;
     overflow: hidden;
     width: 99.9%;
}

.sf-rte .PlaceDiv {
     height: 20px;
     overflow: hidden;
     padding-bottom: 5px;
     padding-left: 1px;
     padding-top: 5px;
}

.sf-rte.FileGetter {
     height: 231px;
     margin: 1px;
     width: 501px;
     z-index: 1;
}

.sf-rte .FileGetter_Header {
     font-weight: bold;
     height: 16px;
     padding: 7px;
     text-align: left;
}

.sf-rte .sf-treeview {
     float: left;
     overflow: auto;
}

.sf-rte .TreeView_Target {
     float: left;
     height: 200px;
     width: 370px;
}

.sf-rte .InsertImage_Preview {
     float: left;
     height: 200px;
     width: 150px;
}

.sf-rte .Preview_Image {
     height: 40px;
     margin-left: 46px;
     margin-top: 54px;
     padding: 4px;
     width: 40px;
}

.sf-rte .ui-resizable {
     position: relative;
}

.sf-rte .ui-resizable-handle {
     display: block;
     font-size: 0.1px;
     position: absolute;
     z-index: 99999;
}

.sf-rte .ui-resizable-disabled .ui-resizable-handle, .sf-rte .ui-resizable-autohide .ui-resizable-handle {
     display: none;
}

.sf-rte .ui-resizable-n {
     cursor: n-resize;
     height: 7px;
     left: 0px;
     top: -5px;
     width: 100%;
}

.sf-rte .ui-resizable-s {
     bottom: -5px;
     cursor: s-resize;
     height: 7px;
     left: 0px;
     width: 100%;
}

.sf-rte .ui-resizable-e {
     cursor: e-resize;
     height: 100%;
     right: -5px;
     top: 0px;
     width: 7px;
}

.sf-rte .ui-resizable-w {
     cursor: w-resize;
     height: 100%;
     left: -5px;
     top: 0px;
     width: 7px;
}

.sf-rte .ui-resizable-se {
     bottom: 3.5px;
     cursor: se-resize;
     height: 16px;
     right: 2.5px;
     width: 16px;
}

.sf-rte .ui-resizable-sw {
     bottom: -5px;
     cursor: sw-resize;
     left: -5px;
}

.sf-rte .ui-resizable-nw {
     cursor: nw-resize;
     left: -5px;
     top: -5px;
}

.sf-rte .ui-resizable-ne {
     cursor: ne-resize;
     right: -5px;
     top: -5px;
}

.sf-rte .ui-resizable-sw, .sf-rte .ui-resizable-nw, .sf-rte .ui-resizable-ne {
     height: 9px;
     width: 9px;
}

.sf-rte .Syncfusion-RichTextEditor_Blend .ToolbarItems.LowerCase_tool, .sf-rte .Syncfusion-RichTextEditor_VS2010 .ToolbarItems.LowerCase_tool, .sf-rte .Syncfusion-RichTextEditor_Midnight .ToolbarItems.LowerCase_tool, .sf-rte.Syncfusion-RichTextEditor_Vista .ToolbarItems.LowerCase_tool {
     background-position: -125px -150px ! important;
     height: 25px;
     width: 25px;
}

.sf-rte .Syncfusion-RichTextEditor_Blend .ToolbarItems.UpperCase_tool, .sf-rte .Syncfusion-RichTextEditor_VS2010 .ToolbarItems.UpperCase_tool, .sf-rte .Syncfusion-RichTextEditor_Midnight .ToolbarItems.UpperCase_tool, .sf-rte .Syncfusion-RichTextEditor_Vista .ToolbarItems.UpperCase_tool {
     background-position: -28px -150px ! important;
     height: 25px;
     width: 25px;
}

.sf-rating {
     display: block;
     list-style-type: none;
}

.sf-rating.horizontal .star-container, .sf-rating.vertical .star-container {
     list-style-type: none;
     padding: 0px 2px;
}

.sf-rating.horizontal .star-container {
    
}

.sf-rating.vertical .star-container {
     margin: 0px 0px 0px -2px;
}

.sf-rating.horizontal .star-list, .sf-rating.vertical .star-list, .sf-rating.horizontal .stars, .sf-rating.vertical .stars, .sf-rating.horizontal .reset, .sf-rating.vertical .reset {
     cursor: pointer;
     height: 16px;
     width: 16px;
}

.sf-rating.horizontal .star-list, .sf-rating.horizontal .stars, .sf-rating.horizontal .reset {
     float: left;
}

.sf-rating.horizontal .reset {
     margin-right: 2px;
}

.sf-rating.vertical .reset {
     margin-bottom: 2px;
}

.sf-rating .stars.precision {
     margin-left: -16px;
     width: 0px;
}

.sf-galleryview * {
     box-sizing: content-box ! important;
}

.sf-ribboncontainer * {
     box-sizing: content-box ! important;
}

.sf-ribboncontainer {
     display: inline-block;
     font-family: Segoe UI;
     font-size: 11px;
     visibility: hidden;
}

.sf-ribboncontainer a {
     background-color: transparent;
     text-decoration: none;
}

.sf-ribboncontainer .groupcontainer {
     border-radius: 0px 0px 3px 3px;
     margin-top: -2px;
}

.sf-ribboncontainer .contextcontainer .wrappertab {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) -moz-use-text-color;
     border-image: none;
     border-style: solid solid none;
     border-width: 1px 1px medium;
}

.sf-ribboncontainer .contextcontainer .tabcontextbar {
     margin-top: -1px;
}

.sf-ribboncontainer .contextcontainer .tabcontextbar .wrappertab {
     margin-top: -2px;
}

.sf-ribboncontainer .contextcontainer .tabcontextbar .wrappertab .ribbontab {
     margin-top: 1px;
}

.sf-ribboncontainer .menucontainer .menuitem:hover {
     border-radius: 4px;
}

.sf-ribboncontainer .contextcontainer .active.wrappertab, .sf-ribboncontainer .contextcontainer .active.wrappertab:hover, .sf-ribboncontainer .contextcontainer, .sf-ribboncontainer .contextcontainer .wrappertab {
     border-radius: 3px 3px 0px 0px;
}

.sf-ribboncontainer, .sf-ribboncontainer .pagecontainer .backstagepage, .sf-ribboncontainer .contextcontainer .ribbonTab, .sf-ribboncontainer .contextcontainer .contexttitle, .sf-ribboncontainer .contextcontainer .tabtext, .sf-ribboncontainer .groupcontainer .grouptitle, .sf-ribboncontainer .menucontainer .menutext {
     -moz-user-select: none;
}

.sf-ribboncontainer .contextcontainer {
     list-style: outside none none;
     margin: 0px 0px -1px;
     overflow: hidden;
     padding: 0px;
}

.sf-ribboncontainer .contextbar {
     background-repeat: repeat-x;
     float: left;
     height: 45px;
     margin-top: 2px;
}

.sf-ribboncontainer .contextcontainer .helpcontainer, .sf-ribboncontainer .contextcontainer .togglecontainer {
     cursor: pointer;
     float: right;
     height: 22px;
     margin-top: 22px;
     padding-top: 4px;
     width: 26px;
}

.sf-ribboncontainer .contextcontainer .togglecontainer {
     margin-top: 20px;
}

.sf-ribboncontainer .contextcontainer .navigationpane {
     list-style: outside none none;
     margin: 0px;
     padding: 0px;
}

.sf-ribboncontainer .contextcontainer .tabwrapper {
     border: 1px solid transparent;
     margin-left: 1px;
     margin-right: 1px;
}

.sf-ribboncontainer .contextcontainer .ribbonTab {
     border: 1px solid transparent;
     cursor: pointer;
     float: left;
     height: 18px;
     padding-left: 6px;
     padding-right: 6px;
     padding-top: 4px;
}

.sf-ribboncontainer .contextcontainer .contexttitle {
     height: 18px;
     padding-top: 4px;
     text-align: center;
}

.sf-ribboncontainer .contextcontainer .wrappertab {
     margin-left: 1px;
     margin-right: 1px;
}

.sf-ribboncontainer .contextcontainer .wrappertab .ribbontab {
     border: 1px solid transparent;
     cursor: pointer;
     height: 18px;
     padding-left: 6px;
     padding-right: 6px;
     padding-top: 0px;
}

.sf-ribboncontainer .contextcontainer .tabtext {
     border: 0px none;
     padding: 0px;
}

.sf-ribboncontainer .groupcontainer .grouptitlecont .expander {
     cursor: pointer;
     float: right;
     height: 18px;
     position: relative;
     width: 20px;
}

.sf-ribboncontainer .groupcontainer .ribbongroup {
     display: inline-block;
     float: left;
     height: 100%;
     list-style: outside none none;
     margin: 0px;
     padding: 0px;
}

.sf-ribboncontainer .groupcontainer .groupcontent {
     display: inline-block;
     float: left;
     height: 100%;
     list-style: outside none none;
     position: relative;
}

.sf-ribboncontainer .groupcontainer .divider {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmxj9kaHPUQASII4HNQV_KadGXdaPS2_vmOIqI1OzI9hCg==") repeat scroll 0% 0% transparent;
     float: left;
     position: relative;
     width: 1px;
}

.sf-ribboncontainer .contextcontainer .title {
     text-align: center;
}

.sf-ribboncontainer .groupcontainer .grouptitle {
     cursor: default;
     height: 100%;
}

.sf-ribboncontainer .groupcontainer .grouptitlecont, .sf-ribboncontainer .groupcontainer .grouptitle {
     bottom: 1px;
     display: block;
     float: left;
     position: absolute;
     width: 100%;
}

.sf-ribboncontainer .groupcontainer .grouptitle {
     text-align: center;
}

.sf-ribboncontainer .groupcontainer .grouptitlecont {
     left: 0px;
}

.sf-ribboncontainer .groupcontainer .itemcontainer {
     display: inline-block;
     height: 80%;
     overflow: hidden;
     padding-left: 5px;
     padding-right: 5px;
     position: relative;
     top: 2px;
}

.sf-ribboncontainer .groupcontainer .groupbutton {
     display: block;
     height: 100%;
     overflow: hidden;
     position: relative;
     text-align: center;
     width: 60px;
}

.sf-ribboncontainer .groupcontainer .groupbuttonimage {
     width: 100%;
}

.sf-ribboncontainer .groupcontainer .groupbuttontext {
     position: relative;
     top: 35%;
     width: 100%;
}

.sf-ribboncontainer .groupcontainer .groupbuttonarrow {
     height: 17px;
     left: 35%;
     position: relative;
     top: 40%;
     width: 18px;
}

.sf-ribboncontainer .contextcontainer .applicationmenu {
     border-bottom: 0px none;
     cursor: pointer;
     float: left;
     height: 19px;
     margin-top: 24px;
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 2px;
}

.sf-ribboncontainer .contextcontainer .tabtitlemenu {
     margin-top: 1.7px;
}

.sf-ribboncontainer .menucontainer {
     display: none;
     list-style: outside none none;
     margin: 0px;
     min-width: 100px;
     padding: 2px 0px;
     position: absolute;
     white-space: nowrap;
     z-index: 1000;
}

.sf-ribboncontainer .menucontainer .menuimage {
     clear: both;
     float: left;
     height: 24px;
     padding-right: 5px;
     width: 16px;
}

.sf-ribboncontainer .menucontainer .menutext {
     padding-left: 5px;
     vertical-align: middle;
}

.sf-ribboncontainer .menucontainer .menuitem {
     border: 1px solid transparent;
     cursor: pointer;
     height: 22px;
}

.sf-ribboncontainer .contentitems > * {
     display: block ! important;
}

.sf-ribboncontainer .pagecontainer, .sf-ribboncontainer .menucontainer ul {
     list-style: outside none none;
     margin: 0px;
     min-width: 100px;
     padding: 0px;
     position: absolute;
     white-space: nowrap;
     z-index: 1000;
}

.sf-ribboncontainer .pagecontainer .leftcontainer, .sf-ribboncontainer .pagecontainer .rightcontainer, .sf-ribboncontainer .groupcontainer .contentitems, .sf-ribboncontainer .contextcontainer .wrappertab, .sf-ribboncontainer .contextcontainer .tabwrapper {
     float: left;
}

.sf-ribboncontainer .pagecontainer .leftcontainer {
     margin-left: -1px;
}

.sf-ribboncontainer .pagecontainer .rightcontainer {
     padding: 10px;
}

.sf-ribboncontainer .pagecontainer .menutext.active {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmz4CUKkfYky6Q54I6LHMvuDISIRFUad4sEj5MPDEkZPeQ==");
     background-position: right center;
}

.sf-ribboncontainer .pagecontainer .pageborder .menutext {
     border-bottom: 1px solid transparent;
     border-top: 1px solid transparent;
     cursor: pointer;
     margin-bottom: 5px;
     padding: 5px 30px 5px 10px;
     position: relative;
     top: 10px;
}

.sf-ribboncontainer .rrbResizeHandle {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmz0edBppYroVJimcW69LVEeVfIAQy6MPWDUxxNCu3z9v6iI19uFxvSi") no-repeat scroll 0% 0% transparent;
     cursor: e-resize;
     float: right;
     height: 14px;
     margin-right: -2px;
     margin-top: -14px;
     position: relative;
     width: 16px;
}

.sf-splitter {
     border-collapse: collapse;
     border: 1px solid transparent;
     font-family: Segoe UI;
     font-size: 11px;
     font-weight: normal;
     overflow: hidden;
     position: relative;
}

.sf-splitter .pane {
     cursor: default;
     float: left;
     height: 100%;
     overflow: auto;
     position: relative;
     width: 100%;
}

.sf-splitter .splitbar {
     border-style: solid;
     box-sizing: content-box ! important;
     float: left;
     position: relative;
     z-index: 10001;
}

.sf-splitter .shadowbar {
     border-style: dotted;
     position: absolute;
     z-index: 10002;
}

.sf-splitter .splitbar.h-bar {
     border-width: 0px 1px;
     cursor: e-resize;
     height: 100%;
     vertical-align: middle;
     width: 5px;
}

.sf-splitter .h-forwardarrow {
     cursor: pointer;
     height: 16px;
     margin-top: -15px;
     position: absolute;
     top: 50%;
     width: 5px;
}

.sf-splitter .h-backwardarrow {
     cursor: pointer;
     height: 16px;
     position: absolute;
     top: 50%;
     width: 5px;
}

.sf-splitter .v-forwardarrow {
     cursor: pointer;
     float: left;
     height: 5px;
     left: 50%;
     margin-left: -15px;
     position: absolute;
     width: 16px;
}

.sf-splitter .v-backwardarrow {
     cursor: pointer;
     float: left;
     height: 5px;
     left: 50%;
     position: absolute;
     width: 16px;
}

.splitbar.v-bar {
     border-width: 1px 0px;
     cursor: n-resize;
     height: 5px;
     width: 100%;
}

.sf-tagcloud {
     font-family: Segoe UI;
     font-size: 11px;
     overflow: auto;
     padding: 2px;
}

.sf-tagcloud.hidden {
     visibility: hidden;
}

.sf-tagcloud .tagcloud-header {
     font-size: 11.4px;
     font-weight: bold;
     margin: 0px 0px 6px;
     padding: 5px;
     vertical-align: middle;
}

.sf-tagcloud .cloud-type, .sf-tagcloud .list-type {
     display: inline;
     line-height: 20px;
     list-style-type: none;
     padding: 0px;
}

.sf-tagcloud .cloud-type .tagcloud-items {
     cursor: pointer;
     display: inline-block;
     list-style-type: none;
     padding: 5px;
}

.sf-tagcloud .list-type .tagcloud-items {
     cursor: pointer;
     display: block;
     list-style-type: none;
     padding: 5px;
}

.sf-tagcloud .tagcloud-items .textNode {
     text-decoration: none;
}

.sf-tagcloud .tagcloud-items .textNode.hover {
     cursor: pointer;
}

.sf-tagcloud .tagcloud-header-image {
     margin-right: 2px;
     vertical-align: middle;
}

.sf-toolbar {
     font-family: Segoe UI;
     font-size: 11px;
     font-weight: normal;
     margin-top: 0px;
}

.sf-toolbar li {
     border: 1px solid transparent;
     cursor: default;
     list-style-type: none;
     padding: 2px;
}

.sf-toolbar ul {
     list-style-type: none;
     margin: 0px;
     padding: 0px;
}

.sf-toolbar .Toolbar_Separator {
     border: 0px none;
     padding: 0px;
}

.sf-toolbar .Disable_ToolLi, .sf-toolbar .Disable_ToolLi, .sf-toolbar .Disable_Tool, .sf-toolbar .Disable_Tool {
     opacity: 0.4;
}

.sf-treeview {
     overflow-y: auto;
}

.sf-treeview, .sf-treeview ul {
     font-family: Segoe UI;
     font-size: 11px;
     list-style: outside none none;
     margin: 0px;
     padding: 0px;
     text-decoration: none;
     white-space: nowrap;
     z-index: -9999;
}

.sf-treeview.RTL, .sf-treeview.RTL ul {
     direction: rtl;
     padding-right: 11px;
     text-align: right;
}

.sf-treeview .initial {
     display: none;
}

.sf-treeview li div img {
     border: medium none;
     margin-top: -5px;
     vertical-align: middle;
}

.TreeViewContainer {
     overflow: auto;
     padding: 10px;
     z-index: -5;
}

.sf-treeview ul {
     line-height: 19px;
     padding: 3px 0px 3px 10px;
     width: auto;
}

.sf-treeview .ImgCss {
     padding: 1px 3px 1px 5px;
}

.sf-treeview .showline-NodeText, .sf-treeview .noline-NodeText {
     border: 1px solid transparent;
     display: inline-block;
     margin: 0px 2px;
     min-height: 15px;
     min-width: 10px;
     text-decoration: none;
}

.sf-treeview .showline {
     margin: 0px;
     padding: 2px 0px 4px 16px;
     white-space: nowrap;
}

.sf-treeview .sf-collapse {
     background-position: 0px -176px;
}

.sf-treeview.RTL .sf-collapse {
     background-position: right center;
}

.sf-treeview .noline {
     margin: 0px;
     padding: 2px 0px 3px 16px;
     white-space: nowrap;
}

.sf-treeview .Input_Text {
     border-bottom-style: groove;
     padding: 1px 0px 1px 3px;
}

.sf-treeview span.noline-child, .sf-treeview span.showline-child {
     white-space: nowrap;
}

.sf-treeview .plus, .sf-treeview .minus {
     cursor: pointer;
     float: left;
     height: 8px;
     margin-left: -14px;
     margin-top: 5px;
     width: 8px;
}

.sf-treeview .pointer {
     cursor: pointer;
     float: left;
     height: 25px;
     margin-left: -14px;
     margin-top: -2px;
     width: 16px;
}

.sf-treeview.RTL .plus, .sf-treeview.RTL .minus {
     float: right;
     margin-bottom: 0px;
     margin-right: -23px;
}

.sf-treeview.RTL .pointer {
     float: right;
     margin-bottom: 0px;
     margin-left: 0px;
     margin-right: -9px;
}

.sf-treeview .showline-selected, .sf-treeview .noline-selected, .sf-treeview .showline-hover, .sf-treeview .noline-hover {
     cursor: pointer;
     text-decoration: none;
}

.sf-treeview .showline-disabled, .sf-treeview .noline-disabled {
     opacity: 0.4;
}

.sf-treeview li.last.noline {
     padding: 2px 0px 0px 16px;
}

.sf-treeview li.last.showline {
     background-position: 0px -36px;
     background-repeat: no-repeat;
     padding: 2px 0px 0px 16px;
}

.sf-treeview li.first.showline {
     padding: 0.5px 0px 3px 16px;
}

.sf-treeview.RTL li.first.showline {
     background-position: right center;
     padding: 0.5px 16px 5px;
}

.sf-treeview .noline-collapse {
     background-position: 0px -176px;
}

.sf-treeview .Sibling {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmz24OBmkUmBq8jJmxMtmhNu/v7O4wxvDy1SJsnW70lhbg==");
     height: 5px;
     position: absolute;
     width: 80px;
}

.sf-treeview .allowDrop {
     cursor: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwrcPS1FSK84b046lQNoJPs"), move ! important;
}

.sf-treeview.RTL .nodecheckbox {
     float: right;
}

.sf-treeview.RTL .noline ul {
     padding-left: 0px;
     padding-right: 16px;
}

.sf-uploadbox .sf_uploadinput {
     cursor: pointer;
     opacity: 0;
     position: absolute;
     right: 0px;
     top: 1px;
}

.sf-uploadbox .uploadform {
     display: table-cell;
     padding-left: 10px;
}

.sf-uploadbox .selectionpart {
     display: inline-block;
     overflow: hidden;
     position: relative;
     width: auto;
}

.sf-uploadbox .upload-button {
     margin-left: 10px;
}

.sf-uploadbox .upload-progress-status {
     height: 2px;
     position: absolute;
}

.sf-uploadbox .upload-progress {
     bottom: -2px;
     height: 3px;
     left: 5px;
     position: absolute;
     width: 125px;
}

.sf-uploadbox .syncfusion-upload-file {
     min-width: 120px;
     position: relative;
     vertical-align: middle;
}

.sf-uploadbox .file-list .file-size {
     border-style: solid solid solid none;
     border-width: 1px 1px 1px 0px;
     float: left;
     min-width: 100px;
     padding-left: 0px;
     padding-right: 0px;
}

.sf-uploadbox .file-list {
     display: inline-block;
     height: 30px;
     padding: 3px 5px;
     text-align: center;
     text-indent: 3px;
}

.sf-uploadbox .file-list .file-status {
     float: left;
     min-width: 77px;
     padding-right: 0px;
     padding-top: 10px;
     text-align: right;
}

.sf-uploadbox .file-list .file-percentage {
     float: left;
     padding-left: 0px;
     padding-right: 0px;
     padding-top: 10px;
     width: 40px;
}

.sf-uploadbox .file-name {
     display: block;
     height: 28px;
     text-align: left;
     width: 100%;
}

.sf-uploadbox .file-name-text {
     position: relative;
     top: 6px;
}

.sf-uploadbox .file-progress-bar {
     height: 5px;
     left: 0px;
     position: absolute;
     width: 100%;
}

.sf-uploadbox .file-list .file-action-cancel:hover, .sf-uploadbox .file-list .file-action-delete:hover, .sf-uploadbox .file-list .file-action-retry:hover {
     cursor: pointer;
}

.sf-uploadbox .file-list .file-action-cancel {
     background-position: -25px -262px;
}

.sf-uploadbox .file-list .file-action-delete {
     background-position: -159px -224px;
}

.sf-uploadbox .file-list .file-action-retry {
     background-position: -57px -258px;
}

.sf-uploadbox .file-list .file-percentage-success {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmx8u9sDXCNjGHLu6VFgGFfC1McTQrt8/b_oiNfbhcb0og==") no-repeat scroll -90px -257px transparent;
}

.sf-uploadbox .file-list .file-percentage-failed {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmx8u9sDXCNjGHLu6VFgGFfC1McTQrt8/b_oiNfbhcb0og==") no-repeat scroll -153px -258px transparent;
}

.sf-uploadbox .file-progress-status {
     height: 100%;
     left: 0px;
     position: absolute;
     top: 0px;
}

.sf-uploadbox .file-progress {
     float: left;
     min-width: 200px;
     position: relative;
}

.sf-uploadbox .file-progress {
     border: 1px solid;
}

.sf-uploadbox .file-action {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmx8u9sDXCNjGHLu6VFgGFfC1McTQrt8/b_oiNfbhcb0og==") no-repeat scroll 0% 0% transparent;
     border-style: solid solid solid none;
     border-width: 1px 1px 1px 0px;
     float: left;
     width: 16px;
}

.sf-uploadbox .upload-file-list {
     list-style: outside none none;
     padding: 3px;
}

.sf-uploadbox .upload-file-list * {
     box-sizing: content-box ! important;
}

.sf-uploadbox .upload-file-list > li {
     padding-top: 3px;
}

.sf-uploadbox .file-list > div {
     height: 100%;
     padding: 3px 5px;
}

.sf-multicolumn.sf-genericdropdown .GenericDropDownButton {
     background-position: center center;
     background-repeat: no-repeat;
     height: 100%;
     vertical-align: middle;
     width: 100%;
}

.sf-multicolumn.sf-genericdropdown .GenericDropDownButtonBase {
     display: table-cell;
}

.sf-multicolumn.sf-genericdropdown .reSizeColbg {
     z-index: 10002 ! important;
}

.sf-multicolumn.sf-genericdropdown .GenericDropDownTextBoxBase {
     display: table-cell;
     height: 19px;
}

.sf-multicolumn.sf-genericdropdown .GenericDropDownContainer {
     display: block;
}

.sf-multicolumn.sf-genericdropdown .GenericDropDownCoreContainer {
     display: block;
}

.sf-multicolumn.sf-genericdropdown .GenericDropDownTextBox {
     vertical-align: text-bottom;
}

.sf-multicolumn.sf-genericdropdown .GenericDropDownPopupPanel {
     overflow: hidden;
     position: absolute;
     z-index: 1000;
}

.sf-multicolumn.sf-genericdropdown .GenericDropDownPopupPanel[dir="rtl"] td.RowCell {
     text-align: right;
}

.sf-multicolumn.sf-genericdropdown .GenericDropDownPopupPanel[dir="rtl"] td.HeaderCell {
     float: right;
}

.sf-multicolumn.sf-genericdropdown .GenericDropDownPopupPanel[dir="rtl"] .Ascending, .GenericDropDownPopupPanel[dir="rtl"] .Descending {
     background-position: left -616px;
     padding: 0px 0px 0px 23px ! important;
}

.sf-multicolumn.sf-genericdropdown .GenericDropDownPopupPanel[dir="rtl"] .RowHeader {
     transform: rotate(180deg);
}

.sf-multicolumn.sf-genericdropdown .GenericDropDownPopupPanel .TblIE7 {
     width: 96.6% ! important;
}

.sf-jqueryui .ui-helper-hidden {
     display: none;
}

.sf-jqueryui .ui-helper-hidden-accessible {
     left: -1e+8px;
     position: absolute;
}

.sf-jqueryui .ui-helper-reset {
     border: 0px none;
     font-size: 100%;
     line-height: 1.3;
     list-style: outside none none;
     margin: 0px;
     outline: 0px none;
     padding: 0px;
     text-decoration: none;
}

.sf-jqueryui .ui-helper-clearfix:after {
     clear: both;
     content: ".";
     display: block;
     height: 0px;
     visibility: hidden;
}

.sf-jqueryui .ui-helper-clearfix {
     display: inline-block;
}

* html .ui-helper-clearfix {
     height: 1%;
}

.sf-jqueryui .ui-helper-clearfix {
     display: block;
}

.sf-jqueryui .ui-helper-zfix {
     height: 100%;
     left: 0px;
     opacity: 0;
     position: absolute;
     top: 0px;
     width: 100%;
}

.sf-jqueryui .ui-state-disabled {
     cursor: default ! important;
}

.sf-jqueryui .ui-icon {
     background-repeat: no-repeat;
     display: block;
     overflow: hidden;
     text-indent: -99999px;
}

.ui-widget-overlay {
     background-color: Gray;
     height: 100%;
     left: 0px;
     opacity: 0.4;
     position: absolute;
     top: 0px;
     width: 100%;
}

.sf-jqueryui .ui-corner-tl {
    
}

.sf-jqueryui .ui-corner-tr {
    
}

.sf-jqueryui .ui-corner-bl {
    
}

.sf-jqueryui .ui-corner-br {
    
}

.sf-jqueryui .ui-corner-top {
    
}

.sf-jqueryui .ui-corner-bottom {
    
}

.sf-jqueryui .ui-corner-right {
    
}

.sf-jqueryui .ui-corner-left {
    
}

.sf-jqueryui .ui-corner-all {
    
}

.sf-jqueryui .ui-accordion .ui-accordion-header {
     cursor: pointer;
     margin-top: 1px;
     position: relative;
}

.sf-jqueryui .ui-accordion .ui-accordion-li-fix {
     display: inline;
}

.sf-jqueryui .ui-accordion .ui-accordion-header-active {
     border-bottom: 0px none ! important;
}

.sf-jqueryui .ui-accordion .ui-accordion-header a {
     display: block;
     font-size: 1em;
     padding: 0.5em 0.5em 0.5em 2.2em;
}

.sf-jqueryui .ui-accordion .ui-accordion-header .ui-icon {
     left: 0.5em;
     margin-top: -8px;
     position: absolute;
     top: 50%;
}

.sf-jqueryui .ui-accordion .ui-accordion-content {
     border-top: 0px none;
     display: none;
     margin-bottom: 2px;
     margin-top: -2px;
     overflow: auto;
     padding: 1em 2.2em;
     position: relative;
     top: 1px;
}

.sf-jqueryui .ui-accordion .ui-accordion-content-active {
     display: block;
}

.sf-jqueryui .ui-datepicker {
     padding: 0.2em 0.2em 0px;
     width: 17em;
}

.sf-jqueryui .ui-datepicker .ui-datepicker-header {
     padding: 0.2em 0px;
     position: relative;
}

.sf-jqueryui .ui-datepicker .ui-datepicker-prev, .sf-jqueryui .ui-datepicker .ui-datepicker-next {
     height: 1.8em;
     position: absolute;
     top: 2px;
     width: 1.8em;
}

.sf-jqueryui .ui-datepicker .ui-datepicker-prev-hover, .sf-jqueryui .ui-datepicker .ui-datepicker-next-hover {
     top: 1px;
}

.sf-jqueryui .ui-datepicker .ui-datepicker-prev {
     left: 2px;
}

.sf-jqueryui .ui-datepicker .ui-datepicker-next {
     right: 2px;
}

.sf-jqueryui .ui-datepicker .ui-datepicker-prev-hover {
     left: 1px;
}

.sf-jqueryui .ui-datepicker .ui-datepicker-next-hover {
     right: 1px;
}

.sf-jqueryui .ui-datepicker .ui-datepicker-prev span, .sf-jqueryui .ui-datepicker .ui-datepicker-next span {
     display: block;
     left: 50%;
     margin-left: -8px;
     margin-top: -8px;
     position: absolute;
     top: 50%;
}

.sf-jqueryui .ui-datepicker .ui-datepicker-title {
     line-height: 1.8em;
     margin: 0px 2.3em;
     text-align: center;
}

.sf-jqueryui .ui-datepicker .ui-datepicker-title select {
     float: left;
     font-size: 11.7px;
     margin: 1px 0px;
}

.sf-jqueryui .ui-datepicker select.ui-datepicker-month-year {
     width: 100%;
}

.sf-jqueryui .ui-datepicker select.ui-datepicker-month, .sf-jqueryui .ui-datepicker select.ui-datepicker-year {
     width: 49%;
}

.sf-jqueryui .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
     float: right;
}

.sf-jqueryui .ui-datepicker table {
     border-collapse: collapse;
     border: medium none;
     font-size: 0.9em;
     margin: 0px 0px 0.4em;
     width: 100%;
}

.sf-jqueryui .ui-datepicker-inline table {
     border-collapse: collapse;
     border: medium none;
     font-size: 11.7px;
     margin: 0px 0px 0.4em;
     width: 100%;
}

.sf-jqueryui .ui-datepicker th {
     border: 0px none;
     font-weight: bold;
     padding: 0.7em 0.3em;
     text-align: center;
}

.sf-jqueryui .ui-datepicker td {
     border: 0px none;
     padding: 1px;
}

.sf-jqueryui .ui-datepicker td span, .sf-jqueryui .ui-datepicker td a {
     display: block;
     padding: 0.2em;
     text-align: right;
     text-decoration: none;
}

.sf-jqueryui .ui-datepicker .ui-datepicker-buttonpane {
     background-image: none;
     border-bottom: 0px none;
     border-left: 0px none;
     border-right: 0px none;
     margin: 0.7em 0px 0px;
     padding: 0px 0.2em;
}

.sf-jqueryui .ui-datepicker .ui-datepicker-buttonpane button {
     cursor: pointer;
     float: right;
     margin: 0.5em 0.2em 0.4em;
     overflow: visible;
     padding: 0.2em 0.6em 0.3em;
     width: auto;
}

.sf-jqueryui .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
     float: left;
}

.sf-jqueryui .ui-datepicker.ui-datepicker-multi {
     width: auto;
}

.sf-jqueryui .ui-datepicker-multi .ui-datepicker-group {
     float: left;
}

.sf-jqueryui .ui-datepicker-multi .ui-datepicker-group table {
     margin: 0px auto 0.4em;
     width: 95%;
}

.sf-jqueryui .ui-datepicker-multi-2 .ui-datepicker-group {
     width: 50%;
}

.sf-jqueryui .ui-datepicker-multi-3 .ui-datepicker-group {
     width: 33.3%;
}

.sf-jqueryui .ui-datepicker-multi-4 .ui-datepicker-group {
     width: 25%;
}

.sf-jqueryui .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
     border-left-width: 0px;
}

.sf-jqueryui .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
     border-left-width: 0px;
}

.sf-jqueryui .ui-datepicker-multi .ui-datepicker-buttonpane {
     clear: left;
}

.sf-jqueryui .ui-datepicker-row-break {
     clear: both;
     width: 100%;
}

.sf-jqueryui .ui-datepicker-rtl {
     direction: rtl;
}

.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-prev {
     left: auto;
     right: 2px;
}

.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-next {
     left: 2px;
     right: auto;
}

.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-prev:hover {
     left: auto;
     right: 1px;
}

.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-next:hover {
     left: 1px;
     right: auto;
}

.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-buttonpane {
     clear: right;
}

.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-buttonpane button {
     float: left;
}

.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
     float: right;
}

.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-group {
     float: right;
}

.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
     border-left-width: 1px;
     border-right-width: 0px;
}

.sf-jqueryui .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
     border-left-width: 1px;
     border-right-width: 0px;
}

.sf-jqueryui .ui-datepicker-cover {
     display: block;
     height: 200px;
     left: -4px;
     position: absolute;
     top: -4px;
     width: 200px;
     z-index: -1;
}

.sf-jqueryui .ui-dialog {
     clear: both;
     padding: 0.2em;
     position: relative;
     width: 300px;
}

.sf-jqueryui .ui-dialog .ui-dialog-titlebar {
     padding: 0.5em 0.3em 0.3em 1em;
     position: relative;
}

.sf-jqueryui .ui-dialog .ui-dialog-title {
     float: left;
     margin: 0.1em 0px 0.2em;
}

.sf-jqueryui .ui-dialog .ui-dialog-titlebar-close {
     height: 18px;
     margin: -10px 0px 0px;
     padding: 1px;
     position: absolute;
     right: 0.3em;
     top: 50%;
     width: 19px;
}

.sf-jqueryui .ui-dialog .ui-dialog-titlebar-close span {
     display: block;
     margin: 1px;
}

.sf-jqueryui .ui-dialog .ui-dialog-titlebar-close:hover, .sf-jqueryui .ui-dialog .ui-dialog-titlebar-close:focus {
     padding: 0px;
}

.sf-jqueryui .ui-dialog .ui-dialog-content {
     background: none repeat scroll 0% 0% transparent;
     border: 0px none;
     overflow: auto;
     padding: 0.5em 1em;
}

.sf-jqueryui .ui-dialog .ui-dialog-buttonpane {
     background-image: none;
     border-width: 1px 0px 0px;
     margin: 0.5em 0px 0px;
     padding: 0.3em 1em 0.5em 0.4em;
     text-align: left;
}

.sf-jqueryui .ui-dialog .ui-dialog-buttonpane button {
     cursor: pointer;
     float: right;
     line-height: 1.4em;
     margin: 0.5em 0.4em 0.5em 0px;
     overflow: visible;
     padding: 0.2em 0.6em 0.3em;
     width: auto;
}

.sf-jqueryui .ui-dialog .ui-resizable-se {
     bottom: 3px;
     height: 14px;
     right: 3px;
     width: 14px;
}

.sf-jqueryui .ui-draggable .ui-dialog-titlebar {
     cursor: move;
}

.sf-jqueryui .ui-progressbar {
     height: 2em;
     text-align: left;
}

.sf-jqueryui .ui-progressbar .ui-progressbar-value {
     height: 100%;
     margin: -1px;
}

.sf-jqueryui .ui-resizable {
     position: relative;
}

.sf-jqueryui .ui-resizable-handle {
     display: block;
     font-size: 0.1px;
     position: absolute;
     z-index: 99999;
}

.sf-jqueryui .ui-resizable-disabled .ui-resizable-handle, .sf-jqueryui .ui-resizable-autohide .ui-resizable-handle {
     display: none;
}

.sf-jqueryui .ui-resizable-n {
     cursor: n-resize;
     height: 7px;
     left: 0px;
     top: -5px;
     width: 100%;
}

.sf-jqueryui .ui-resizable-s {
     bottom: -5px;
     cursor: s-resize;
     height: 7px;
     left: 0px;
     width: 100%;
}

.sf-jqueryui .ui-resizable-e {
     cursor: e-resize;
     height: 100%;
     right: -5px;
     top: 0px;
     width: 7px;
}

.sf-jqueryui .ui-resizable-w {
     cursor: w-resize;
     height: 100%;
     left: -5px;
     top: 0px;
     width: 7px;
}

.sf-jqueryui .ui-resizable-se {
     bottom: 1px;
     cursor: se-resize;
     height: 12px;
     right: 1px;
     width: 12px;
}

.sf-jqueryui .ui-resizable-sw {
     bottom: -5px;
     cursor: sw-resize;
     height: 9px;
     left: -5px;
     width: 9px;
}

.sf-jqueryui .ui-resizable-nw {
     cursor: nw-resize;
     height: 9px;
     left: -5px;
     top: -5px;
     width: 9px;
}

.sf-jqueryui .ui-resizable-ne {
     cursor: ne-resize;
     height: 9px;
     right: -5px;
     top: -5px;
     width: 9px;
}

.sf-jqueryui .ui-slider {
     box-sizing: content-box ! important;
     position: relative;
     text-align: left;
}

.sf-jqueryui .ui-slider .ui-slider-handle {
     box-sizing: content-box ! important;
     cursor: default;
     height: 1.2em;
     position: absolute;
     width: 1.2em;
     z-index: 2;
}

.sf-jqueryui .ui-slider .ui-slider-range {
     border: 0px none;
     display: block;
     font-size: 0.7em;
     position: absolute;
     z-index: 1;
}

.sf-jqueryui .ui-slider-horizontal {
     height: 0.8em;
}

.sf-jqueryui .ui-slider-horizontal .ui-slider-handle {
     margin-left: -0.6em;
     top: -0.3em;
}

.sf-jqueryui .ui-slider-horizontal .ui-slider-range {
     height: 100%;
     top: 0px;
}

.sf-jqueryui .ui-slider-horizontal .ui-slider-range-min {
     left: 0px;
}

.sf-jqueryui .ui-slider-horizontal .ui-slider-range-max {
     right: 0px;
}

.sf-jqueryui .ui-slider-vertical {
     height: 100px;
     width: 0.8em;
}

.sf-jqueryui .ui-slider-vertical .ui-slider-handle {
     left: -0.3em;
     margin-bottom: -0.6em;
     margin-left: 0px;
}

.sf-jqueryui .ui-slider-vertical .ui-slider-range {
     left: 0px;
     width: 100%;
}

.sf-jqueryui .ui-slider-vertical .ui-slider-range-min {
     bottom: 0px;
}

.sf-jqueryui .ui-slider-vertical .ui-slider-range-max {
     top: 0px;
}

.sf-jqueryui .ui-tabs {
     padding: 0.2em;
     position: relative;
}

.sf-jqueryui .ui-tabs .ui-tabs-nav {
     border-bottom: 0px none;
     margin: 0px;
     padding: 0.2em 0.2em 0px;
}

.sf-jqueryui .ui-tabs .ui-tabs-nav li {
     border-bottom: 0px none ! important;
     float: left;
     list-style: outside none none;
     margin: 0px 0.2em 1px 0px;
     padding: 0px;
     position: relative;
     top: 1px;
     white-space: nowrap;
}

.sf-jqueryui .ui-tabs .ui-tabs-nav li a {
     float: left;
     padding: 0.5em 1em;
     text-decoration: none;
}

.sf-jqueryui .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
     margin-bottom: 0px;
     padding-bottom: 1px;
}

.sf-jqueryui .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
     cursor: text;
}

.sf-jqueryui .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
     cursor: pointer;
}

.sf-jqueryui .ui-tabs .ui-tabs-panel {
     background: none repeat scroll 0% 0% transparent;
     display: block;
     padding: 1em 1.4em;
}

.sf-jqueryui .ui-tabs .ui-tabs-hide {
     display: none ! important;
}

.Syncfusion-Grid-Core {
     border-collapse: collapse;
     border-style: solid;
     border-width: 1px;
     font-family: Segoe UI;
     font-size: 12px;
     height: auto;
     outline: 0px none;
}

.Syncfusion-Grid-Core .sf-grid-edit-buttons {
     margin-left: 20%;
}

.Syncfusion-Grid-Core .sf-grid-edit-buttons button:first-child {
     margin-right: 10px;
}

.Syncfusion-Grid-Core .GridContent .Table, .Syncfusion-Grid-Core .GridContent .Table > tbody > tr:first-child td.GroupCaption, .Syncfusion-Grid-Core .GridContent .Table > tbody > tr:first-child td.RecordPlusExpand, .Syncfusion-Grid-Core .GridContent .Table > tbody > tr:first-child td.MasterCellExpand, .Syncfusion-Grid-Core .GridContent .Table > tbody > tr:first-child td.RecordPlusCollapse, .Syncfusion-Grid-Core .GridContent .Table > tbody > tr:first-child td.MasterCellCollapse {
     border-style: none;
     border-width: 0px;
}

.Syncfusion-Grid-Core .GridContent .Table > tbody > tr:first-child td.EditCell .Table {
     border-top-style: none;
     border-top-width: 0px;
}

.Syncfusion-Grid-Core .GridContent .Table > tbody > tr:first-child td.RowCell, .Syncfusion-Grid-Core .GridContent .Table > tbody > tr:first-child td.EmptyCell {
     border-width: 0px 1px 0px 0px;
}

.Syncfusion-Grid-Core .RowCell.LastRowCell, .Syncfusion-Grid-Core .GridContent .Table > tbody > tr:first-child td.RowCell.LastRowCell {
     border-bottom-style: solid;
     border-bottom-width: 1px;
}

.Syncfusion-Grid-Core .RowCell.LastColumnCell, .Syncfusion-Grid-Core .GroupCaption {
     border-right-style: none;
     border-right-width: 0px;
}

.Syncfusion-Grid-Core .RowCell.DropColumnWidth {
     border-right-style: solid;
}

.Syncfusion-Grid-Core .HeaderCell, .Syncfusion-Grid-Core .TopLeftCell, .Syncfusion-Grid-Core .HeaderCellHover {
     border-style: none solid solid none;
     border-width: 0px 1px 1px 0px;
}

.Syncfusion-Grid-Core .AutoWrap .HeaderBar {
     height: 29px;
}

.Syncfusion-Grid-Core .CaptionRow, .Syncfusion-Grid-Core .GroupDropArea, .Syncfusion-Grid-Core .GroupTopLeftCell {
     border-style: none none solid;
     border-width: 0px 0px 1px;
}

.Syncfusion-Grid-Core .grid-icon {
     float: left;
}

.Syncfusion-Grid-Core .Table {
     border: 0px none;
     table-layout: fixed;
     width: 100%;
}

.Syncfusion-Grid-Core .HeaderIE7 th.GroupTopLeftCell, .Syncfusion-Grid-Core .HeaderIE7 th.HeaderCell, .Syncfusion-Grid-Core .HeaderIE7 th.HeaderCellHover {
     padding: 0.7em;
}

.Syncfusion-Grid-Core td.Merged {
     display: none;
}

.Syncfusion-Grid-Core .TblIE7 td.RowCell {
     padding: 0.5em;
     white-space: pre;
}

.Syncfusion-Grid-Core .TblIE7 td.EmptyCell {
     visibility: visible;
}

.Syncfusion-Grid-Core .TblIE7.AutoWrap td.RowCell {
     white-space: normal;
}

.Syncfusion-Grid-Core .TblIE7 {
     border-collapse: collapse;
}

.Syncfusion-Grid-Core .GridContent {
     outline: medium none;
     overflow: hidden;
}

.Syncfusion-Grid-Core .Cont-widthSettings {
     top: -17px;
}

.Syncfusion-Grid-Core .Cont-widthSettingsMoz {
     top: -21px;
}

.Syncfusion-Grid-Core .Hdr-widthSettings {
     overflow: hidden;
}

.Syncfusion-Grid-Core .ScrollOn {
     overflow-x: auto;
     overflow-y: scroll;
}

.Syncfusion-Grid-Core .HScrollOff {
     overflow-x: hidden;
}

.Syncfusion-Grid-Core .HScrollOffIE7 {
     overflow-x: hidden;
     padding-right: 17px;
}

.Syncfusion-Grid-Core .GroupDropArea {
     overflow: hidden;
     padding-bottom: 10px;
     padding-top: 10px;
     text-indent: 10pt;
     width: 100%;
}

.Syncfusion-Grid-Core .TopRightCell, .Syncfusion-Grid-Core th.MasterHeaderLeftCell {
     border-collapse: collapse;
     border-style: solid;
     border-width: 1px 1px 0px 0px;
     cursor: pointer;
     padding: 0px;
}

.Syncfusion-Grid-Core .TopLeftCell {
     border-collapse: collapse;
     cursor: pointer;
     padding: 0px;
}

.Syncfusion-Grid-Core th.MasterHeaderLeftCell {
     border-width: 0px 1px 1px 0px;
     cursor: default;
}

.Syncfusion-Grid-Core .GroupTopLeftCell {
     cursor: default;
}

.Syncfusion-Grid-Core .LastGroupTopLeftCell {
     border-style: none solid solid none;
     border-width: 0px 1px 1px 0px;
}

.Syncfusion-Grid-Core .TopRightCell {
     border-right: 0px none;
}

.Syncfusion-Grid-Core .CaptionRow {
     border-collapse: collapse;
     font-weight: normal;
     height: 25px;
     padding-top: 5px;
     text-indent: 15px;
}

.Syncfusion-Grid-Core .PagerCaptionRow {
     border-top-style: solid;
     border-top-width: 1px;
}

.Syncfusion-Grid-Core .PagerGroupDropArea {
     border-bottom-style: hidden;
     border-top-width: 1px;
}

.Syncfusion-Grid-Core .GroupCaption {
     border-collapse: collapse;
     border-style: solid none none;
     border-width: 1px;
     display: table-cell;
     font-weight: normal;
     padding-left: 0.7em;
     padding-right: 0.7em;
}

.Syncfusion-Grid-Core .IE7Hide {
     padding: 0px ! important;
     visibility: hidden;
}

.Syncfusion-Grid-Core .IE7WrapText {
     line-height: 0 ! important;
}

.Syncfusion-Grid-Core .IE7Hide.RowCell, .Syncfusion-Grid-Core .IE7Hide.HeaderCell, .Syncfusion-Grid-Core .IE7Hide.HeaderCellHover, .Syncfusion-Grid-Core .IE7Hide.RowHeader {
     border-style: none;
     border-width: 0px;
}

.Syncfusion-Grid-Core .HeaderCell, .Syncfusion-Grid-Core .HeaderCellHover {
     border-collapse: collapse;
     height: 29px;
     overflow: hidden;
     padding: 0px 0.5em;
     text-align: left;
     text-overflow: ellipsis;
     white-space: nowrap;
}

.Syncfusion-Grid-Core .HeaderCellDiv {
     border: 0px none;
     display: block;
     font-weight: normal;
     height: 29px;
     line-height: 29px;
     margin: -7px;
     overflow: hidden;
     padding: 0px 25px 0px 7px;
     text-align: left;
     white-space: nowrap;
}

.Syncfusion-Grid-Core .GroupHeaderCell, .Syncfusion-Grid-Core .GroupHeaderCell:hover, .Syncfusion-Grid-Core .GrpHdrUnboundColumn {
     border-collapse: collapse;
     border: 1px solid;
     cursor: pointer;
     display: inline-block;
     font-weight: normal;
     height: 17px;
     margin: 0px 3px;
     overflow: hidden;
     padding: 0.2em 0.7em 0.2em 0.4em;
}

.Syncfusion-Grid-Core .HeaderColumnSelectionCursor {
     cursor: move;
}

.Syncfusion-Grid-Core .HeaderRowSelectionCursor {
     cursor: move;
}

.Syncfusion-Grid-Core .SelectedHeaderCell {
     border-style: solid;
     border-width: 0px 1px 1px 0px;
     height: 29px;
     overflow: hidden;
     padding: 0px 0.5em;
     text-align: left;
}

.Syncfusion-Grid-Core .RowHeader {
     border-style: none solid none none;
     border-width: 1px;
     overflow: hidden;
     padding: 0px;
}

.Syncfusion-Grid-Core .TemplateCell {
     text-decoration: underline;
}

.Syncfusion-Grid-Core .SelectedRowHeaderCell {
     border-style: none solid hidden none;
     border-width: 1px;
     overflow: hidden;
     padding: 0px;
}

.Syncfusion-Grid-Core .RowCell, .Syncfusion-Grid-Core .EmptyCell, .Syncfusion-Grid-Core tr[class*="ChildRow"] > .ChildGrid {
     border-collapse: collapse;
     border-style: solid;
     border-width: 1px 1px 0px 0px;
     display: table-cell;
     line-height: 0.45em;
     overflow: hidden;
     padding: 0.7em;
     vertical-align: middle;
     white-space: nowrap;
     width: auto;
}

.Syncfusion-Grid-Core .AutoWrap .RowCell, .Syncfusion-Grid-Core .AutoWrap .HeaderCellDiv {
     line-height: normal;
     white-space: normal;
}

.Syncfusion-Grid-Core .AutoWrap .HeaderCellDiv {
     margin: -1px -7px;
}

.Syncfusion-Grid-Core .AutoWrap .RowCell {
     text-overflow: ellipsis;
}

.Syncfusion-Grid-Core .AutoWrap .HeaderCell, .Syncfusion-Grid-Core .AutoWrap .HeaderCellHover, .Syncfusion-Grid-Core .AutoWrap .HeaderCellDiv {
     height: auto;
     margin: 0px;
}

.Syncfusion-Grid-Core .BoolRowCell {
     padding-bottom: 0px;
     padding-left: 0px;
     padding-top: 0px;
}

.Syncfusion-Grid-Core tr[class*="ChildRow"] > .ChildGrid {
     border-style: none solid none none;
     border-width: 0px;
     line-height: 1.3em;
     padding: 5px;
}

.Syncfusion-Grid-Core .MasterCellIndent {
     border-width: 0px;
}

.Syncfusion-Grid-Core .IndentCell {
     border-collapse: collapse;
     border-style: solid;
     border-width: 0px 1px 0px 0px;
     display: table-cell;
     line-height: 0.3em;
     overflow: hidden;
     padding: 0.7em;
}

.Syncfusion-Grid-Core .Summary {
     border-style: solid;
     border-width: 1px 0px 0px;
     overflow: hidden;
     padding: 0.7em;
     white-space: nowrap;
}

.Syncfusion-Grid-Core .GridSummary {
     border-style: none;
     border-width: 1px;
}

.Syncfusion-Grid-Core .RecordPlusCollapse, .Syncfusion-Grid-Core .MasterCellCollapse {
     border-collapse: collapse;
     border-style: solid none none;
     border-width: 1px;
     cursor: pointer;
     display: table-cell;
     overflow: hidden;
     padding: 0px;
}

.Syncfusion-Grid-Core .RecordPlusExpand, .Syncfusion-Grid-Core .MasterCellExpand {
     border-collapse: collapse;
     border-style: solid none none;
     border-width: 1px;
     cursor: pointer;
     display: table-cell;
     overflow: hidden;
     padding: 0px;
     white-space: nowrap;
}

.Syncfusion-Grid-Core .Descending, .Syncfusion-Grid-Core .Ascending {
     padding-right: 20px;
}

.Syncfusion-Grid-Core .reSizeColbg {
     width: 1px;
     z-index: 1;
}

.Syncfusion-Grid-Core .GridPager {
     border-style: solid;
     border-width: 1px 0px 0px;
     display: inline-block;
     padding-bottom: 4px;
     padding-top: 5px;
     white-space: normal;
     width: 100%;
}

.Syncfusion-Grid-Core .GridPagerTop {
     border-bottom-style: solid;
     border-bottom-width: 1px;
     border-top-style: hidden;
}

.Syncfusion-Grid-Core .NumericItem:hover {
     cursor: pointer;
     padding: 1px 5px 2px;
}

.Syncfusion-Grid-Core .NumericItem:hover, .Syncfusion-Grid-Core .Spacing, .Syncfusion-Grid-Core .CurrentItem {
     border-radius: 5px;
     margin-left: 1px;
     margin-right: 1px;
     text-decoration: none;
}

.Syncfusion-Grid-Core .Spacing {
     padding: 1px 5px 2px;
}

.Syncfusion-Grid-Core .GridPager div, .Syncfusion-Grid-Core .GridPager a {
     -moz-user-select: none;
     display: inline;
}

.Syncfusion-Grid-Core .FirstPage, .Syncfusion-Grid-Core .PrevPage, .Syncfusion-Grid-Core .FirstPageDisabled, .Syncfusion-Grid-Core .PrevPageDisabled, .Syncfusion-Grid-Core .NextPage, .Syncfusion-Grid-Core .LastPage, .Syncfusion-Grid-Core .NextPageDisabled, .Syncfusion-Grid-Core .LastPageDisabled {
     margin-left: 10px;
     padding: 1px 8px 2px;
}

.Syncfusion-Grid-Core .GridPager .DisabledItem {
     display: inline-block;
     height: 10px;
}

.Syncfusion-Grid-Core .FirstPageDisabled, .Syncfusion-Grid-Core .PrevPageDisabled, .Syncfusion-Grid-Core .NextPageDisabled, .Syncfusion-Grid-Core .LastPageDisabled {
     opacity: 0.3;
}

.Syncfusion-Grid-Core .FirstPage:hover, .Syncfusion-Grid-Core .PrevPage:hover, .Syncfusion-Grid-Core .LastPage:hover, .Syncfusion-Grid-Core .NextPage:hover {
     cursor: pointer;
}

.Syncfusion-Grid-Core .GridPager a.NextPrevItemDisabled {
     display: none;
     margin-left: 1px;
     margin-right: 1px;
     padding-left: 5px;
     padding-right: 5px;
     text-decoration: none;
}

.Syncfusion-Grid-Core .CurrentItem {
     border-width: 1px;
     font-style: normal;
     font-variant: normal;
     font-weight: normal;
}

.Syncfusion-Grid-Core .MsgBar {
     padding-left: 25px;
     white-space: normal;
}

.Syncfusion-Grid-Core div.ParentMsgBar {
     display: inline-block;
     float: right;
     padding-right: 5px;
}

.Syncfusion-Grid-Core .ToolbarItems {
     margin-left: 25px;
     padding-right: 3px;
}

.Syncfusion-Grid-Core .ToolbarIcons {
     display: inline-block;
     line-height: 26px;
     margin: 0px;
     min-height: 26px;
     min-width: 26px;
     text-decoration: none;
     vertical-align: middle;
}

.Syncfusion-Grid-Core .EditCell {
     padding: 0px;
}

.Syncfusion-Grid-Core .EditCell form {
     margin-bottom: 0px;
}

.Syncfusion-Grid-Core .EditCell .Table {
     border-style: solid;
     border-width: 1px 0px 0px;
}

.Syncfusion-Grid-Core .EditForm .hasDatepicker, .Syncfusion-Grid-Core .EditCell input[type="text"] {
     padding-left: 0px;
     text-indent: 1px;
     width: 250px;
}

.Syncfusion-Grid-Core .EditCell input {
     font-family: Segoe UI;
     font-size: 12px;
}

.Syncfusion-Grid-Core input[id="SearchBox"] {
     vertical-align: middle;
}

.Syncfusion-Grid-Core .EditFormCaptionCell {
     display: table-cell;
     font-weight: normal;
     height: 25px;
     padding-left: 3px;
     padding-right: 3px;
}

.Syncfusion-Grid-Core .StringFilter, .Syncfusion-Grid-Core .DateFilter, .Syncfusion-Grid-Core .NumericFilter {
     height: 82px;
     margin: 5px;
     padding: 20px;
     width: 150px;
}

.Syncfusion-Grid-Core .CustomFilterDropDown {
     margin: 5px;
}

.ui-datepicker {
     z-index: 99999;
}

.Syncfusion-Grid-Core .EditForm {
     width: 100%;
}

.Syncfusion-Grid-Core.DialogEdit .EditForm {
     width: 100%;
}

.Syncfusion-Grid-Core.ExternalEdit .EditForm {
     height: 100%;
     width: 100%;
}

.Syncfusion-Grid-Core .EditForm p {
     clear: left;
     padding-left: 6%;
     padding-top: 5px;
}

.Syncfusion-Grid-Core .RecordCaption {
     float: left;
     font: bold 0.93em Segoe UI;
     padding-right: 25px;
     text-align: right;
     width: 100px;
}

.Syncfusion-Grid-Core .EditForm p input[type="button"] {
     margin-left: 10px;
     width: 100px;
}

.Syncfusion-Grid-Core .EditForm fieldset {
     border-style: none;
     border-width: 1px;
     margin: 0px;
     padding: 10px;
}

.Syncfusion-Grid-Core .EditForm fieldset > div {
     margin-top: 5px;
     padding-bottom: 5px;
     padding-top: 5px;
}

.Syncfusion-Grid-Core .EditForm legend {
     font-size: 24px;
     font-weight: normal;
     margin-top: 14px;
     padding: 0px 125px;
}

.Syncfusion-Grid-Core .EditForm fieldset > div > .RecordCaption, .Syncfusion-Grid-Core .EditForm fieldset > div > .RecordCaption + div {
     display: inline-block;
}

.Syncfusion-Grid-Core .EditCell .field-validation-error, .Syncfusion-Grid-Core .EditForm .field-validation-error, .Syncfusion-Grid-Core .RowCell .field-validation-error {
     font-weight: normal;
     position: absolute ! important;
     z-index: 99999;
}

.Syncfusion-Grid-Core .EditForm p input[type="button"] {
     margin-left: 25px;
     width: 100px;
}

.Syncfusion-Grid-Core .EditForm fieldset {
     padding: 10px;
}

.Syncfusion-Grid-Core .EditForm fieldset > div {
     margin-top: 5px;
     padding-bottom: 5px;
     padding-top: 5px;
}

.Syncfusion-Grid-Core .EditInlineForm {
     padding: 5px 0px;
}

.Syncfusion-Grid-Core .EditForm .hasDatepicker {
     width: 217px;
}

.Syncfusion-Grid-Core.DialogEdit .EditForm .hasDatepicker {
     width: auto;
}

.Syncfusion-Grid-Core.ExternalEdit .EditForm .hasDatepicker {
     width: auto;
}

.Syncfusion-Grid-Core .EditCell input[type="text"], .Syncfusion-Grid-Core .EditInlineForm input[type="text"] {
     width: 217px;
}

.Syncfusion-Grid-Core .EditForm p input[type="button"] {
     margin-left: 25px;
     width: 100px;
}

.Syncfusion-Grid-Core .EditForm fieldset {
     padding: 10px;
}

.Syncfusion-Grid-Core div[class*="-horizontal"] ul {
     display: inline-block;
     float: none;
}

.Syncfusion-Grid-Core div[class*="-horizontal"] li {
     margin: 1px 2px ! important;
     padding: 0px;
}

.Syncfusion-Grid-Core .Gridtoolbar .customToolItem {
     background: none repeat scroll 0% 0% transparent;
     border: medium none;
}

.Syncfusion-Grid-Core .DragElementtext {
     border-style: solid ! important;
     border-width: 1px ! important;
     cursor: default;
     font-family: Trebuchet MS;
     font-size: 9pt;
     padding-left: 10px;
}

ul[class*="sf-grid-"][class*="-menu"] .sf-choiceList {
     border-style: dotted;
     border-width: 1px;
     float: left;
     height: 147px;
     overflow: hidden;
     width: 186px;
}

.Syncfusion-Grid-Core .GridEditors {
     border-style: solid ! important;
     border-width: 1px ! important;
}

.Syncfusion-Grid-Core div[class*="sf"] .ui-slider .ui-slider-handle {
     height: 17px;
     width: 17px;
}

.Syncfusion-Grid-Core .sliderPagerContainer {
     line-height: 29px;
     position: relative;
     top: 5px;
}

.Syncfusion-Grid-Core .GridPager .manualPagerLabel {
     margin-left: 10px;
     margin-right: 10px;
}

.Syncfusion-Grid-Core .GridPager .gridPagerContainerRight {
     display: inline-block;
     float: right;
     text-align: right;
}

.Syncfusion-Grid-Core .GridPager .gridPagerContainer {
     display: inline-block;
}

.Syncfusion-Grid-Core .GridPager .NumericPager {
     margin-left: 10px;
}

.Syncfusion-Grid-Core .NextPage:hover, .Syncfusion-Grid-Core .LastPage:hover, .Syncfusion-Grid-Core .FirstPage:hover, .Syncfusion-Grid-Core .PrevPage:hover, .Syncfusion-Grid-Core .GridPager .RefreshPager:hover {
     border-radius: 5px;
     cursor: pointer;
     text-decoration: none;
}

.Syncfusion-Grid-Core div[class*="-horizontal"] .Toolbar_Separator {
     margin-top: 8px ! important;
}

.Syncfusion-Grid-Core .Syncfusion-Grid-FilterStatusBar, .Syncfusion-Grid-Core .Syncfusion-Grid-FilterStatusBarBottom {
     border-style: solid;
     display: none;
     height: 10px;
     padding-bottom: 4px;
     padding-top: 5px;
     position: absolute;
}

.Syncfusion-Grid-Core .Syncfusion-Grid-FilterStatusBar {
     border-width: 1px 1px 0px;
     margin-top: -20px;
}

.Syncfusion-Grid-Core .Syncfusion-Grid-FilterStatusBarBottom {
     border-width: 0px 1px 1px;
     margin-top: 1px;
}

.Syncfusion-Grid-Core .FilterBarCell input {
     border-style: solid;
     border-width: 1px;
     float: left;
     font-family: Segoe UI;
     font-size: 12px;
     margin-left: 7px;
     text-indent: 1px;
     width: 90%;
}

.Syncfusion-Grid-Core .FilterBarCell, .Syncfusion-Grid-Core .FilterBarCellDisabled {
     border-collapse: collapse;
     border-style: solid;
     border-width: 0px 1px 1px 0px;
     cursor: default;
     height: 27px;
     overflow: hidden;
     padding: 0px;
}

.Syncfusion-Grid-FilterStatusBar .MsgDiv, .Syncfusion-Grid-FilterStatusBarBottom .MsgDiv {
     margin-left: 5px;
     margin-top: -3px;
     position: absolute;
}

.Syncfusion-Grid-Core .RowCell.BulkEditCell input {
     border-width: 0px;
     height: 100%;
     margin-left: 2px;
     padding: 0px;
     text-indent: 5px;
     width: 90%;
}

.Syncfusion-Grid-Core .RowCell.BulkEditCell {
     padding: 0px;
}

.Syncfusion-Grid-Core .RowCell.BulkEditCell .GridEditors {
     border-width: 0px ! important;
}

.Syncfusion-Grid-Core .RowCell.BulkEditCell .GridEditors input, .Syncfusion-Grid-Core .RowCell.BulkEditCell .GridEditors .button {
     height: 18px;
     margin-top: 1px;
}

.Syncfusion-Grid-Core .RowCell.BulkEditCell select {
     height: 18px;
     margin-left: 2px;
     width: 90%;
}

.Syncfusion-Grid-Core .RowCell.BulkEditCell input[type="checkbox"], .Syncfusion-Grid-Core .BoolRowCell input[type="checkbox"] {
     height: auto;
     margin-left: 0.7em;
     width: auto;
}

.Syncfusion-Grid-Core .EnableRowHover tbody > tr:hover > .RowHeader {
     border-style: none solid none none;
     border-width: 0px 1px 0px 0px;
     overflow: hidden;
     padding: 0px;
}

.Syncfusion-Grid-Core .ef-Container {
     border-spacing: 0px;
     cursor: default;
     display: table;
     min-width: 420px;
     position: relative;
}

.ef-wrapper {
     border: 1px solid;
     overflow: hidden;
     position: absolute;
     visibility: hidden;
     z-index: 100;
}

.Syncfusion-Grid-Core .ef-shadow {
     box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.345);
}

.Syncfusion-Grid-Core .ExternalForm-Header {
     font-size: 8pt;
     font-weight: normal;
     padding: 7px 0px 12px 12px;
}

.Syncfusion-Grid-Core .ef-headerText {
     float: left;
     margin-top: 2px;
     white-space: nowrap;
}

.Syncfusion-Grid-Core .ef-contentWrapper {
     border-spacing: 0px;
     box-sizing: border-box;
     display: block;
     overflow: auto;
     width: 100%;
}

.Syncfusion-Grid-Core .ef-clear {
     clear: both;
     display: block;
     font-size: 0px;
     height: 0px;
     line-height: 0;
     overflow: hidden;
     visibility: hidden;
     width: 0px;
}

.Syncfusion-Grid-Core *, .Syncfusion-Grid-Core *:after, .Syncfusion-Grid-Core *:before {
     box-sizing: content-box ! important;
}

.Syncfusion-Grid-Core .UnboundCell {
     float: left;
     line-height: 1.3em;
     margin: 0px 0.2em;
     min-height: 15px;
     min-width: 15px;
     padding: 5px 10px;
     text-decoration: underline;
}

.Syncfusion-Grid-Core .UnboundButton {
     border-radius: 5px;
     border: 1px solid;
     box-shadow: 0px 0px 6px #ffffff inset;
     min-width: 25px;
     text-decoration: none;
}

.Syncfusion-Grid-Core legend {
     font-weight: normal;
     padding: 0px 8px;
}

.Syncfusion-Grid-Core fieldset {
     border-style: solid;
     border-width: 1px;
     margin: 10px 0px;
     padding: 5px 8px 8px;
}

.Syncfusion-Grid-Core .GridHeader, .Syncfusion-Grid-Core .ExternalForm-Header {
     background-attachment: scroll;
     background-position: 0px 0px;
     background-repeat: repeat-x;
     overflow-x: hidden;
     position: relative;
}

.Syncfusion-Grid-Core.cloneProperties {
     background-attachment: scroll;
     background-position: 0px 0px;
     background-repeat: repeat-x;
     border-style: solid;
     padding: 5px;
     text-align: left;
     vertical-align: middle;
}

.Syncfusion-Grid-Core .GroupHeaderCell {
     background-position: 0px 0px;
}

.Syncfusion-Grid-Core .RecordPlusExpand > div, .Syncfusion-Grid-Core .MasterCellExpand > div {
     background-attachment: scroll;
     background-position: -207px -210px;
     background-repeat: no-repeat;
     height: 19px;
     padding: 0px;
     vertical-align: middle;
     width: 23px;
}

.Syncfusion-Grid-Core .RecordPlusCollapse > div, .Syncfusion-Grid-Core .MasterCellCollapse > div {
     background-attachment: scroll;
     background-position: -191px -207px;
     background-repeat: no-repeat;
     height: 19px;
     padding: 0px;
     vertical-align: middle;
     width: 23px;
}

.Syncfusion-Grid-Core .Ascending {
     background-attachment: scroll;
     background-position: 0px -778px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .Descending {
     background-attachment: scroll;
     background-position: 0px -802px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .FirstPage, .Syncfusion-Grid-Core .FirstPageDisabled {
     background-attachment: scroll;
     background-position: -2px -681px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .PrevPage, .Syncfusion-Grid-Core .PrevPageDisabled {
     background-attachment: scroll;
     background-position: 0px -728px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .NextPage, .Syncfusion-Grid-Core .NextPageDisabled {
     background-attachment: scroll;
     background-position: 0px -754px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .LastPage, .Syncfusion-Grid-Core .LastPageDisabled {
     background-attachment: scroll;
     background-position: -1px -707px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .GridPager .NumericItem {
     display: inline-block;
}

.ColumnDropIndicator {
     background-attachment: scroll;
     background-position: -5px -609px;
     background-repeat: no-repeat;
     height: 35px;
     width: 13px;
}

.Syncfusion-Grid-Core .AddNewItem {
     background-attachment: scroll;
     background-position: 4px -14px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .EditItem {
     background-attachment: scroll;
     background-position: 4px -84px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .ExcelItem {
     background-attachment: scroll;
     background-position: 4px -155px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .WordItem {
     background-attachment: scroll;
     background-position: 4px -568px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .PdfItem {
     background-attachment: scroll;
     background-position: 4px -532px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .DeleteItem {
     background-attachment: scroll;
     background-position: 4px -119px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .SaveItem {
     background-attachment: scroll;
     background-position: 4px -253px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .Cancel {
     background-attachment: scroll;
     background-position: 4px -218px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .FilterIcon {
     background-attachment: scroll;
     background-position: -3px -192px;
     background-repeat: no-repeat;
     display: inline-block;
     float: right;
     height: 10px;
     margin: -14px -4px -3px 3px;
     padding: 3px 2px;
     position: relative;
     width: 10px;
}

.Syncfusion-Grid-Core .AutoWrap .FilterIcon {
     margin: -14px -4px -7px 3px;
}

.Syncfusion-Grid-Core .FilterIconTick {
     background-attachment: scroll;
     background-position: -2px -324px;
     background-repeat: no-repeat;
     float: right;
     height: 10px;
     margin: -14px -4px -3px 3px;
     padding: 3px 2px;
     position: relative;
     width: 10px;
}

.Syncfusion-Grid-Core .FilterCellHover {
     background-attachment: scroll;
     background-position: 0px -244px;
     background-repeat: no-repeat;
     float: right;
     height: 10px;
     padding: 7px 7px 0px 0px;
     width: 10px;
}

.Syncfusion-Grid-Core div[class*="sf"] .ui-state-default, .Syncfusion-Grid-Core div[class*="sf"] .ui-widget-content .ui-state-default {
     background-position: 0px -438px;
     border: 0px none;
}

.Syncfusion-Grid-Core div[class*="sf"] .ui-slider .ui-state-hover {
     background-position: 0px -474px;
}

.Syncfusion-Grid-Core div[class*="sf"] .ui-slider-horizontal .ui-slider-handle {
     top: -0.5em;
}

.Syncfusion-Grid-Core div[class*="sf"] .ui-slider .ui-slider-range {
     background-position: 0px -512px;
     background-repeat: repeat-x;
     border: medium none;
}

.Syncfusion-Grid-Core div[class*="sf"] .ui-widget-content {
     background-position: 0px -412px;
     background-repeat: repeat-x ! important;
     border: 0px none;
     display: inline-block;
     height: 8px;
}

div[class*="Syncfusion-Grid-"][class*="-Tooltip"] {
     border: medium none;
     min-width: 13px;
     position: absolute;
     top: -20px;
}

div[class*="Syncfusion-Grid-"][class*="-Tooltip"] .tooltipTopDiv {
     background-repeat: repeat-x;
     border: medium none;
     display: block;
     font-size: 10px;
     min-width: 13px;
     padding: 0px 1px;
     text-align: center;
}

div[class*="Syncfusion-Grid-"][class*="-Tooltip"] .tooltipBottomDiv {
     background-position: -174px -24px;
     background-repeat: no-repeat;
     display: block;
     height: 6px;
     position: absolute;
}

.Syncfusion-Grid-Core .GridPager .RefreshPager {
     background-position: -1px -53px;
     border-radius: 5px;
     height: 18px;
     margin-left: 10px;
     margin-right: 10px;
     margin-top: -2px;
     vertical-align: middle;
     width: 18px;
}

.Syncfusion-Grid-Core .RowCell.updatedCell {
     background-position: -7px -832px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .EnableRowHover tbody > tr:hover > .RowHeader div, .Syncfusion-Grid-Core .HeaderIcon {
     background-attachment: scroll;
     background-position: 0px -160px;
     background-repeat: no-repeat;
     width: 20px;
}

.Syncfusion-Grid-Marble .ef-toggle {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==");
     border: 1px solid #f0f0f0;
     float: right;
     height: 18px;
     margin-right: 5px;
     width: 18px;
}

.Syncfusion-Grid-Marble .ef-toggle:hover {
     background-color: #f2f2f2;
     border-color: #989898;
}

.Syncfusion-Grid-Marble .ef-toggle.topright {
     background-position: -128px -143px;
}

.Syncfusion-Grid-Marble .ef-toggle.bottomleft {
     background-position: -128px -143px;
     transform: rotate(90deg);
}

.Syncfusion-Grid-Core .efheader-style {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwWbmx7e_SGQFiPolrXtzVA0B_g2FFYju/7bvFmljdUqA==") repeat-x scroll left top transparent;
}

.Syncfusion-Grid-Core .ExternalForm {
     background-color: #d8d8d8;
     padding: 0.5em 1em;
}

.Syncfusion-Grid-Core .ImageOnly {
     background-position: center center;
     background-repeat: no-repeat;
     min-width: 20px ! important;
}

.Syncfusion-Grid-Core .ImagePlusText {
     background-position: left center;
     background-repeat: no-repeat;
     text-indent: 10px;
}

.Syncfusion-Grid-Core .sf-toolbar.Marble-horizontal {
     height: 32px;
     width: 100%;
}

ul.Marble-context {
     z-index: 1000;
}

.Syncfusion-Grid-Core .Search {
     background-attachment: scroll;
     background-color: transparent;
     background-position: 4px -349px;
     background-repeat: no-repeat;
}

ul[class*="sf-grid-"][class*="-menu"] .DropDownFilterEl:hover {
     background-color: Transparent;
     background-image: none;
     border: 1px solid transparent;
}

.sf-sp-Hhandle:hover, .sf-sp-Vhandle:hover {
     background-color: #f2f2f2;
}

ul[class*="sf-grid-"][class*="-menu"] .ClearFilterSideImg {
     background-attachment: scroll;
     background-position: -2px -292px;
     background-repeat: no-repeat;
     float: left;
     height: 17px;
     margin: 2px;
     position: absolute;
     width: 1.5em;
}

.reSizeColbg {
     width: 1px;
     z-index: 2;
}

.ui-selectable-helper {
     border-style: solid ! important;
     border-width: 1px ! important;
     opacity: 0.4;
}

.ui-selectable-helper {
     opacity: 0.4;
     position: absolute;
     z-index: 100;
}

.DragTable {
     border-style: groove;
     border-width: 1px;
}

.DropAllowCursor {
     cursor: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwrcPS1FSK84b046lQNoJPs"), move ! important;
}

ul[class*="sf-grid-"][class*="-menu"] .sf-choiceList label.NoMatch {
     margin-left: 2px;
}

.sf-grid-marble-menu .sf-choiceList .sf-sp-vback {
     width: 11px;
}

.sf-grid-marble-menu .sf-choiceList .DropDownFilters {
     height: auto;
}

ul[class*="sf-grid-"][class*="-menu"] .Search-Choice-wrapper {
     border-style: solid;
     border-width: 1px;
     display: block;
     float: left;
     margin-bottom: 5px;
     width: 186px;
}

ul[class*="sf-grid-"][class*="-menu"] .button-wrapper, ul[class*="sf-grid-"][class*="-menu"] .button-wrapper:hover {
     background-attachment: scroll;
     background-position: 0px 0px;
     background-repeat: repeat-x;
     border-style: solid;
     border-width: 0px 0px 0px 1px;
     display: block;
     float: right;
     height: 20px;
     width: 11%;
}

ul[class*="sf-grid-"][class*="-menu"] .button-wrapper:hover {
     background-attachment: scroll;
     background-position: 0px -48px;
     background-repeat: repeat-x;
}

ul[class*="sf-grid-"][class*="-menu"] .searchButton {
     background-attachment: scroll;
     background-position: 1px -352px;
     background-repeat: no-repeat;
}

ul[class*="sf-grid-"][class*="-menu"] .closeButton {
     background-attachment: scroll;
     background-position: 1px -380px;
     background-repeat: no-repeat;
}

ul[class*="sf-grid-"][class*="-menu"] .search-wrapper, ul[class*="sf-grid-"][class*="-menu"] .search-wrapper:hover {
     background-image: none;
     border-left-width: 0px;
}

ul[class*="sf-grid-"][class*="-menu"] .Search-Choice-wrapper input {
     border: 1px none;
     float: left;
     height: 20px;
     padding: 0px;
     text-indent: 2px;
     width: 88%;
}

ul[class*="sf-grid-"][class*="-menu"] .DropDownFilterEl, ul[class*="sf-grid-"][class*="-menu"] .DropDownFilterEl:hover {
     margin-top: 6px;
}

ul[class*="sf-grid-"][class*="-menu"] .FilterDiv {
     float: right;
     padding: 0px 5px 0px 0px;
}

ul[class*="sf-grid-"][class*="-menu"] .FilterDiv button {
     border-radius: 5px;
     margin: 15px 5px 0px 10px;
}

.sf-grid-marble-menu .sf-warningmsg {
     display: block;
     float: left;
}

ul[class*="sf-grid-"][class*="-menu"] a {
     font-family: segoe UI;
}

.sfmatch-options input[type="checkbox"] {
     margin-left: 10px;
}

ul[name="syncfusion-grid"] li > div.sortbyasc {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -72px transparent;
}

ul[name="syncfusion-grid"][class*="blend"] li > div.sortbyasc, ul[name="syncfusion-grid"][class*="midnight"] li > div.sortbyasc {
     background-position: 0px -36px;
}

ul[name="syncfusion-grid"] > li > div.sortbydesc {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -701px transparent;
}

ul[name="syncfusion-grid"][class*="blend"] li > div.sortbydesc, ul[name="syncfusion-grid"][class*="midnight"] li > div.sortbydesc {
     background-position: 0px -275px;
}

ul[name="syncfusion-grid"] > li > div.groupby {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -419px transparent;
}

ul[name="syncfusion-grid"] > li > div.deleterecord {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -311px transparent;
}

ul[name="syncfusion-grid"] > li > div.clearsorting {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -241px transparent;
}

ul[name="syncfusion-grid"][class*="blend"] li > div.clearsorting, ul[name="syncfusion-grid"][class*="midnight"] li > div.clearsorting {
     background-position: 0px -143px;
}

ul[name="syncfusion-grid"] > li > div.cleargrouping {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -211px transparent;
}

ul[name="syncfusion-grid"] > li > div.clearfilter {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -179px transparent;
}

ul[name="syncfusion-grid"] > li > div.addrecord {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px 0px transparent;
}

ul[name="syncfusion-grid"] > li > div.editrecord {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -347px transparent;
}

ul[name="syncfusion-grid"] > li > div.visiblecolumns {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -665px transparent;
}

ul[name="syncfusion-grid"] > li > div.save {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -629px transparent;
}

ul[name="syncfusion-grid"] > li > div.cancel {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -107px transparent;
}

ul[name="syncfusion-grid"] > li > div.hidecolumn {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -449px transparent;
}

ul[name="syncfusion-grid"] > li > div.nextpage {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -521px transparent;
}

ul[name="syncfusion-grid"] > li > div.previouspage {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -557px transparent;
}

ul[name="syncfusion-grid"] > li > div.firstpage {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -383px transparent;
}

ul[name="syncfusion-grid"] > li > div.lastpage {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -485px transparent;
}

ul[name="syncfusion-grid"] > li > div.refreshpager {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -593px transparent;
}

ul[name="syncfusion-grid"] > li > div {
     height: 16px;
     margin-left: 7px;
     margin-top: 2px;
     width: 16px;
}

ul[name="syncfusion-grid"] > li > a + ul > li > div.visiblecolumns {
     background-image: none ! important;
}

ul[name="syncfusion-grid"] li > div > input {
     margin: 0px;
     padding: 0px;
}

ul[name="syncfusion-grid"] li {
     height: 21px;
}

ul[name="syncfusion-grid"] li > a {
     font-family: Verdana;
     font-weight: lighter;
     padding: 0px 0px 0px 3.5em ! important;
}

.Marble .sf-sp-tr {
     background-position: 2px -169px;
}

.Marble .sf-sp-vwrapper, .Marble .sf-sp-hwrapper {
     background-color: #e4e4e4;
}

.Syncfusion-Grid-Marble {
     border-color: #989898;
     color: black;
}

.Syncfusion-Grid-Marble .GridContent .Table {
     border-bottom-color: #d7d7d7;
     border-top-color: #d7d7d7;
}

.Syncfusion-Grid-Marble .GridContent {
     background-color: white;
}

.Syncfusion-Grid-Marble .Gridtoolbar {
     border-top-color: #d7d7d7 ! important;
}

.Syncfusion-Grid-Marble .GroupDropArea {
     background-color: #d6d7d6;
     border-color: #989898;
}

.Syncfusion-Grid-Marble.cloneProperties {
     background-color: #d6d7d6;
     border-color: #d7d7d7;
     color: black;
}

.Syncfusion-Grid-Marble th.MasterHeaderLeftCell {
     border-color: #d7d7d7;
}

.Syncfusion-Grid-Marble .CaptionRow {
     background-color: #e2e2e2;
}

.Syncfusion-Grid-Marble .HeaderCell, .Syncfusion-Grid-Marble .GroupTopLeftCell, .Syncfusion-Grid-Marble .TopLeftCell, .Syncfusion-Grid-Marble .CaptionRow, .Syncfusion-Grid-Marble .HeaderCellHover {
     border-color: #d7d7d7;
}

.Syncfusion-Grid-Core .sf-toolbar.Marble-horizontal {
     border-color: #d7d7d7;
     border-style: solid;
     border-width: 0px 0px 1px;
}

.Marble .sf-sp-tr {
     border-color: #d7d7d7;
     border-top: 1px solid #d7d7d7;
}

.Syncfusion-Grid-Marble .PagerCaptionRow {
     border-top-color: #d7d7d7;
}

.Syncfusion-Grid-Marble .PagerGroupDropArea {
     background-color: #e2e2e2;
     border-top-color: #d7d7d7;
}

.Syncfusion-Grid-Marble .GroupCaption {
     background-color: #eaeaea;
     border-color: #d7d7d7;
}

.Syncfusion-Grid-Marble .HeaderCellHover, .Syncfusion-Grid-Marble .GroupHeaderCell:hover {
     color: black;
}

.Syncfusion-Grid-Marble .GroupHeaderCell, .Syncfusion-Grid-Marble .GroupHeaderCell:hover, .Syncfusion-Grid-Marble .GrpHdrUnboundColumn {
     border-color: #bfbfbf;
}

.Syncfusion-Grid-Marble .GroupHeaderCell {
     border-color: #989898;
     color: black;
}

.Syncfusion-Grid-Marble .SelectedHeaderCell {
     border-color: #d7d7d7;
     color: black;
}

.Syncfusion-Grid-Marble .RowHeader {
     background-color: #e4e4e4;
     border-color: #d7d7d7;
}

.Syncfusion-Grid-Marble .TemplateCell {
     color: #81c909;
}

.Syncfusion-Grid-Marble .UnboundCell {
     border-color: #d7d7d7;
}

.Syncfusion-Grid-Marble .SelectedRowHeaderCell, Syncfusion-Grid-Marble .UnboundButton {
     background-color: #e4e4e4;
     border-color: #d7d7d7;
}

.Syncfusion-Grid-Marble .RowCell, .Syncfusion-Grid-Marble .EmptyCell, .Syncfusion-Grid-Marble tr[class*="ChildRow"] > .ChildGrid {
     border-color: #d7d7d7;
}

.Syncfusion-Grid-Marble .Alt_Row {
     background-color: #ededed;
}

.Syncfusion-Grid-Marble .IndentCell {
     background-color: #eaeaea;
     border-color: #d7d7d7;
}

.Syncfusion-Grid-Marble .Summary {
     background-color: #e5e5e5;
     border-color: #d7d7d7;
     color: black;
}

.Syncfusion-Grid-Marble .GridSummary {
     border: 1px none #d7d7d7;
}

.Syncfusion-Grid-Marble .RecordPlusCollapse, .Syncfusion-Grid-Marble .RecordPlusExpand {
     background-color: #eaeaea;
     border-color: #d7d7d7;
}

.Syncfusion-Grid-Marble .MasterCellCollapse, .Syncfusion-Grid-Marble .MasterCellExpand {
     border-color: #d7d7d7;
}

.Syncfusion-Grid-Marble .RecordPlusExpand > div, .Syncfusion-Grid-Marble .MasterCellExpand > div {
     background-color: #eaeaea;
}

.Syncfusion-Grid-Marble .PlusMinusSelection {
     background-color: #fcc467;
}

.Syncfusion-Grid-Marble .reSizeColbg {
     background-color: #989898;
}

.Syncfusion-Grid-Marble .SelectedColumn {
     background-color: #cccccc;
     color: black;
}

.Syncfusion-Grid-Marble .SelectionBackground {
     background-color: #cccccc;
     color: black;
}

.Syncfusion-Grid-Marble .CurrentCell {
     background-color: #f4f5f5;
     color: black;
}

.Syncfusion-Grid-Marble .GridPager {
     background-color: #cbcbcb;
     border-color: #989898;
}

.Syncfusion-Grid-Marble .GridPager, .Syncfusion-Grid-Marble .GridPager .NumericItem, .Syncfusion-Grid-Marble .Spacing, .Syncfusion-Grid-Marble .CaptionRow, .Syncfusion-Grid-Marble .GroupDropArea {
     color: black;
}

.Syncfusion-Grid-Marble .NumericItem-hover {
     background-color: #f2f2f2;
     color: black;
}

ul.Marble ul li a span.arrows, ul.Marble-context span.arrows, ul.Marble-vertical span.arrows {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==") no-repeat scroll -100px -208px rgba(0, 0, 0, 0) ! important;
}

.Syncfusion-Grid-Marble .PrevPageDisabled, .Syncfusion-Grid-Marble .PrevPage, .Syncfusion-Grid-Marble .NextPage, .Syncfusion-Grid-Marble .NextPageDisabled, .Syncfusion-Grid-Marble .Descending, .Syncfusion-Grid-Marble .Ascending {
     background-color: transparent;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Btqj8T2cQ/wzUGvsVlyJejUxxNCu3z9v6iI19uFxvSi");
}

.Syncfusion-Grid-Marble .RecordPlusCollapse > div, .Syncfusion-Grid-Marble .MasterCellCollapse > div, .Syncfusion-Grid-Marble .EnableRowHover tbody > tr:hover > .RowHeader div, .Syncfusion-Grid-Marble .HeaderIcon {
     background-color: transparent;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==");
}

.Syncfusion-Grid-Marble .HeaderCellHover, .sf-grid-marble-menu .button-wrapper, .sf-grid-marble-menu .button-wrapper:hover, .Syncfusion-Grid-Marble .FilterCellHover, .Syncfusion-Grid-Marble .GroupHeaderCell:hover {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5PtvA2HZYXoSSNkumhwOHykj5MPDEkZPeQ==") repeat-x scroll center bottom #ede9e9;
}

.sf-grid-marble-menu .sf-choiceList, .sf-grid-marble-menu .Disable_MenuItem a:hover {
     color: #000000 ! important;
}

.Syncfusion-Grid-Marble .UnboundButton:hover {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5PtvA2HZYXoSSNkumhwOHykj5MPDEkZPeQ==");
}

.Syncfusion-Grid-Marble .AddNewItem, .Syncfusion-Grid-Marble .EditItem, .Syncfusion-Grid-Marble .ExcelItem, .Syncfusion-Grid-Marble .WordItem, .Syncfusion-Grid-Marble .PdfItem, .Syncfusion-Grid-Marble .DeleteItem, .Syncfusion-Grid-Marble .SaveItem, .Syncfusion-Grid-Marble .Cancel, .Syncfusion-Grid-Marble .FirstPage, .Syncfusion-Grid-Marble .LastPage, .Syncfusion-Grid-Marble .FirstPageDisabled, .Syncfusion-Grid-Marble .LastPageDisabled, .Syncfusion-Grid-Marble .GridPager .RefreshPager, .Syncfusion-Grid-Marble .Search, .Syncfusion-Grid-Marble .FilterIcon, .Syncfusion-Grid-Marble .FilterIconTick, .sf-grid-marble-menu .ClearFilterSideImg, .sf-grid-marble-menu .searchButton, .sf-grid-marble-menu .closeButton, .ColumnDropIndicator {
     background-color: transparent;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Btqj8T2cQ/wzUGvsVlyJejUxxNCu3z9v6iI19uFxvSi");
}

.Syncfusion-Grid-Core .RowCell.updatedCell {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Btqj8T2cQ/wzUGvsVlyJejUxxNCu3z9v6iI19uFxvSi");
}

.Syncfusion-Grid-Marble .sliderContainer .ui-slider, .Syncfusion-Grid-Marble .sliderContainer .ui-slider .ui-slider-range, .Syncfusion-Grid-Marble .sliderContainer .ui-slider-horizontal .ui-slider-handle, .Syncfusion-Grid-Marble .ui-slider .ui-state-hover {
     background-color: rgba(0, 0, 0, 0) ! important;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Btqj8T2cQ/wzUGvsVlyJejUxxNCu3z9v6iI19uFxvSi") ! important;
}

.Syncfusion-Grid-Marble .HeaderCell, .Syncfusion-Grid-Marble .grid-icon, .Syncfusion-Grid-Marble .GroupTopLeftCell, .Syncfusion-Grid-Marble .TopRightCell, .Syncfusion-Grid-Marble th.MasterHeaderLeftCell, .Syncfusion-Grid-Marble .TopLeftCell, .Syncfusion-Grid-Marble.cloneProperties, .Syncfusion-Grid-Marble .ExternalForm-Header, .Syncfusion-Grid-Marble .ToggleContainer {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5BfpwmqWuAuBJfFld8UT30PQH6DYUViO7/tu8WaWN1So") repeat-x scroll center bottom lightgray;
}

.Syncfusion-Grid-Marble .GridHeader {
     background-color: lightgray;
     color: black;
}

.Syncfusion-Grid-Marble .ef-headerText {
     color: black;
}

.Syncfusion-Grid-Marble .Hdr-widthSettings {
     border-color: #d7d7d7;
}

.Syncfusion-Grid-Marble .CurrentItem, .Syncfusion-Grid-Marble .CurrentItem:hover {
     background-color: #f4f5f5;
     border-color: #d7d7d7;
     color: #000000 ! important;
}

.Syncfusion-Grid-Marble .ToolbarItems {
     color: black;
}

.Syncfusion-Grid-Marble .EditFormCaptionCell {
     color: #231f20;
}

.Syncfusion-Grid-Marble .StringFilter, .Syncfusion-Grid-Marble .DateFilter, .Syncfusion-Grid-Marble .NumericFilter {
     background-color: #bfdbff;
     border-color: #6593cf;
}

.Syncfusion-Grid-Marble .EditForm {
     background-color: #d8d8d8;
}

.Syncfusion-Grid-Marble .RecordCaption {
     color: black;
}

.Syncfusion-Grid-Marble .EditForm legend {
     color: black;
}

.Syncfusion-Grid-Marble .EditCell .field-validation-error, .Syncfusion-Grid-Marble .EditForm .field-validation-error {
     color: red;
}

.Syncfusion-Grid-Marble .EditCell {
     border-color: #d7d7d7;
}

.Syncfusion-Grid-Marble .EditForm fieldset {
     border-color: #989898;
}

.Syncfusion-Grid-Marble .Gridtoolbar .customToolItem {
     color: black;
}

.reSizeColbg {
     background-color: #989898;
}

.sf-menu a {
     white-space: nowrap;
}

.ui-selectable-helper {
     background-color: #d7d7d7;
     border-color: #989898 ! important;
}

.Syncfusion-Grid-Marble.DragElementtext {
     background-color: #f4f5ff;
     border-color: #989898 ! important;
     color: black;
}

.DragTable {
     background-color: gray;
     border-color: black;
}

.Syncfusion-Grid-Marble .SelectionBackground.SelectedRowHighlight {
     background-color: #ffd6a4;
}

.sf-grid-marble-menu .sf-choiceList, .sf-grid-marble-menu .Search-Choice-wrapper, .sf-grid-marble-menu .button-wrapper, .sf-grid-marble-menu .button-wrapper:hover {
     border-color: #989898;
}

.Syncfusion-Grid-Marble .GridEditors {
     border-color: #c0c0c0 ! important;
     color: #000000 ! important;
}

.Syncfusion-Grid-Marble .button {
     border-color: #c0c0c0 ! important;
}

.Syncfusion-Grid-Marble .sfInputText {
     color: black;
}

.Syncfusion-Grid-Marble .Table td.FrozenX, .Syncfusion-Grid-Marble .Table th.FrozenX {
     border-right-color: #989898;
}

.Syncfusion-Grid-Marble .Table td.FrozenY {
     border-top-color: #989898;
}

.Syncfusion-Grid-Marble .sfMarble .ui-state-default, .Syncfusion-Grid-Marble .sfMarble .ui-widget-content .ui-state-default {
     background-color: rgba(0, 0, 0, 0) ! important;
}

.Syncfusion-Grid-Marble .ToggleTR, .Syncfusion-Grid-Core .ToggleBL, .Syncfusion-Grid-Marble .RecordPlusExpand > div, .Syncfusion-Grid-Marble .MasterCellExpand > div, .Syncfusion-Grid-Marble-Tooltip .tooltipBottomDiv {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==");
}

.Syncfusion-Grid-Marble .SelectedHeaderCell {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5JwMqCvNx1yBJfFld8UT30PQH6DYUViO7/tu8WaWN1So") repeat-x scroll center bottom #f8faf9;
}

.Syncfusion-Grid-Marble-Tooltip .tooltipTopDiv {
     background-color: #bbafad;
     color: white;
}

.Syncfusion-Grid-Marble .NextPage:hover, .Syncfusion-Grid-Marble .LastPage:hover, .Syncfusion-Grid-Marble .FirstPage:hover, .Syncfusion-Grid-Marble .PrevPage:hover, .Syncfusion-Grid-Marble .GridPager .RefreshPager:hover {
     background-color: #f2f2f2;
}

.Syncfusion-Grid-Marble .FilterBarCell, .Syncfusion-Grid-Marble .FilterBarCellDisabled {
     background-color: #e4e4e4;
     background-image: none;
     border-color: #d7d7d7;
}

.Syncfusion-Grid-Marble .FilterBarCell input {
     border-color: #d7d7d7;
}

.Syncfusion-Grid-Marble .Syncfusion-Grid-FilterStatusBar, .Syncfusion-Grid-Marble .Syncfusion-Grid-FilterStatusBarBottom {
     background-color: #e4e4e4;
     border-color: #989898;
}

.Syncfusion-Grid-FilterStatusBar .MsgDiv, .Syncfusion-Grid-FilterStatusBarBottom .MsgDiv {
     color: black;
}

ul[name="syncfusion-grid"] {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5O7p1L8D6IgglQb1CFjYzvtnhpaMeQddsDB3D0wfPpgq") ! important;
}

.Syncfusion-Grid-Marble .EnableRowHover tbody > tr:hover {
     background-color: #f4f5f5;
}

.Syncfusion-Grid-Marble .EnableRowHover tbody > tr:hover > .RowHeader {
     background-color: #e4e4e4;
     border-color: #d7d7d7;
}

.Syncfusion-Grid-Marble .ExternalEdit {
     background-color: #e4e4e4;
     border-color: #989898;
}

.Syncfusion-Grid-Marble .bg-clear, .Syncfusion-Grid-Marble .Gridtoolbar .customToolItem, .Syncfusion-Grid-Marble .MasterCellCollapse, .Syncfusion-Grid-Marble .MasterCellExpand, .Syncfusion-Grid-Marble td[class*="MasterCell"] > div {
     background-color: transparent;
     border-color: #d7d7d7;
}

.Syncfusion-Grid-Marble .ef-wrapper {
     background-color: #e2e2e2;
     border-color: #d7d7d7;
}

.sf-editor.Marble .sfInputText, .sf-editor.Marble .Syncfusion_Value_TextBox, .sf-editor.Marble .maskeditInput {
     background-color: white;
     color: black;
     height: 100%;
     width: 100%;
}

.sf-editor.Marble {
     border: 1px solid #989898;
     display: inline-block;
}

.sf-editor.Marble .sfInputText, .sf-editor.Marble .Syncfusion_Value_TextBox, .sf-editor.Marble .Syncfusion_Watermark_TextBox {
     background-color: white;
     border-right: 1px solid #989898;
}

.sf-editor.Marble .sf-splitup, .sf-editor.Marble .sf-splitdown {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==") repeat-x scroll 0px 50% transparent;
}

.sf-editor.Marble .sf-splitup:hover, .sf-editor.Marble .sf-splitdown:hover {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==") repeat-x scroll 0px 50% transparent;
}

.sf-editor.Marble .sf-splitup:active, .sf-editor.Marble .sf-splitdown:active {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==") repeat-x scroll 0px 50% transparent;
}

.sf-editor.Marble .sf-splitup {
     background-position: -204px -20px;
}

.sf-editor.Marble .sf-splitup:hover {
     background-position: -204px -20px;
}

.sf-editor.Marble .sf-splitup:active {
     background-position: -204px -20px;
}

.sf-editor.Marble .sf-splitdown {
     background-position: -172px -21px;
}

.sf-editor.Marble .sf-splitdown:hover {
     background-position: -172px -21px;
}

.sf-editor.Marble .sf-splitdown:active {
     background-position: -172px -21px;
}

.sf-editor.Marble .sf-splitup, .sf-editor.Marble {
     background-color: white;
}

.sf-editor.Marble .sf-splitup:hover {
     background-color: #ede9e9;
}

.sf-editor.Marble .sf-splitup:active {
     background-color: white;
}

.sf-editor.Marble .sf-splitdown {
     background-color: white;
}

.sf-editor.Marble .sf-splitdown:hover {
     background-color: #ede9e9;
}

.sf-editor.Marble .sf-splitdown:active {
     background-color: white;
}

.sf-core.disablebuttons, .sf-genericdropdown.Marble .disablebuttons {
     opacity: 0.3;
}

.sf-editor.sf-rtl .sfInputText, .sf-editor.Marble.sf-rtl .Syncfusion_Value_TextBox, .sf-editor.Marble.sf-rtl .Syncfusion_Watermark_TextBox {
     border-left: 1px solid #989898;
     border-right: medium none;
}

.sf-editor.Marble .Syncfusion_Validator, .sf-editor.Marble .error, .sf-editor.Marble .ShowInvalidateText {
     color: #cd0a0a;
}

.sf-editor.Marble .Syncfusion_Watermark_TextBox, .sf-editor.Marble .MaskWaterMark {
     background-color: white;
     color: #666666;
     font-style: italic;
     height: 100%;
     width: 100%;
}

.sf-editor.Marble .error {
     background-color: #fef1ec;
}

.sf-autocomplete.Marble.Autocomplete_Wrapper {
     border: 1px solid #989898;
     color: black;
     height: 20px;
}

.sf-autocomplete.Marble.Autocomplete_SuggestionList {
     background-color: #fbfcfc;
     border: 1px solid #989898;
     color: black;
     font-size: 11px;
}

.sf-autocomplete.Marble ul li.listHover {
     background-color: #ede9e9;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5PtvA2HZYXoSSNkumhwOHykj5MPDEkZPeQ==");
     background-position: center bottom;
     background-repeat: repeat-x;
     color: #222222;
}

.sf-autocomplete.Marble .onLoading {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmyfHPkIPTx3pawRJfmYpEUqflsk0dnur8ciX9tgHiPZzYjCas3DElta");
}

.sf-autocomplete.Marble ul li div.template {
     color: black;
}

.sf-autocomplete.Marble .dropdownbuttonbase {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==") no-repeat scroll -172px -16px white;
     border-left: 1px solid #989898;
}

.sf-autocomplete.Marble .AutoCompleteDD_RTL {
     border-left: medium none;
     border-right: 1px solid #989898;
}

.sf-autocomplete.Marble .dropdownbuttonbase.autocompleteDropDown:hover {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==") no-repeat scroll -172px -16px #ede9e9;
     color: #222222;
}

.sf-autocomplete.Marble .dropdownbuttonbase.autocompleteDropDown:active {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==") no-repeat scroll -172px -16px white;
     color: #111111;
}

.sf-autocomplete.Marble.Autocomplete_Wrapper input, .sf-autocomplete.Marble.Autocomplete_Wrapper .Syncfusion_Watermark_TextBox, .sf-autocomplete.Marble.Autocomplete_Wrapper .Syncfusion_Value_TextBox {
     background-color: white;
     border: medium none;
     color: black;
     padding: 0px;
     width: 100%;
}

.sf-autocomplete.Marble .watermark {
     color: #666666;
     font-style: italic;
}

.sf-autocomplete.Marble .HighlightQueryText {
     color: #363636;
     font-weight: bold;
}

.sf-genericdropdown.Marble .GenericDropDownButtonBase {
     color: black;
     vertical-align: middle;
}

.sf-multicolumn.sf-genericdropdown.Marble .GenericDropDownButtonBase, .sf-genericdropdown.Marble .GenericDropDownButtonBase.GenericDropDownButton {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==") no-repeat scroll -172px -16px white;
     border: 1px solid #989898;
}

.sf-multicolumn.sf-genericdropdown.Marble .GenericDropDownButtonBase:hover, .sf-genericdropdown.Marble .GenericDropDownButtonBase.GenericDropDownButton:hover {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==") no-repeat scroll -172px -16px #ede9e9;
}

.sf-multicolumn.sf-genericdropdown.Marble .GenericDropDownButtonBase:active, .sf-genericdropdown.Marble .GenericDropDownButtonBase.GenericDropDownButton:active {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==") no-repeat scroll -172px -16px white;
}

.sf-genericdropdown.Marble .GenericDropDownContainer {
     border: 1px solid #989898;
}

.sf-genericdropdown.Marble .GenericDropDownTextBox {
     background-color: white;
     color: black;
}

.sf-genericdropdown.Marble .GenericDropDownTextBoxHover {
     background-color: white;
}

.sf-genericdropdown.Marble .GenericDropDownPopupPanel {
     background-color: #fbfcfc;
     border: 1px solid #989898;
     color: black;
     font-size: 11px;
}

.sf-genericdropdown.Marble .GenericDropDownPopupPanel .listHover {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5PtvA2HZYXoSSNkumhwOHykj5MPDEkZPeQ==") repeat-x scroll center bottom #ede9e9;
     color: #222222;
}

.sf-button.Marble {
     color: black;
}

.sf-button.Marble.background {
     background-color: #e1dad9;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5BfpwmqWuAuBJfFld8UT30PQH6DYUViO7/tu8WaWN1So");
     background-position: center bottom;
     background-repeat: repeat-x;
     border: 1px solid #989898;
     color: #222222;
}

.sf-button.Marble.backgroundhover {
     background-color: #ede9e9;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5PtvA2HZYXoSSNkumhwOHykj5MPDEkZPeQ==");
     background-position: center bottom;
     background-repeat: repeat-x;
     border: 1px solid #999999;
     color: #222222;
}

.sf-button.Marble.backgroundselected {
     background-color: white;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5JwMqCvNx1yBJfFld8UT30PQH6DYUViO7/tu8WaWN1So");
     background-position: center bottom;
     background-repeat: repeat-x;
     border: 1px solid #aaaaaa;
     color: #111111;
}

.sf-button.Marble .spritesplitdropdownbutton, .sf-button.Marble .spritesplitnormalbutton {
     border: 0px none;
}

.sf-button.Marble .dropdowndownarrow, .sf-button.Marble .splitdownarrow {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==") no-repeat scroll -175px -24px transparent;
}

.sf-button.Marble .splitrightarrow:hover .dropdowndownarrow, .sf-button.Marble .splitdownarrow:hover .dropdowndownarrow {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==") no-repeat scroll -175px -24px transparent;
}

.sf-button.Marble .splitrightarrow:active .dropdowndownarrow, .sf-button.Marble .splitdownarrow:active .dropdowndownarrow {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==") no-repeat scroll -175px -24px transparent;
}

.sf-button.Marble .splitbottomarrow {
     border-top: 1px solid #989898;
     display: block;
     text-align: center;
}

.sf-button.Marble .splitbottomarrow .buttonmaindiv {
     height: 8px;
}

.sf-button.Marble .splitrightarrow {
     border-left: 1px solid #989898;
     display: table-cell;
     text-align: center;
     vertical-align: top;
}

.sf-button.Marble .borderleftmousehover {
     border-left: 1px solid #999999;
}

.sf-button.Marble .bordertopmousehover {
     border-top: 1px solid #999999;
}

.sf-ribboncontainer.Marble .ribbonbutton {
     background-color: transparent;
     background-image: none;
     border: 1px solid transparent;
}

.sf-ribboncontainer.Marble .ribbonbutton:hover {
     background-color: #ede9e9;
     background-image: none;
     border: 1px solid #999999;
}

.sf-ribboncontainer.Marble .ribbonbutton:active {
     background-color: white;
     background-image: none;
     border: 1px solid #aaaaaa;
}

.sfrotator_container {
     box-sizing: content-box ! important;
}

.sfrotator_container .banner:hover {
     cursor: pointer;
}

.sfrotator_container .buttonImgOff, .buttonImgOn {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==") repeat scroll 0% 0% transparent;
     display: inline-block;
     height: 15px;
     width: 19px;
}

.sfrotator_container .buttonImgOff {
     background-position: -115px -224px;
}

.sfrotator_container .buttonImgOn {
     background-position: -97px -224px;
}

.sf-captcha .validationFailed {
     color: #cd0a0a;
}

.sf-captcha .validationSuccess {
     color: green;
}

.sf-captcha.Marble .captcha-image-container {
     border-radius: 3px;
     border: 1px solid #464646;
     float: left;
}

.sf-captcha.Marble .captcha-button-container {
     float: left;
     width: 50px;
}

.sf-captcha.Marble .captcha-button-container .refresh-button {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==") no-repeat scroll 4px -246px white;
     border-radius: 3px;
     border: 1px solid #b7b7b7;
     height: 29px;
     margin-left: 6px;
     margin-top: 5px;
     width: 29px;
}

.sf-captcha.Marble .captcha-button-container .play-button {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==") no-repeat scroll -26px -246px white;
     border-radius: 3px;
     border: 1px solid #b7b7b7;
     cursor: pointer;
     display: block;
     height: 29px;
     margin-left: 6px;
     margin-top: 7px;
     width: 29px;
}

.sf-rating.Marble.horizontal .stars, .sf-rating.Marble.vertical .stars {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5LoNJLC5wNup1McTQrt8/b_oiNfbhcb0og==") no-repeat scroll 0% 0% transparent;
}

.sf-rating.Marble.horizontal .reset, .sf-rating.Marble.vertical .reset {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5LoNJLC5wNup1McTQrt8/b_oiNfbhcb0og==") no-repeat scroll 0px 0px transparent;
}

.sf-rating.Marble .reset:hover {
     background-position: 0px -17px;
}

.sf-rating.Marble .stars.inactive {
     background-position: 0px -34px;
}

.sf-rating.Marble .stars.active {
     background-position: 0px -51px;
}

.sf-rating.Marble .stars.selected {
     background-position: 0px -68px;
}

.sf-rating.Marble .stars.precision {
     background-position: 0px -51px;
}

.Marble .sf-sp-Hhandle, .Marble .sf-sp-Vhandle {
     background: none repeat scroll 0% 0% #cccccc;
     border: 1px solid lightgray;
}

.Marble .sf-sp-tb, .Marble .sf-sp-tr {
     height: 11px;
     width: 12px;
}

.Marble .sf-sp-bl, .Marble .sf-sp-br {
     height: 12px;
     width: 7px;
}

.Marble .sf-sp-tr {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81J7h5l7nIBsRJqbEMHgEVe5AWJtjhxKnh6MPS4/OAijTQH6DYUViO7/tu8WaWN1So");
     background-position: center -169px;
     background-repeat: no-repeat;
}

.Marble .sf-sp-tb {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81J7h5l7nIBsRJqbEMHgEVe5AWJtjhxKnh6MPS4/OAijTQH6DYUViO7/tu8WaWN1So");
     background-position: center -112px;
     background-repeat: no-repeat;
}

.Marble .sf-sp-bl {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81J7h5l7nIBsRJqbEMHgEVe5AWJtjhxKnh6MPS4/OAijTQH6DYUViO7/tu8WaWN1So");
     background-position: 1px 2px;
     background-repeat: no-repeat;
}

.Marble .sf-sp-br {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81J7h5l7nIBsRJqbEMHgEVe5AWJtjhxKnh6MPS4/OAijTQH6DYUViO7/tu8WaWN1So");
     background-position: 3px -56px;
     background-repeat: no-repeat;
}

.sf-splitter.Marble {
     border-color: #989898;
}

.sf-splitter.Marble .shadowbar {
     background-color: #aaaaaa;
}

.sf-splitter.Marble .pane {
     background-color: #fbfcfc;
     color: #222222;
}

.sf-splitter.Marble .shadowbar.endrangeindicator {
     background-color: #cd0a0a;
}

.sf-splitter.Marble .splitbar {
     background-color: #e1dad9;
     border-color: #989898;
}

.sf-splitter.Marble .h-forwardarrow {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==");
     background-position: -161px -16px;
     background-repeat: no-repeat;
}

.sf-splitter.Marble .h-forwardarrow:hover {
     background-color: #ede9e9;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==");
     background-position: -161px -16px;
     background-repeat: no-repeat;
}

.sf-splitter.Marble .h-backwardarrow {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==");
     background-position: -194px -16px;
     background-repeat: no-repeat;
}

.sf-splitter.Marble .h-backwardarrow:hover {
     background-color: #ede9e9;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==");
     background-position: -194px -16px;
     background-repeat: no-repeat;
}

.sf-splitter.Marble .v-forwardarrow {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==");
     background-position: -171px -23px;
     background-repeat: no-repeat;
}

.sf-splitter.Marble .v-forwardarrow:hover {
     background-color: #ede9e9;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==");
     background-position: -171px -23px;
     background-repeat: no-repeat;
}

.sf-splitter.Marble .v-backwardarrow {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==");
     background-position: -204px -24px;
     background-repeat: no-repeat;
}

.sf-splitter.Marble .v-backwardarrow:hover {
     background-color: #ede9e9;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==");
     background-position: -204px -24px;
     background-repeat: no-repeat;
}

.sf-tagcloud.Marble {
     background-color: white;
}

.sf-tagcloud.Marble .tagcloud-header {
     background-color: #cccccc;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5BfpwmqWuAuBJfFld8UT30PQH6DYUViO7/tu8WaWN1So");
     color: #222222;
}

.sf-tagcloud.Marble .tagcloud-items .textNode {
     color: #222222;
}

.sf-tagcloud.Marble .tagcloud-items .textNode.hover {
     color: #111111;
}

.sf-timepicker.timespan-widget.Marble {
     border: 1px solid #989898;
}

.sf-timepicker.Marble li {
     background-color: #e1dad9;
     border-color: #989898;
     color: #222222;
}

.sf-timepicker.Marble li:hover {
     background-color: #ede9e9;
     border-color: #999999;
     color: #222222;
}

.sf-toolbar.Marble-horizontal {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5BfpwmqWuAuBJfFld8UT30PQH6DYUViO7/tu8WaWN1So") repeat-x scroll center bottom #e1dad9;
     border: 1px solid #989898;
     color: #222222;
     display: inline-block;
     width: 100%;
}

.sf-toolbar.Marble-vertical {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5BfpwmqWuAuBHwdWwVcq7YHUxxNCu3z9v6iI19uFxvSi") repeat-y scroll left center #e1dad9;
     border: 1px solid #989898;
     color: #222222;
     display: inline-block;
}

.sf-toolbar.Marble-vertical, .sf-toolbar.Marble-vertical div:first-child {
     overflow: hidden;
}

.sf-toolbar.Marble-horizontal li {
     display: inline;
     float: left;
}

.sf-toolbar.Marble-horizontal ul {
     float: left;
     vertical-align: middle;
}

.sf-toolbar.Marble-horizontal .AlignInline {
     display: inline;
}

.sf-toolbar.Marble-horizontal .Disable_ToolLi, .sf-toolbar.Marble-vertical .Disable_ToolLi {
     color: #a5a5a5;
}

.sf-toolbar.Marble-horizontal .Tool_Hover, .sf-toolbar.Marble-vertical .Tool_Hover {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5PtvA2HZYXoSSNkumhwOHykj5MPDEkZPeQ==") repeat-x scroll center bottom #ede9e9;
     border: 1px solid #999999;
     color: #222222;
}

.sf-toolbar.Marble-horizontal .Tool_Selected, .sf-toolbar.Marble-vertical .Tool_Selected {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5JwMqCvNx1yBJfFld8UT30PQH6DYUViO7/tu8WaWN1So") repeat-x scroll center bottom white;
     border: 1px solid #aaaaaa;
     color: #111111;
}

.sf-toolbar.Marble-horizontal .Toolbar_Separator {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5M6KWmW/smLTZ4aWjHkHXbAwdw9MHz6YKg==");
     display: inline;
     float: left;
     height: 15px;
     width: 2px;
}

.sf-toolbar.Marble-vertical .Toolbar_Separator {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5BbkMdG6CqfHNB5YIR516YZpMVSulXjGPg==");
     height: 2px;
     width: 15px;
}

.sf-toolbar.Marble-horizontal .AlignMiddle, .sf-toolbar.Marble-vertical .AlignMiddle, .sf-toolbar.Marble-horizontal .Toolbar_Text, .sf-toolbar.Marble-vertical .Toolbar_Text {
     margin: 0px 2px;
     vertical-align: middle;
}

.sf-treeview.Marble .ImgCss {
     border: 1px solid #989898;
}

.sf-treeview.Marble .showline-NodeText, .sf-treeview.Marble .noline-NodeText {
     color: #222222;
}

.sf-treeview.Marble .showline {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5BE6ojjAvCXNxBXnRMokv8LUxxNCu3z9v6iI19uFxvSi") repeat-y scroll 0px 0px transparent;
}

.sf-treeview.Marble.RTL .showline {
     background-position: right -38px;
     padding: 0px 16px 5px;
}

.sf-treeview.Marble .Input_Text {
     border: 2px solid white;
}

.sf-treeview.Marble span.noline-child, .sf-treeview.Marble span.showline-child {
     white-space: nowrap;
}

.sf-treeview.Marble .plus {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==") no-repeat scroll -159px -20px transparent;
}

.sf-treeview.Marble .minus {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==") no-repeat scroll -223px -23px transparent;
}

.sf-treeview.Marble.RTL .plus {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==") no-repeat scroll -194px -21px transparent;
}

.sf-treeview.Marble.RTL .minus {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5Np0PLtAUHWVu0RRsBSfZMm0pVLV_PDPpQ==") no-repeat scroll -85px -21px transparent;
}

.sf-treeview.Marble .pointer, .sf-treeview.Marble.RTL .pointer {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5BE6ojjAvCXNS5DuMViUh340HlghHnXphmkxVK6VeMY_") no-repeat scroll 0% 0% transparent;
}

.sf-treeview.Marble .pointer.child {
     background-position: 1px -322px;
     cursor: default;
}

.sf-treeview.Marble .pointer.plus {
     background-position: 1px -208px;
}

.sf-treeview.Marble .pointer.minus {
     background-position: 0px -153px;
}

.sf-treeview.Marble.RTL .pointer.child {
     background-position: 2px -322px;
}

.sf-treeview.Marble.RTL .pointer.plus {
     background-position: 2px -560px;
}

.sf-treeview.Marble.RTL .pointer.minus {
     background-position: 0px -505px;
}

.sf-treeview.Marble .showline-selected, .sf-treeview.Marble .noline-selected {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5JwMqCvNx1yBJfFld8UT30PQH6DYUViO7/tu8WaWN1So") repeat-x scroll 0px 0px white;
     border: 1px solid #aaaaaa;
     color: #111111;
}

.sf-treeview.Marble .showline-hover, .sf-treeview.Marble .noline-hover {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81zhY1MgYq3BV3uR5lq5ak5PtvA2HZYXoSSNkumhwOHykj5MPDEkZPeQ==") repeat-x scroll 0px 0px #ede9e9;
     border: 1px solid #999999;
     color: #222222;
}

.sf-uploadbox .upload-progress-status {
     background-color: #cd0a0a;
}

.sf-uploadbox .upload-progress {
     border: 1px solid #989898;
}

.sf-uploadbox .file-list .file-status-failed {
     color: #cd0a0a;
}

.sf-uploadbox .file-list .file-status-success {
     color: green;
}

.sf-uploadbox.Marble .file-progress {
     background-color: #e1dad9;
     border: 1px solid #989898;
}

.sf-uploadbox.Marble .file-action, .sf-uploadbox.Marble .file-list .file-size {
     background-color: #e1dad9;
     border-color: #989898;
}

.sf-uploadbox.Marble .file-progress-status {
     background-color: #b1aa9f;
}

.sf-uploadbox.Marble .inputbutton {
     background-color: #e1dad9;
     border-radius: 5px;
     border: 1px solid #989898;
     color: #636464;
     font-size: 11px;
     padding: 5px 10px;
}

.sf-uploadbox.Marble .file-list {
     color: #636464;
}

.Syncfusion-Grid-Core .GridHeader, .Syncfusion-Grid-Core .ExternalForm-Header {
     background-attachment: scroll;
     background-position: 0px 0px;
     background-repeat: repeat-x;
     overflow-x: hidden;
     position: relative;
}

.Syncfusion-Grid-Core.cloneProperties {
     background-attachment: scroll;
     background-position: 0px 0px;
     background-repeat: repeat-x;
     border-style: solid;
     padding: 5px;
     text-align: left;
     vertical-align: middle;
}

.Syncfusion-Grid-Core .GroupHeaderCell {
     background-position: 0px 0px;
}

.Syncfusion-Grid-Core .RecordPlusExpand > div, .Syncfusion-Grid-Core .MasterCellExpand > div {
     background-attachment: scroll;
     background-position: -207px -210px;
     background-repeat: no-repeat;
     height: 19px;
     padding: 0px;
     vertical-align: middle;
     width: 23px;
}

.Syncfusion-Grid-Core .RecordPlusCollapse > div, .Syncfusion-Grid-Core .MasterCellCollapse > div {
     background-attachment: scroll;
     background-position: -191px -207px;
     background-repeat: no-repeat;
     height: 19px;
     padding: 0px;
     vertical-align: middle;
     width: 23px;
}

.Syncfusion-Grid-Core .Ascending {
     background-attachment: scroll;
     background-position: 0px -778px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .Descending {
     background-attachment: scroll;
     background-position: 0px -802px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .FirstPage, .Syncfusion-Grid-Core .FirstPageDisabled {
     background-attachment: scroll;
     background-position: -2px -681px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .PrevPage, .Syncfusion-Grid-Core .PrevPageDisabled {
     background-attachment: scroll;
     background-position: 0px -728px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .NextPage, .Syncfusion-Grid-Core .NextPageDisabled {
     background-attachment: scroll;
     background-position: 0px -754px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .LastPage, .Syncfusion-Grid-Core .LastPageDisabled {
     background-attachment: scroll;
     background-position: -1px -707px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .GridPager .NumericItem {
     display: inline-block;
}

.ColumnDropIndicator {
     background-attachment: scroll;
     background-position: -5px -609px;
     background-repeat: no-repeat;
     height: 35px;
     width: 13px;
}

.Syncfusion-Grid-Core .AddNewItem {
     background-attachment: scroll;
     background-position: 4px -14px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .EditItem {
     background-attachment: scroll;
     background-position: 4px -84px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .ExcelItem {
     background-attachment: scroll;
     background-position: 4px -155px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .WordItem {
     background-attachment: scroll;
     background-position: 4px -568px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .PdfItem {
     background-attachment: scroll;
     background-position: 4px -532px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .DeleteItem {
     background-attachment: scroll;
     background-position: 4px -119px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .SaveItem {
     background-attachment: scroll;
     background-position: 4px -253px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .Cancel {
     background-attachment: scroll;
     background-position: 4px -218px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .FilterIcon {
     background-attachment: scroll;
     background-position: -3px -192px;
     background-repeat: no-repeat;
     display: inline-block;
     float: right;
     height: 10px;
     margin: -14px -4px -3px 3px;
     padding: 3px 2px;
     position: relative;
     width: 10px;
}

.Syncfusion-Grid-Core .AutoWrap .FilterIcon {
     margin: -14px -4px -7px 3px;
}

.Syncfusion-Grid-Core .FilterIconTick {
     background-attachment: scroll;
     background-position: -2px -324px;
     background-repeat: no-repeat;
     float: right;
     height: 10px;
     margin: -14px -4px -3px 3px;
     padding: 3px 2px;
     position: relative;
     width: 10px;
}

.Syncfusion-Grid-Core .FilterCellHover {
     background-attachment: scroll;
     background-position: 0px -244px;
     background-repeat: no-repeat;
     float: right;
     height: 10px;
     padding: 7px 7px 0px 0px;
     width: 10px;
}

.Syncfusion-Grid-Core div[class*="sf"] .ui-state-default, .Syncfusion-Grid-Core div[class*="sf"] .ui-widget-content .ui-state-default {
     background-position: 0px -438px;
     border: 0px none;
}

.Syncfusion-Grid-Core div[class*="sf"] .ui-slider .ui-state-hover {
     background-position: 0px -474px;
}

.Syncfusion-Grid-Core div[class*="sf"] .ui-slider-horizontal .ui-slider-handle {
     top: -0.5em;
}

.Syncfusion-Grid-Core div[class*="sf"] .ui-slider .ui-slider-range {
     background-position: 0px -512px;
     background-repeat: repeat-x;
     border: medium none;
}

.Syncfusion-Grid-Core div[class*="sf"] .ui-widget-content {
     background-position: 0px -412px;
     background-repeat: repeat-x ! important;
     border: 0px none;
     display: inline-block;
     height: 8px;
}

div[class*="Syncfusion-Grid-"][class*="-Tooltip"] {
     border: medium none;
     min-width: 13px;
     position: absolute;
     top: -20px;
}

div[class*="Syncfusion-Grid-"][class*="-Tooltip"] .tooltipTopDiv {
     background-repeat: repeat-x;
     border: medium none;
     display: block;
     font-size: 10px;
     min-width: 13px;
     padding: 0px 1px;
     text-align: center;
}

div[class*="Syncfusion-Grid-"][class*="-Tooltip"] .tooltipBottomDiv {
     background-position: -174px -24px;
     background-repeat: no-repeat;
     display: block;
     height: 6px;
     position: absolute;
}

.Syncfusion-Grid-Core .GridPager .RefreshPager {
     background-position: -1px -53px;
     border-radius: 5px;
     height: 18px;
     margin-left: 10px;
     margin-right: 10px;
     margin-top: -2px;
     vertical-align: middle;
     width: 18px;
}

.Syncfusion-Grid-Core .RowCell.updatedCell {
     background-position: -7px -832px;
     background-repeat: no-repeat;
}

.Syncfusion-Grid-Core .EnableRowHover tbody > tr:hover > .RowHeader div, .Syncfusion-Grid-Core .HeaderIcon {
     background-attachment: scroll;
     background-position: 0px -160px;
     background-repeat: no-repeat;
     width: 20px;
}

.Syncfusion-Grid-Office2007Blue .ef-toggle {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l");
     border: 1px solid #f0f0f0;
     float: right;
     height: 18px;
     margin-right: 5px;
     width: 18px;
}

.Syncfusion-Grid-Office2007Blue .ef-toggle:hover {
     background-color: #ffe59b;
     border-color: #add1ff;
}

.Syncfusion-Grid-Office2007Blue .ef-toggle.topright {
     background-position: -128px -143px;
}

.Syncfusion-Grid-Office2007Blue .ef-toggle.bottomleft {
     background-position: -128px -143px;
     transform: rotate(90deg);
}

.Syncfusion-Grid-Core .efheader-style {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwWbmx7e_SGQFiPolrXtzVA0B_g2FFYju/7bvFmljdUqA==") repeat-x scroll left top transparent;
}

.Syncfusion-Grid-Core .ExternalForm {
     background-color: #deecff;
     padding: 0.5em 1em;
}

.Syncfusion-Grid-Core .ImageOnly {
     background-position: center center;
     background-repeat: no-repeat;
     min-width: 20px ! important;
}

.Syncfusion-Grid-Core .ImagePlusText {
     background-position: left center;
     background-repeat: no-repeat;
     text-indent: 10px;
}

.Syncfusion-Grid-Core .sf-toolbar.Office2007Blue-horizontal {
     height: 32px;
     width: 100%;
}

ul.Office2007Blue-context {
     z-index: 1000;
}

.Syncfusion-Grid-Core .Search {
     background-attachment: scroll;
     background-color: transparent;
     background-position: 4px -349px;
     background-repeat: no-repeat;
}

ul[class*="sf-grid-"][class*="-menu"] .DropDownFilterEl:hover {
     background-color: Transparent;
     background-image: none;
     border: 1px solid transparent;
}

.sf-sp-Hhandle:hover, .sf-sp-Vhandle:hover {
     background-color: #ffe59b;
}

ul[class*="sf-grid-"][class*="-menu"] .ClearFilterSideImg {
     background-attachment: scroll;
     background-position: -2px -292px;
     background-repeat: no-repeat;
     float: left;
     height: 17px;
     margin: 2px;
     position: absolute;
     width: 1.5em;
}

.reSizeColbg {
     width: 1px;
     z-index: 2;
}

.ui-selectable-helper {
     border-style: solid ! important;
     border-width: 1px ! important;
     opacity: 0.4;
}

.ui-selectable-helper {
     opacity: 0.4;
     position: absolute;
     z-index: 100;
}

.DragTable {
     border-style: groove;
     border-width: 1px;
}

.DropAllowCursor {
     cursor: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwrcPS1FSK84b046lQNoJPs"), move ! important;
}

ul[class*="sf-grid-"][class*="-menu"] .sf-choiceList label.NoMatch {
     margin-left: 2px;
}

.sf-grid-office2007blue-menu .sf-choiceList .sf-sp-vback {
     width: 11px;
}

.sf-grid-office2007blue-menu .sf-choiceList .DropDownFilters {
     height: auto;
}

ul[class*="sf-grid-"][class*="-menu"] .Search-Choice-wrapper {
     border-style: solid;
     border-width: 1px;
     display: block;
     float: left;
     margin-bottom: 5px;
     width: 186px;
}

ul[class*="sf-grid-"][class*="-menu"] .button-wrapper, ul[class*="sf-grid-"][class*="-menu"] .button-wrapper:hover {
     background-attachment: scroll;
     background-position: 0px 0px;
     background-repeat: repeat-x;
     border-style: solid;
     border-width: 0px 0px 0px 1px;
     display: block;
     float: right;
     height: 20px;
     width: 11%;
}

ul[class*="sf-grid-"][class*="-menu"] .button-wrapper:hover {
     background-attachment: scroll;
     background-position: 0px -48px;
     background-repeat: repeat-x;
}

ul[class*="sf-grid-"][class*="-menu"] .searchButton {
     background-attachment: scroll;
     background-position: 1px -352px;
     background-repeat: no-repeat;
}

ul[class*="sf-grid-"][class*="-menu"] .closeButton {
     background-attachment: scroll;
     background-position: 1px -380px;
     background-repeat: no-repeat;
}

ul[class*="sf-grid-"][class*="-menu"] .search-wrapper, ul[class*="sf-grid-"][class*="-menu"] .search-wrapper:hover {
     background-image: none;
     border-left-width: 0px;
}

ul[class*="sf-grid-"][class*="-menu"] .Search-Choice-wrapper input {
     border: 1px none;
     float: left;
     height: 20px;
     padding: 0px;
     text-indent: 2px;
     width: 88%;
}

ul[class*="sf-grid-"][class*="-menu"] .DropDownFilterEl, ul[class*="sf-grid-"][class*="-menu"] .DropDownFilterEl:hover {
     margin-top: 6px;
}

ul[class*="sf-grid-"][class*="-menu"] .FilterDiv {
     float: right;
     padding: 0px 5px 0px 0px;
}

ul[class*="sf-grid-"][class*="-menu"] .FilterDiv button {
     border-radius: 5px;
     margin: 15px 5px 0px 10px;
}

.sf-grid-office2007blue-menu .sf-warningmsg {
     display: block;
     float: left;
}

ul[class*="sf-grid-"][class*="-menu"] a {
     font-family: segoe UI;
}

.sfmatch-options input[type="checkbox"] {
     margin-left: 10px;
}

ul[name="syncfusion-grid"] li > div.sortbyasc {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -72px transparent;
}

ul[name="syncfusion-grid"][class*="blend"] li > div.sortbyasc, ul[name="syncfusion-grid"][class*="midnight"] li > div.sortbyasc {
     background-position: 0px -36px;
}

ul[name="syncfusion-grid"] > li > div.sortbydesc {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -701px transparent;
}

ul[name="syncfusion-grid"][class*="blend"] li > div.sortbydesc, ul[name="syncfusion-grid"][class*="midnight"] li > div.sortbydesc {
     background-position: 0px -275px;
}

ul[name="syncfusion-grid"] > li > div.groupby {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -419px transparent;
}

ul[name="syncfusion-grid"] > li > div.deleterecord {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -311px transparent;
}

ul[name="syncfusion-grid"] > li > div.clearsorting {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -241px transparent;
}

ul[name="syncfusion-grid"][class*="blend"] li > div.clearsorting, ul[name="syncfusion-grid"][class*="midnight"] li > div.clearsorting {
     background-position: 0px -143px;
}

ul[name="syncfusion-grid"] > li > div.cleargrouping {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -211px transparent;
}

ul[name="syncfusion-grid"] > li > div.clearfilter {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -179px transparent;
}

ul[name="syncfusion-grid"] > li > div.addrecord {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px 0px transparent;
}

ul[name="syncfusion-grid"] > li > div.editrecord {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -347px transparent;
}

ul[name="syncfusion-grid"] > li > div.visiblecolumns {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -665px transparent;
}

ul[name="syncfusion-grid"] > li > div.save {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -629px transparent;
}

ul[name="syncfusion-grid"] > li > div.cancel {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -107px transparent;
}

ul[name="syncfusion-grid"] > li > div.hidecolumn {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -449px transparent;
}

ul[name="syncfusion-grid"] > li > div.nextpage {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -521px transparent;
}

ul[name="syncfusion-grid"] > li > div.previouspage {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -557px transparent;
}

ul[name="syncfusion-grid"] > li > div.firstpage {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -383px transparent;
}

ul[name="syncfusion-grid"] > li > div.lastpage {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -485px transparent;
}

ul[name="syncfusion-grid"] > li > div.refreshpager {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmwpbmIjTQ8ueeKb0Tdgi99McrAvwA5RSxoZd1o9Lb6_Y4iojU7Mj2EK") no-repeat scroll 0px -593px transparent;
}

ul[name="syncfusion-grid"] > li > div {
     height: 16px;
     margin-left: 7px;
     margin-top: 2px;
     width: 16px;
}

ul[name="syncfusion-grid"] > li > a + ul > li > div.visiblecolumns {
     background-image: none ! important;
}

ul[name="syncfusion-grid"] li > div > input {
     margin: 0px;
     padding: 0px;
}

ul[name="syncfusion-grid"] li {
     height: 21px;
}

ul[name="syncfusion-grid"] li > a {
     font-family: Verdana;
     font-weight: lighter;
     padding: 0px 0px 0px 3.5em ! important;
}

.Office2007Blue .sf-sp-tr {
     background-position: 2px -169px;
}

.Office2007Blue .sf-sp-vwrapper, .Office2007Blue .sf-sp-hwrapper {
     background-color: #deecff;
}

.Syncfusion-Grid-Office2007Blue {
     border-color: #6593cf;
     color: black;
}

.Syncfusion-Grid-Office2007Blue .GridContent .Table {
     border-bottom-color: #add1ff;
     border-top-color: #add1ff;
}

.Syncfusion-Grid-Office2007Blue .GridContent {
     background-color: white;
}

.Syncfusion-Grid-Office2007Blue .Gridtoolbar {
     border-top-color: #add1ff ! important;
}

.Syncfusion-Grid-Office2007Blue .GroupDropArea {
     background-color: #bfdbff;
     border-color: #add1ff;
}

.Syncfusion-Grid-Office2007Blue.cloneProperties {
     background-color: #454545;
     border-color: #add1ff;
     color: black;
}

.Syncfusion-Grid-Office2007Blue th.MasterHeaderLeftCell {
     border-color: #add1ff;
}

.Syncfusion-Grid-Office2007Blue .CaptionRow {
     background-color: #deecff;
}

.Syncfusion-Grid-Office2007Blue .HeaderCell, .Syncfusion-Grid-Office2007Blue .GroupTopLeftCell, .Syncfusion-Grid-Office2007Blue .TopLeftCell, .Syncfusion-Grid-Office2007Blue .CaptionRow, .Syncfusion-Grid-Office2007Blue .HeaderCellHover {
     border-color: #add1ff;
}

.Syncfusion-Grid-Core .sf-toolbar.Office2007Blue-horizontal {
     border-color: #add1ff;
     border-style: solid;
     border-width: 0px 0px 1px;
}

.Office2007Blue .sf-sp-tr {
     border-color: #add1ff;
     border-top: 1px solid #add1ff;
}

.Syncfusion-Grid-Office2007Blue .PagerCaptionRow {
     border-top-color: #add1ff;
}

.Syncfusion-Grid-Office2007Blue .PagerGroupDropArea {
     background-color: #bfdbff;
     border-top-color: #add1ff;
}

.Syncfusion-Grid-Office2007Blue .GroupCaption {
     background-color: #e3efff;
     border-color: #add1ff;
}

.Syncfusion-Grid-Office2007Blue .HeaderCellHover, .Syncfusion-Grid-Office2007Blue .GroupHeaderCell:hover {
     color: black;
}

.Syncfusion-Grid-Office2007Blue .GroupHeaderCell, .Syncfusion-Grid-Office2007Blue .GroupHeaderCell:hover, .Syncfusion-Grid-Office2007Blue .GrpHdrUnboundColumn {
     border-color: #a4d0ff;
}

.Syncfusion-Grid-Office2007Blue .GroupHeaderCell {
     border-color: #688caf;
     color: black;
}

.Syncfusion-Grid-Office2007Blue .SelectedHeaderCell {
     border-color: #add1ff;
     color: black;
}

.Syncfusion-Grid-Office2007Blue .RowHeader {
     background-color: #deecff;
     border-color: #add1ff;
}

.Syncfusion-Grid-Office2007Blue .TemplateCell {
     color: #81c909;
}

.Syncfusion-Grid-Office2007Blue .UnboundCell {
     border-color: #add1ff;
}

.Syncfusion-Grid-Office2007Blue .SelectedRowHeaderCell, Syncfusion-Grid-Office2007Blue .UnboundButton {
     background-color: #deecff;
     border-color: #add1ff;
}

.Syncfusion-Grid-Office2007Blue .RowCell, .Syncfusion-Grid-Office2007Blue .EmptyCell, .Syncfusion-Grid-Office2007Blue tr[class*="ChildRow"] > .ChildGrid {
     border-color: #add1ff;
}

.Syncfusion-Grid-Office2007Blue .Alt_Row {
     background-color: #f9f9f9;
}

.Syncfusion-Grid-Office2007Blue .IndentCell {
     background-color: #e3efff;
     border-color: #add1ff;
}

.Syncfusion-Grid-Office2007Blue .Summary {
     background-color: #fff5bf;
     border-color: #add1ff;
     color: #464749;
}

.Syncfusion-Grid-Office2007Blue .GridSummary {
     border: 1px none #add1ff;
}

.Syncfusion-Grid-Office2007Blue .RecordPlusCollapse, .Syncfusion-Grid-Office2007Blue .RecordPlusExpand {
     background-color: #e3efff;
     border-color: #add1ff;
}

.Syncfusion-Grid-Office2007Blue .MasterCellCollapse, .Syncfusion-Grid-Office2007Blue .MasterCellExpand {
     border-color: #add1ff;
}

.Syncfusion-Grid-Office2007Blue .RecordPlusExpand > div, .Syncfusion-Grid-Office2007Blue .MasterCellExpand > div {
     background-color: #e3efff;
}

.Syncfusion-Grid-Office2007Blue .PlusMinusSelection {
     background-color: #fcc467;
}

.Syncfusion-Grid-Office2007Blue .reSizeColbg {
     background-color: #688caf;
}

.Syncfusion-Grid-Office2007Blue .SelectedColumn {
     background-color: #ffecb6;
     color: black;
}

.Syncfusion-Grid-Office2007Blue .SelectionBackground {
     background-color: #ffbd69;
     color: black;
}

.Syncfusion-Grid-Office2007Blue .CurrentCell {
     background-color: #f68b3c;
     color: black;
}

.Syncfusion-Grid-Office2007Blue .GridPager {
     background-color: #bfdbff;
     border-color: #688caf;
}

.Syncfusion-Grid-Office2007Blue .GridPager, .Syncfusion-Grid-Office2007Blue .GridPager .NumericItem, .Syncfusion-Grid-Office2007Blue .Spacing, .Syncfusion-Grid-Office2007Blue .CaptionRow, .Syncfusion-Grid-Office2007Blue .GroupDropArea {
     color: black;
}

.Syncfusion-Grid-Office2007Blue .NumericItem-hover {
     background-color: #ffe59b;
     color: black;
}

ul.Office2007Blue ul li a span.arrows, ul.Office2007Blue-context span.arrows, ul.Office2007Blue-vertical span.arrows {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") no-repeat scroll -100px -208px rgba(0, 0, 0, 0) ! important;
}

.Syncfusion-Grid-Office2007Blue .PrevPageDisabled, .Syncfusion-Grid-Office2007Blue .PrevPage, .Syncfusion-Grid-Office2007Blue .NextPage, .Syncfusion-Grid-Office2007Blue .NextPageDisabled, .Syncfusion-Grid-Office2007Blue .Descending, .Syncfusion-Grid-Office2007Blue .Ascending {
     background-color: transparent;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkhUdRe7UHelIbojg2qi2YHc1Br7FZciXo1McTQrt8/b_oiNfbhcb0og==");
}

.Syncfusion-Grid-Office2007Blue .RecordPlusCollapse > div, .Syncfusion-Grid-Office2007Blue .MasterCellCollapse > div, .Syncfusion-Grid-Office2007Blue .EnableRowHover tbody > tr:hover > .RowHeader div, .Syncfusion-Grid-Office2007Blue .HeaderIcon {
     background-color: transparent;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l");
}

.Syncfusion-Grid-Office2007Blue .HeaderCellHover, .sf-grid-office2007blue-menu .button-wrapper, .sf-grid-office2007blue-menu .button-wrapper:hover, .Syncfusion-Grid-Office2007Blue .FilterCellHover, .Syncfusion-Grid-Office2007Blue .GroupHeaderCell:hover {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk_28DYdlhehJI2S6aHA4fKSPkw8MSRk95") repeat-x scroll center bottom #ffecac;
}

.sf-grid-office2007blue-menu .sf-choiceList, .sf-grid-office2007blue-menu .Disable_MenuItem a:hover {
     color: #000000 ! important;
}

.Syncfusion-Grid-Office2007Blue .UnboundButton:hover {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk_28DYdlhehJI2S6aHA4fKSPkw8MSRk95");
}

.Syncfusion-Grid-Office2007Blue .AddNewItem, .Syncfusion-Grid-Office2007Blue .EditItem, .Syncfusion-Grid-Office2007Blue .ExcelItem, .Syncfusion-Grid-Office2007Blue .WordItem, .Syncfusion-Grid-Office2007Blue .PdfItem, .Syncfusion-Grid-Office2007Blue .DeleteItem, .Syncfusion-Grid-Office2007Blue .SaveItem, .Syncfusion-Grid-Office2007Blue .Cancel, .Syncfusion-Grid-Office2007Blue .FirstPage, .Syncfusion-Grid-Office2007Blue .LastPage, .Syncfusion-Grid-Office2007Blue .FirstPageDisabled, .Syncfusion-Grid-Office2007Blue .LastPageDisabled, .Syncfusion-Grid-Office2007Blue .GridPager .RefreshPager, .Syncfusion-Grid-Office2007Blue .Search, .Syncfusion-Grid-Office2007Blue .FilterIcon, .Syncfusion-Grid-Office2007Blue .FilterIconTick, .sf-grid-office2007blue-menu .ClearFilterSideImg, .sf-grid-office2007blue-menu .searchButton, .sf-grid-office2007blue-menu .closeButton, .ColumnDropIndicator {
     background-color: transparent;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkhUdRe7UHelIbojg2qi2YHc1Br7FZciXo1McTQrt8/b_oiNfbhcb0og==");
}

.Syncfusion-Grid-Core .RowCell.updatedCell {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkhUdRe7UHelIbojg2qi2YHc1Br7FZciXo1McTQrt8/b_oiNfbhcb0og==");
}

.Syncfusion-Grid-Office2007Blue .sliderContainer .ui-slider, .Syncfusion-Grid-Office2007Blue .sliderContainer .ui-slider .ui-slider-range, .Syncfusion-Grid-Office2007Blue .sliderContainer .ui-slider-horizontal .ui-slider-handle, .Syncfusion-Grid-Office2007Blue .ui-slider .ui-state-hover {
     background-color: rgba(0, 0, 0, 0) ! important;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkhUdRe7UHelIbojg2qi2YHc1Br7FZciXo1McTQrt8/b_oiNfbhcb0og==") ! important;
}

.Syncfusion-Grid-Office2007Blue .HeaderCell, .Syncfusion-Grid-Office2007Blue .grid-icon, .Syncfusion-Grid-Office2007Blue .GroupTopLeftCell, .Syncfusion-Grid-Office2007Blue .TopRightCell, .Syncfusion-Grid-Office2007Blue th.MasterHeaderLeftCell, .Syncfusion-Grid-Office2007Blue .TopLeftCell, .Syncfusion-Grid-Office2007Blue.cloneProperties, .Syncfusion-Grid-Office2007Blue .ExternalForm-Header, .Syncfusion-Grid-Office2007Blue .ToggleContainer {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkF_nCapa4C4El8WV3xRPfQ9AfoNhRWI7v_27xZpY3VKg=") repeat-x scroll center bottom #daeaff;
}

.Syncfusion-Grid-Office2007Blue .GridHeader {
     background-color: #daeaff;
     color: black;
}

.Syncfusion-Grid-Office2007Blue .ef-headerText {
     color: black;
}

.Syncfusion-Grid-Office2007Blue .Hdr-widthSettings {
     border-color: #add1ff;
}

.Syncfusion-Grid-Office2007Blue .CurrentItem, .Syncfusion-Grid-Office2007Blue .CurrentItem:hover {
     background-color: orange;
     color: #000000 ! important;
}

.Syncfusion-Grid-Office2007Blue .ToolbarItems {
     color: black;
}

.Syncfusion-Grid-Office2007Blue .EditFormCaptionCell {
     color: #231f20;
}

.Syncfusion-Grid-Office2007Blue .StringFilter, .Syncfusion-Grid-Office2007Blue .DateFilter, .Syncfusion-Grid-Office2007Blue .NumericFilter {
     background-color: #bfdbff;
     border-color: #6593cf;
}

.Syncfusion-Grid-Office2007Blue .EditForm {
     background-color: #deecff;
}

.Syncfusion-Grid-Office2007Blue .RecordCaption {
     color: #4378a5;
}

.Syncfusion-Grid-Office2007Blue .EditForm legend {
     color: #4378a5;
}

.Syncfusion-Grid-Office2007Blue .EditCell .field-validation-error, .Syncfusion-Grid-Office2007Blue .EditForm .field-validation-error {
     color: red;
}

.Syncfusion-Grid-Office2007Blue .EditCell {
     border-color: #add1ff;
}

.Syncfusion-Grid-Office2007Blue .EditForm fieldset {
     border-color: #6593cf;
}

.Syncfusion-Grid-Office2007Blue .Gridtoolbar .customToolItem {
     color: black;
}

.reSizeColbg {
     background-color: #6593cf;
}

.sf-menu a {
     white-space: nowrap;
}

.ui-selectable-helper {
     background-color: #f0f3f8;
     border-color: #c7cbd1 ! important;
}

.Syncfusion-Grid-Office2007Blue.DragElementtext {
     background-color: #f89643;
     border-color: #c7cbd1 ! important;
     color: black;
}

.DragTable {
     background-color: gray;
     border-color: black;
}

.Syncfusion-Grid-Office2007Blue .SelectionBackground.SelectedRowHighlight {
     background-color: #f68b3c;
}

.sf-grid-office2007blue-menu .sf-choiceList, .sf-grid-office2007blue-menu .Search-Choice-wrapper, .sf-grid-office2007blue-menu .button-wrapper, .sf-grid-office2007blue-menu .button-wrapper:hover {
     border-color: #8bb1e5;
}

.Syncfusion-Grid-Office2007Blue .GridEditors {
     border-color: #c0c0c0 ! important;
     color: #000000 ! important;
}

.Syncfusion-Grid-Office2007Blue .button {
     border-color: #c0c0c0 ! important;
}

.Syncfusion-Grid-Office2007Blue .sfInputText {
     color: black;
}

.Syncfusion-Grid-Office2007Blue .Table td.FrozenX, .Syncfusion-Grid-Office2007Blue .Table th.FrozenX {
     border-right-color: #6593cf;
}

.Syncfusion-Grid-Office2007Blue .Table td.FrozenY {
     border-top-color: #6593cf;
}

.Syncfusion-Grid-Office2007Blue .sfOffice2007Blue .ui-state-default, .Syncfusion-Grid-Office2007Blue .sfOffice2007Blue .ui-widget-content .ui-state-default {
     background-color: rgba(0, 0, 0, 0) ! important;
}

.Syncfusion-Grid-Office2007Blue .ToggleTR, .Syncfusion-Grid-Core .ToggleBL, .Syncfusion-Grid-Office2007Blue .RecordPlusExpand > div, .Syncfusion-Grid-Office2007Blue .MasterCellExpand > div, .Syncfusion-Grid-Office2007Blue-Tooltip .tooltipBottomDiv {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l");
}

.Syncfusion-Grid-Office2007Blue .SelectedHeaderCell {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTknAyoK83HXIEl8WV3xRPfQ9AfoNhRWI7v_27xZpY3VKg=") repeat-x scroll center bottom #fbd475;
}

.Syncfusion-Grid-Office2007Blue-Tooltip .tooltipTopDiv {
     background-color: #4378a5;
     color: black;
}

.Syncfusion-Grid-Office2007Blue .NextPage:hover, .Syncfusion-Grid-Office2007Blue .LastPage:hover, .Syncfusion-Grid-Office2007Blue .FirstPage:hover, .Syncfusion-Grid-Office2007Blue .PrevPage:hover, .Syncfusion-Grid-Office2007Blue .GridPager .RefreshPager:hover {
     background-color: #ffe59b;
}

.Syncfusion-Grid-Office2007Blue .FilterBarCell, .Syncfusion-Grid-Office2007Blue .FilterBarCellDisabled {
     background-color: #deecff;
     background-image: none;
     border-color: #add1ff;
}

.Syncfusion-Grid-Office2007Blue .FilterBarCell input {
     border-color: #add1ff;
}

.Syncfusion-Grid-Office2007Blue .Syncfusion-Grid-FilterStatusBar, .Syncfusion-Grid-Office2007Blue .Syncfusion-Grid-FilterStatusBarBottom {
     background-color: #f9f9f9;
     border-color: #add1ff;
}

.Syncfusion-Grid-FilterStatusBar .MsgDiv, .Syncfusion-Grid-FilterStatusBarBottom .MsgDiv {
     color: black;
}

ul[name="syncfusion-grid"] {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk7unUvwPoiCCVBvUIWNjO_2eGlox5B12wMHcPTB8_mCo=") ! important;
}

.Syncfusion-Grid-Office2007Blue .EnableRowHover tbody > tr:hover {
     background-color: #fbe292;
}

.Syncfusion-Grid-Office2007Blue .EnableRowHover tbody > tr:hover > .RowHeader {
     background-color: #deecff;
     border-color: #add1ff;
}

.Syncfusion-Grid-Office2007Blue .ExternalEdit {
     background-color: #deecff;
     border-color: #6593cf;
}

.Syncfusion-Grid-Office2007Blue .bg-clear, .Syncfusion-Grid-Office2007Blue .Gridtoolbar .customToolItem, .Syncfusion-Grid-Office2007Blue .MasterCellCollapse, .Syncfusion-Grid-Office2007Blue .MasterCellExpand, .Syncfusion-Grid-Office2007Blue td[class*="MasterCell"] > div {
     background-color: transparent;
     border-color: #add1ff;
}

.Syncfusion-Grid-Office2007Blue .ef-wrapper {
     background-color: #deecff;
     border-color: #4a5e80;
}

.sf-editor.Office2007Blue .sfInputText, .sf-editor.Office2007Blue .Syncfusion_Value_TextBox, .sf-editor.Office2007Blue .maskeditInput {
     background-color: white;
     color: black;
     height: 100%;
     width: 100%;
}

.sf-editor.Office2007Blue {
     border: 1px solid #6593cf;
     display: inline-block;
}

.sf-editor.Office2007Blue .sfInputText, .sf-editor.Office2007Blue .Syncfusion_Value_TextBox, .sf-editor.Office2007Blue .Syncfusion_Watermark_TextBox {
     background-color: white;
     border-right: 1px solid #6593cf;
}

.sf-editor.Office2007Blue .sf-splitup, .sf-editor.Office2007Blue .sf-splitdown {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") repeat-x scroll 0px 50% transparent;
}

.sf-editor.Office2007Blue .sf-splitup:hover, .sf-editor.Office2007Blue .sf-splitdown:hover {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") repeat-x scroll 0px 50% transparent;
}

.sf-editor.Office2007Blue .sf-splitup:active, .sf-editor.Office2007Blue .sf-splitdown:active {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") repeat-x scroll 0px 50% transparent;
}

.sf-editor.Office2007Blue .sf-splitup {
     background-position: -204px -20px;
}

.sf-editor.Office2007Blue .sf-splitup:hover {
     background-position: -204px -20px;
}

.sf-editor.Office2007Blue .sf-splitup:active {
     background-position: -204px -20px;
}

.sf-editor.Office2007Blue .sf-splitdown {
     background-position: -172px -21px;
}

.sf-editor.Office2007Blue .sf-splitdown:hover {
     background-position: -172px -21px;
}

.sf-editor.Office2007Blue .sf-splitdown:active {
     background-position: -172px -21px;
}

.sf-editor.Office2007Blue .sf-splitup, .sf-editor.Office2007Blue {
     background-color: white;
}

.sf-editor.Office2007Blue .sf-splitup:hover {
     background-color: #ffecac;
}

.sf-editor.Office2007Blue .sf-splitup:active {
     background-color: #ffd870;
}

.sf-editor.Office2007Blue .sf-splitdown {
     background-color: white;
}

.sf-editor.Office2007Blue .sf-splitdown:hover {
     background-color: #ffecac;
}

.sf-editor.Office2007Blue .sf-splitdown:active {
     background-color: #ffd870;
}

.sf-core.disablebuttons, .sf-genericdropdown.Office2007Blue .disablebuttons {
     opacity: 0.3;
}

.sf-editor.sf-rtl .sfInputText, .sf-editor.Office2007Blue.sf-rtl .Syncfusion_Value_TextBox, .sf-editor.Office2007Blue.sf-rtl .Syncfusion_Watermark_TextBox {
     border-left: 1px solid #6593cf;
     border-right: medium none;
}

.sf-editor.Office2007Blue .Syncfusion_Validator, .sf-editor.Office2007Blue .error, .sf-editor.Office2007Blue .ShowInvalidateText {
     color: #cd0a0a;
}

.sf-editor.Office2007Blue .Syncfusion_Watermark_TextBox, .sf-editor.Office2007Blue .MaskWaterMark {
     background-color: white;
     color: #666666;
     font-style: italic;
     height: 100%;
     width: 100%;
}

.sf-editor.Office2007Blue .error {
     background-color: #fef1ec;
}

.sf-autocomplete.Office2007Blue.Autocomplete_Wrapper {
     border: 1px solid #6593cf;
     color: black;
     height: 20px;
}

.sf-autocomplete.Office2007Blue.Autocomplete_SuggestionList {
     background-color: white;
     border: 1px solid #6593cf;
     color: black;
     font-size: 11px;
}

.sf-autocomplete.Office2007Blue ul li.listHover {
     background-color: #ffecac;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk_28DYdlhehJI2S6aHA4fKSPkw8MSRk95");
     background-position: center bottom;
     background-repeat: repeat-x;
     color: black;
}

.sf-autocomplete.Office2007Blue .onLoading {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmyfHPkIPTx3pawRJfmYpEUqflsk0dnur8ciX9tgHiPZzYjCas3DElta");
}

.sf-autocomplete.Office2007Blue ul li div.template {
     color: black;
}

.sf-autocomplete.Office2007Blue .dropdownbuttonbase {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") no-repeat scroll -172px -16px white;
     border-left: 1px solid #6593cf;
}

.sf-autocomplete.Office2007Blue .AutoCompleteDD_RTL {
     border-left: medium none;
     border-right: 1px solid #6593cf;
}

.sf-autocomplete.Office2007Blue .dropdownbuttonbase.autocompleteDropDown:hover {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") no-repeat scroll -172px -16px #ffecac;
     color: black;
}

.sf-autocomplete.Office2007Blue .dropdownbuttonbase.autocompleteDropDown:active {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") no-repeat scroll -172px -16px #ffd870;
     color: black;
}

.sf-autocomplete.Office2007Blue.Autocomplete_Wrapper input, .sf-autocomplete.Office2007Blue.Autocomplete_Wrapper .Syncfusion_Watermark_TextBox, .sf-autocomplete.Office2007Blue.Autocomplete_Wrapper .Syncfusion_Value_TextBox {
     background-color: white;
     border: medium none;
     color: black;
     padding: 0px;
     width: 100%;
}

.sf-autocomplete.Office2007Blue .watermark {
     color: #666666;
     font-style: italic;
}

.sf-autocomplete.Office2007Blue .HighlightQueryText {
     color: black;
     font-weight: bold;
}

.sf-genericdropdown.Office2007Blue .GenericDropDownButtonBase {
     color: black;
     vertical-align: middle;
}

.sf-multicolumn.sf-genericdropdown.Office2007Blue .GenericDropDownButtonBase, .sf-genericdropdown.Office2007Blue .GenericDropDownButtonBase.GenericDropDownButton {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") no-repeat scroll -172px -16px white;
     border: 1px solid #6593cf;
}

.sf-multicolumn.sf-genericdropdown.Office2007Blue .GenericDropDownButtonBase:hover, .sf-genericdropdown.Office2007Blue .GenericDropDownButtonBase.GenericDropDownButton:hover {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") no-repeat scroll -172px -16px #ffecac;
}

.sf-multicolumn.sf-genericdropdown.Office2007Blue .GenericDropDownButtonBase:active, .sf-genericdropdown.Office2007Blue .GenericDropDownButtonBase.GenericDropDownButton:active {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") no-repeat scroll -172px -16px #ffd870;
}

.sf-genericdropdown.Office2007Blue .GenericDropDownContainer {
     border: 1px solid #6593cf;
}

.sf-genericdropdown.Office2007Blue .GenericDropDownTextBox {
     background-color: white;
     color: black;
}

.sf-genericdropdown.Office2007Blue .GenericDropDownTextBoxHover {
     background-color: white;
}

.sf-genericdropdown.Office2007Blue .GenericDropDownPopupPanel {
     background-color: white;
     border: 1px solid #6593cf;
     color: black;
     font-size: 11px;
}

.sf-genericdropdown.Office2007Blue .GenericDropDownPopupPanel .listHover {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk_28DYdlhehJI2S6aHA4fKSPkw8MSRk95") repeat-x scroll center bottom #ffecac;
     color: black;
}

.sf-button.Office2007Blue {
     color: black;
}

.sf-button.Office2007Blue.background {
     background-color: #d0e5fb;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkF_nCapa4C4El8WV3xRPfQ9AfoNhRWI7v_27xZpY3VKg=");
     background-position: center bottom;
     background-repeat: repeat-x;
     border: 1px solid #6593cf;
     color: black;
}

.sf-button.Office2007Blue.backgroundhover {
     background-color: #ffecac;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk_28DYdlhehJI2S6aHA4fKSPkw8MSRk95");
     background-position: center bottom;
     background-repeat: repeat-x;
     border: 1px solid #ffbd69;
     color: black;
}

.sf-button.Office2007Blue.backgroundselected {
     background-color: #ffd870;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTknAyoK83HXIEl8WV3xRPfQ9AfoNhRWI7v_27xZpY3VKg=");
     background-position: center bottom;
     background-repeat: repeat-x;
     border: 1px solid #c27e30;
     color: black;
}

.sf-button.Office2007Blue .spritesplitdropdownbutton, .sf-button.Office2007Blue .spritesplitnormalbutton {
     border: 0px none;
}

.sf-button.Office2007Blue .dropdowndownarrow, .sf-button.Office2007Blue .splitdownarrow {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") no-repeat scroll -175px -24px transparent;
}

.sf-button.Office2007Blue .splitrightarrow:hover .dropdowndownarrow, .sf-button.Office2007Blue .splitdownarrow:hover .dropdowndownarrow {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") no-repeat scroll -175px -24px transparent;
}

.sf-button.Office2007Blue .splitrightarrow:active .dropdowndownarrow, .sf-button.Office2007Blue .splitdownarrow:active .dropdowndownarrow {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") no-repeat scroll -175px -24px transparent;
}

.sf-button.Office2007Blue .splitbottomarrow {
     border-top: 1px solid #6593cf;
     display: block;
     text-align: center;
}

.sf-button.Office2007Blue .splitbottomarrow .buttonmaindiv {
     height: 8px;
}

.sf-button.Office2007Blue .splitrightarrow {
     border-left: 1px solid #6593cf;
     display: table-cell;
     text-align: center;
     vertical-align: top;
}

.sf-button.Office2007Blue .borderleftmousehover {
     border-left: 1px solid #ffbd69;
}

.sf-button.Office2007Blue .bordertopmousehover {
     border-top: 1px solid #ffbd69;
}

.sf-ribboncontainer.Office2007Blue .ribbonbutton {
     background-color: transparent;
     background-image: none;
     border: 1px solid transparent;
}

.sf-ribboncontainer.Office2007Blue .ribbonbutton:hover {
     background-color: #ffecac;
     background-image: none;
     border: 1px solid #ffbd69;
}

.sf-ribboncontainer.Office2007Blue .ribbonbutton:active {
     background-color: #ffd870;
     background-image: none;
     border: 1px solid #c27e30;
}

.sfrotator_container {
     box-sizing: content-box ! important;
}

.sfrotator_container .banner:hover {
     cursor: pointer;
}

.sfrotator_container .buttonImgOff, .buttonImgOn {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") repeat scroll 0% 0% transparent;
     display: inline-block;
     height: 15px;
     width: 19px;
}

.sfrotator_container .buttonImgOff {
     background-position: -115px -224px;
}

.sfrotator_container .buttonImgOn {
     background-position: -97px -224px;
}

.sf-captcha .validationFailed {
     color: #cd0a0a;
}

.sf-captcha .validationSuccess {
     color: green;
}

.sf-captcha.Office2007Blue .captcha-image-container {
     border-radius: 3px;
     border: 1px solid #14428d;
     float: left;
}

.sf-captcha.Office2007Blue .captcha-button-container {
     float: left;
     width: 50px;
}

.sf-captcha.Office2007Blue .captcha-button-container .refresh-button {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") no-repeat scroll 4px -246px #b0d3ff;
     border-radius: 3px;
     border: 1px solid #14428d;
     height: 29px;
     margin-left: 6px;
     margin-top: 5px;
     width: 29px;
}

.sf-captcha.Office2007Blue .captcha-button-container .play-button {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") no-repeat scroll -26px -246px #b0d3ff;
     border-radius: 3px;
     border: 1px solid #14428d;
     cursor: pointer;
     display: block;
     height: 29px;
     margin-left: 6px;
     margin-top: 7px;
     width: 29px;
}

.sf-rating.Office2007Blue.horizontal .stars, .sf-rating.Office2007Blue.vertical .stars {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkug0ksLnA26nUxxNCu3z9v6iI19uFxvSi") no-repeat scroll 0% 0% transparent;
}

.sf-rating.Office2007Blue.horizontal .reset, .sf-rating.Office2007Blue.vertical .reset {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkug0ksLnA26nUxxNCu3z9v6iI19uFxvSi") no-repeat scroll 0px 0px transparent;
}

.sf-rating.Office2007Blue .reset:hover {
     background-position: 0px -17px;
}

.sf-rating.Office2007Blue .stars.inactive {
     background-position: 0px -34px;
}

.sf-rating.Office2007Blue .stars.active {
     background-position: 0px -51px;
}

.sf-rating.Office2007Blue .stars.selected {
     background-position: 0px -68px;
}

.sf-rating.Office2007Blue .stars.precision {
     background-position: 0px -51px;
}

.Office2007Blue .sf-sp-Hhandle, .Office2007Blue .sf-sp-Vhandle {
     background: none repeat scroll 0% 0% #e3efff;
     border: 1px solid #8bb1e5;
}

.Office2007Blue .sf-sp-tb, .Office2007Blue .sf-sp-tr {
     height: 11px;
     width: 12px;
}

.Office2007Blue .sf-sp-bl, .Office2007Blue .sf-sp-br {
     height: 12px;
     width: 7px;
}

.Office2007Blue .sf-sp-tr {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81J7h5l7nIBsRJqbEMHgEVe5AWJtjhxKnh6MPS4/OAijTQH6DYUViO7/tu8WaWN1So");
     background-position: center -169px;
     background-repeat: no-repeat;
}

.Office2007Blue .sf-sp-tb {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81J7h5l7nIBsRJqbEMHgEVe5AWJtjhxKnh6MPS4/OAijTQH6DYUViO7/tu8WaWN1So");
     background-position: center -112px;
     background-repeat: no-repeat;
}

.Office2007Blue .sf-sp-bl {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81J7h5l7nIBsRJqbEMHgEVe5AWJtjhxKnh6MPS4/OAijTQH6DYUViO7/tu8WaWN1So");
     background-position: 1px 2px;
     background-repeat: no-repeat;
}

.Office2007Blue .sf-sp-br {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81J7h5l7nIBsRJqbEMHgEVe5AWJtjhxKnh6MPS4/OAijTQH6DYUViO7/tu8WaWN1So");
     background-position: 3px -56px;
     background-repeat: no-repeat;
}

.sf-splitter.Office2007Blue {
     border-color: #6593cf;
}

.sf-splitter.Office2007Blue .shadowbar {
     background-color: #aaaaaa;
}

.sf-splitter.Office2007Blue .pane {
     background-color: #d0e5fb;
     color: black;
}

.sf-splitter.Office2007Blue .shadowbar.endrangeindicator {
     background-color: #cd0a0a;
}

.sf-splitter.Office2007Blue .splitbar {
     background-color: #d0e5fb;
     border-color: #6593cf;
}

.sf-splitter.Office2007Blue .h-forwardarrow {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l");
     background-position: -161px -16px;
     background-repeat: no-repeat;
}

.sf-splitter.Office2007Blue .h-forwardarrow:hover {
     background-color: #ffecac;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l");
     background-position: -161px -16px;
     background-repeat: no-repeat;
}

.sf-splitter.Office2007Blue .h-backwardarrow {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l");
     background-position: -194px -16px;
     background-repeat: no-repeat;
}

.sf-splitter.Office2007Blue .h-backwardarrow:hover {
     background-color: #ffecac;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l");
     background-position: -194px -16px;
     background-repeat: no-repeat;
}

.sf-splitter.Office2007Blue .v-forwardarrow {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l");
     background-position: -171px -23px;
     background-repeat: no-repeat;
}

.sf-splitter.Office2007Blue .v-forwardarrow:hover {
     background-color: #ffecac;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l");
     background-position: -171px -23px;
     background-repeat: no-repeat;
}

.sf-splitter.Office2007Blue .v-backwardarrow {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l");
     background-position: -204px -24px;
     background-repeat: no-repeat;
}

.sf-splitter.Office2007Blue .v-backwardarrow:hover {
     background-color: #ffecac;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l");
     background-position: -204px -24px;
     background-repeat: no-repeat;
}

.sf-tagcloud.Office2007Blue {
     background-color: white;
}

.sf-tagcloud.Office2007Blue .tagcloud-header {
     background-color: #dcebff;
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkF_nCapa4C4El8WV3xRPfQ9AfoNhRWI7v_27xZpY3VKg=");
     color: black;
}

.sf-tagcloud.Office2007Blue .tagcloud-items .textNode {
     color: black;
}

.sf-tagcloud.Office2007Blue .tagcloud-items .textNode.hover {
     color: black;
}

.sf-timepicker.timespan-widget.Office2007Blue {
     border: 1px solid #6593cf;
}

.sf-timepicker.Office2007Blue li {
     background-color: #d0e5fb;
     border-color: #6593cf;
     color: black;
}

.sf-timepicker.Office2007Blue li:hover {
     background-color: #ffecac;
     border-color: #ffbd69;
     color: black;
}

.sf-toolbar.Office2007Blue-horizontal {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkF_nCapa4C4El8WV3xRPfQ9AfoNhRWI7v_27xZpY3VKg=") repeat-x scroll center bottom #d0e5fb;
     border: 1px solid #6593cf;
     color: black;
     display: inline-block;
     width: 100%;
}

.sf-toolbar.Office2007Blue-vertical {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkF_nCapa4C4EfB1bBVyrtgdTHE0K7fP2/qIjX24XG9KI=") repeat-y scroll left center #d0e5fb;
     border: 1px solid #6593cf;
     color: black;
     display: inline-block;
}

.sf-toolbar.Office2007Blue-vertical, .sf-toolbar.Office2007Blue-vertical div:first-child {
     overflow: hidden;
}

.sf-toolbar.Office2007Blue-horizontal li {
     display: inline;
     float: left;
}

.sf-toolbar.Office2007Blue-horizontal ul {
     float: left;
     vertical-align: middle;
}

.sf-toolbar.Office2007Blue-horizontal .AlignInline {
     display: inline;
}

.sf-toolbar.Office2007Blue-horizontal .Disable_ToolLi, .sf-toolbar.Office2007Blue-vertical .Disable_ToolLi {
     color: #a5a5a5;
}

.sf-toolbar.Office2007Blue-horizontal .Tool_Hover, .sf-toolbar.Office2007Blue-vertical .Tool_Hover {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk_28DYdlhehJI2S6aHA4fKSPkw8MSRk95") repeat-x scroll center bottom #ffecac;
     border: 1px solid #ffbd69;
     color: black;
}

.sf-toolbar.Office2007Blue-horizontal .Tool_Selected, .sf-toolbar.Office2007Blue-vertical .Tool_Selected {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTknAyoK83HXIEl8WV3xRPfQ9AfoNhRWI7v_27xZpY3VKg=") repeat-x scroll center bottom #ffd870;
     border: 1px solid #c27e30;
     color: black;
}

.sf-toolbar.Office2007Blue-horizontal .Toolbar_Separator {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkzopaZb_yYtNnhpaMeQddsDB3D0wfPpgq");
     display: inline;
     float: left;
     height: 15px;
     width: 2px;
}

.sf-toolbar.Office2007Blue-vertical .Toolbar_Separator {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkFuQx0boKp8c0HlghHnXphmkxVK6VeMY_");
     height: 2px;
     width: 15px;
}

.sf-toolbar.Office2007Blue-horizontal .AlignMiddle, .sf-toolbar.Office2007Blue-vertical .AlignMiddle, .sf-toolbar.Office2007Blue-horizontal .Toolbar_Text, .sf-toolbar.Office2007Blue-vertical .Toolbar_Text {
     margin: 0px 2px;
     vertical-align: middle;
}

.sf-treeview.Office2007Blue .ImgCss {
     border: 1px solid #6593cf;
}

.sf-treeview.Office2007Blue .showline-NodeText, .sf-treeview.Office2007Blue .noline-NodeText {
     color: black;
}

.sf-treeview.Office2007Blue .showline {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkETqiOMC8Jc3EFedEyiS/wtTHE0K7fP2/qIjX24XG9KI=") repeat-y scroll 0px 0px transparent;
}

.sf-treeview.Office2007Blue.RTL .showline {
     background-position: right -38px;
     padding: 0px 16px 5px;
}

.sf-treeview.Office2007Blue .Input_Text {
     border: 2px solid #ffd870;
}

.sf-treeview.Office2007Blue span.noline-child, .sf-treeview.Office2007Blue span.showline-child {
     white-space: nowrap;
}

.sf-treeview.Office2007Blue .plus {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") no-repeat scroll -159px -20px transparent;
}

.sf-treeview.Office2007Blue .minus {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") no-repeat scroll -223px -23px transparent;
}

.sf-treeview.Office2007Blue.RTL .plus {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") no-repeat scroll -194px -21px transparent;
}

.sf-treeview.Office2007Blue.RTL .minus {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") no-repeat scroll -85px -21px transparent;
}

.sf-treeview.Office2007Blue .pointer, .sf-treeview.Office2007Blue.RTL .pointer {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkETqiOMC8Jc1LkO4xWJSHfjQeWCEedemGaTFUrpV4xj4=") no-repeat scroll 0% 0% transparent;
}

.sf-treeview.Office2007Blue .pointer.child {
     background-position: 1px -322px;
     cursor: default;
}

.sf-treeview.Office2007Blue .pointer.plus {
     background-position: 1px -208px;
}

.sf-treeview.Office2007Blue .pointer.minus {
     background-position: 0px -153px;
}

.sf-treeview.Office2007Blue.RTL .pointer.child {
     background-position: 2px -322px;
}

.sf-treeview.Office2007Blue.RTL .pointer.plus {
     background-position: 2px -560px;
}

.sf-treeview.Office2007Blue.RTL .pointer.minus {
     background-position: 0px -505px;
}

.sf-treeview.Office2007Blue .showline-selected, .sf-treeview.Office2007Blue .noline-selected {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTknAyoK83HXIEl8WV3xRPfQ9AfoNhRWI7v_27xZpY3VKg=") repeat-x scroll 0px 0px #ffd870;
     border: 1px solid #c27e30;
     color: black;
}

.sf-treeview.Office2007Blue .showline-hover, .sf-treeview.Office2007Blue .noline-hover {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk_28DYdlhehJI2S6aHA4fKSPkw8MSRk95") repeat-x scroll 0px 0px #ffecac;
     border: 1px solid #ffbd69;
     color: black;
}

.sf-uploadbox .upload-progress-status {
     background-color: #cd0a0a;
}

.sf-uploadbox .upload-progress {
     border: 1px solid #6593cf;
}

.sf-uploadbox .file-list .file-status-failed {
     color: #cd0a0a;
}

.sf-uploadbox .file-list .file-status-success {
     color: green;
}

.sf-uploadbox.Office2007Blue .file-progress {
     background-color: #d0e5fb;
     border: 1px solid #6593cf;
}

.sf-uploadbox.Office2007Blue .file-action, .sf-uploadbox.Office2007Blue .file-list .file-size {
     background-color: #d0e5fb;
     border-color: #6593cf;
}

.sf-uploadbox.Office2007Blue .file-progress-status {
     background-color: #6593cd;
}

.sf-uploadbox.Office2007Blue .inputbutton {
     background-color: #d0e5fb;
     border-radius: 5px;
     border: 1px solid #6593cf;
     color: black;
     font-size: 11px;
     padding: 5px 10px;
}

.sf-uploadbox.Office2007Blue .file-list {
     color: black;
}

.sf-menu.Office2007Blue > li > a {
     float: left;
     padding: 1px 16px 1px 4px;
}

.sf-menu.Office2007Blue {
     height: 20px;
     padding: 0px 0px 2px;
}

.sf-menu.Office2007Blue > li {
     float: left;
     padding: 0px 0px 0px 4px;
}

.sf-menu.Office2007Blue ul li a, .sf-menu.Office2007Blue-vertical li a, .sf-menu.Office2007Blue-vertical ul li a {
     display: block;
}

.sf-menu.Office2007Blue > li.separator {
     height: 80%;
     margin-top: 2px;
     padding: 0px;
     width: 2px;
}

.sf-menu.Office2007Blue > li > a > span.arrows {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") no-repeat scroll -171px -18px transparent;
}

.sf-menu.Office2007Blue > li:hover > a > span.arrows {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") no-repeat scroll -171px -18px transparent;
}

.sf-menu.Office2007Blue ul li a span.arrows, .sf-menu.Office2007Blue-context span.arrows, .sf-menu.Office2007Blue-vertical span.arrows {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") no-repeat scroll -156px -16px transparent;
}

.sf-menu.Office2007Blue ul li:hover a span.arrows, .sf-menu.Office2007Blue-context li:hover span.arrows, .sf-menu.Office2007Blue-vertical li:hover span.arrows {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l") no-repeat scroll -156px -16px transparent;
}

.sf-menu.Office2007Blue-vertical a {
     padding: 0px 2.5em;
}

.sf-menu.Office2007Blue-vertical {
     line-height: 19px;
     position: absolute;
}

.sf-menu.Office2007Blue-vertical ul {
     left: 101%;
     margin: -0.8px 0px 0px;
     top: 0px;
}

.sf-menu.Office2007Blue-vertical ul li {
     line-height: 19px;
}

.sf-menu.Office2007Blue-vertical > li.separator {
     height: 2px;
     margin-left: 2px;
     padding: 0px;
     width: 95%;
}

.sf-menu.Office2007Blue-vertical > li > img {
     position: absolute;
}

.sf-menu.Office2007Blue-context a {
     display: block;
     font-size: 11px;
     padding: 0px 0px 0px 2.5em;
}

.sf-menu.Office2007Blue-context {
     line-height: 19px;
     padding: 1px;
     position: absolute;
     width: 200px;
     z-index: 9998;
}

.sf-menu.Office2007Blue-context ul {
     left: 101%;
     line-height: 19px;
     margin: -0.8px 0px 0px;
     top: 0px;
}

.sf-menu.Office2007Blue-context li > img, .sf-menu.Office2007Blue-context li > div, .sf-menu.Office2007Blue-context li > span {
     float: left;
     position: absolute;
}

.sf-menu.Office2007Blue-context > li.separator {
     height: 2px;
     margin-left: 30px;
     padding: 0px;
     width: 80%;
}

.sf-menu.Office2007Blue a, .sf-menu.Office2007Blue-vertical a {
     color: black;
}

.sf-menu.Office2007Blue ul li a, .sf-menu.Office2007Blue-vertical ul li a, .sf-menu.Office2007Blue-context ul li a, .sf-menu.Office2007Blue-context a {
     color: black;
}

.sf-menu.Office2007Blue {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkF_nCapa4C4El8WV3xRPfQ9AfoNhRWI7v_27xZpY3VKg=") repeat-x scroll center bottom #d0e5fb;
     border: 1px solid #6593cf;
}

.sf-menu.Office2007Blue > li:hover {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk_28DYdlhehJI2S6aHA4fKSPkw8MSRk95") repeat-x scroll center bottom #ffecac;
     border: 1px solid #ffbd69;
}

.sf-menu.Office2007Blue > li.separator {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkzopaZb_yYtNnhpaMeQddsDB3D0wfPpgq") repeat-y scroll 0% 0% transparent;
}

.sf-menu.Office2007Blue > li.separator:hover, .sf-menu.Office2007Blue-vertical > li.separator:hover {
     background-color: transparent;
     border: 1px solid transparent;
}

.sf-menu.Office2007Blue ul {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk7unUvwPoiCBKDs_i3XXWUxl3Wj0tvr5jiKiNTsyPYQo=") repeat-y scroll left center #f6f6f6;
     border: 1px solid #6593cf;
}

.sf-menu.Office2007Blue ul li:hover, .sf-menu.Office2007Blue-vertical ul li:hover, .sf-menu.Office2007Blue-context li.hover-state {
     background-color: #ffecac;
     border: 1px solid #ffbd69;
}

.sf-menu.Office2007Blue > li:hover > a, .sf-menu.Office2007Blue-vertical > li:hover > a, .sf-menu.Office2007Blue li:hover > a, .sf-menu.Office2007Blue-vertical li:hover > a, .sf-menu.Office2007Blue-context li:hover > a, .sf-menu.Office2007Blue ul li:hover > a, .sf-menu.Office2007Blue-vertical ul li:hover > a, .sf-menu.Office2007Blue-context ul li:hover > a {
     color: black;
}

.sf-menu.Office2007Blue ul li.separator, .sf-menu.Office2007Blue-vertical ul li.separator, .sf-menu.Office2007Blue-context ul li.separator, .sf-menu.Office2007Blue-context > li.separator {
     background-repeat: repeat-x;
     border-bottom: 1px solid #6593cf;
}

.sf-menu.Office2007Blue ul li.separator:hover, .sf-menu.Office2007Blue-vertical ul li.separator:hover, .sf-menu.Office2007Blue-context ul li.separator:hover, .sf-menu.Office2007Blue-context > li.separator:hover {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background-color: transparent;
     border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffbd69;
     border-image: none;
     border-style: solid;
     border-width: 1px;
}

.sf-menu.Office2007Blue-vertical {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkF_nCapa4C4EfB1bBVyrtgdTHE0K7fP2/qIjX24XG9KI=") repeat-y scroll left center #d0e5fb;
     border: 1px solid #6593cf;
     color: black;
}

.sf-menu.Office2007Blue-vertical > li:hover, .sf-menu.Office2007Blue-vertical > li:hover {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk_28DYdlhehJI2S6aHA4fKSPkw8MSRk95") repeat-x scroll center bottom #ffecac;
     border: 1px solid #ffbd69;
}

.sf-menu.Office2007Blue-vertical > li.separator {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkFuQx0boKp8c0HlghHnXphmkxVK6VeMY_") repeat-x scroll 0% 0% transparent;
}

.sf-menu.Office2007Blue-vertical ul {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk7unUvwPoiCBKDs_i3XXWUxl3Wj0tvr5jiKiNTsyPYQo=") repeat-y scroll left center #f6f6f6;
     border: 1px solid #6593cf;
}

.sf-menu.Office2007Blue-context ul, .sf-menu.Office2007Blue-context {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk7unUvwPoiCBKDs_i3XXWUxl3Wj0tvr5jiKiNTsyPYQo=") repeat-y scroll left center #f6f6f6;
     border: 1px solid #6593cf;
}

.sf-menu.Office2007Blue li.Disable_MenuItem, .sf-menu.Office2007Blue ul li.Disable_MenuItem, .sf-menu.Office2007Blue-vertical li.Disable_MenuItem, .sf-menu.Office2007Blue-vertical ul li.Disable_MenuItem, .sf-menu.Office2007Blue-context li.Disable_MenuItem, .sf-menu.Office2007Blue-context ul li.Disable_MenuItem {
     background-color: transparent;
     border: 1px solid transparent;
}

.sf-menu.Office2007Blue > li.Disable_MenuItem > *, .sf-menu.Office2007Blue ul li.Disable_MenuItem > *, .sf-menu.Office2007Blue-vertical > li.Disable_MenuItem > *, .sf-menu.Office2007Blue-vertical ul li.Disable_MenuItem > *, .sf-menu.Office2007Blue-context > li.Disable_MenuItem > *, .sf-menu.Office2007Blue-context ul li.Disable_MenuItem > * {
     opacity: 0.4;
}

.sf-menu.Office2007Blue > li.Disable_MenuItem a:hover, .sf-menu.Office2007Blue > li.Disable_MenuItem:hover, .sf-menu.Office2007Blue-vertical > li.Disable_MenuItem a:hover, .sf-menu.Office2007Blue-vertical > li.Disable_MenuItem:hover, .sf-menu.Office2007Blue-context > li.Disable_MenuItem a:hover, .sf-menu.Office2007Blue-context > li.Disable_MenuItem:hover {
     background-color: transparent;
     background-image: none;
     border: 1px solid transparent;
     color: black;
}

.sf-jqueryui.Office2007Blue .ui-widget {
     font-family: Segoe UI;
     font-size: 11px;
}

.sf-jqueryui.Office2007Blue .ui-widget input, .sf-jqueryui.Office2007Blue .ui-widget select, .sf-jqueryui.Office2007Blue .ui-widget textarea, .sf-jqueryui.Office2007Blue .ui-widget button {
     font-family: Segoe UI;
     font-size: 11.7px;
}

.sf-jqueryui.Office2007Blue .ui-widget-content {
     background: none repeat-x scroll 50% top white;
     border: 1px solid #8bb1e5;
     color: black;
}

.sf-jqueryui.Office2007Blue .ui-widget-content a {
     color: black;
}

.sf-jqueryui.Office2007Blue .ui-widget-header {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkF_nCapa4C4El8WV3xRPfQ9AfoNhRWI7v_27xZpY3VKg=") repeat scroll 50% 50% #dcebff;
     border: 1px solid #8bb1e5;
     color: black;
     font-weight: bold;
}

.sf-jqueryui.Office2007Blue .ui-widget-header a {
     color: black;
}

.sf-jqueryui.Office2007Blue .ui-tabs .ui-tabs-nav {
     border-bottom: 0px none;
}

.sf-jqueryui.Office2007Blue .ui-state-default, .sf-jqueryui.Office2007Blue .ui-widget-content .ui-state-default {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkF_nCapa4C4El8WV3xRPfQ9AfoNhRWI7v_27xZpY3VKg=") repeat-x scroll 50% 50% #d0e5fb;
     border: 1px solid #6593cf;
     color: black;
     font-weight: normal;
     outline: medium none;
}

.sf-jqueryui.Office2007Blue .ui-state-default a, .sf-jqueryui.Office2007Blue .ui-state-default a:link, .sf-jqueryui.Office2007Blue .ui-state-default a:visited {
     color: black;
     outline: medium none;
     text-decoration: none;
}

.sf-jqueryui.Office2007Blue .ui-state-hover, .sf-jqueryui.Office2007Blue .ui-widget-content .ui-state-hover, .sf-jqueryui.Office2007Blue .ui-state-focus, .sf-jqueryui.Office2007Blue .ui-widget-content .ui-state-focus {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk_28DYdlhehJI2S6aHA4fKSPkw8MSRk95") repeat-x scroll 50% 50% #ffecac;
     border: 1px solid #ffbd69;
     color: black;
     font-weight: normal;
     outline: medium none;
}

.sf-jqueryui.Office2007Blue .ui-state-hover a, .sf-jqueryui.Office2007Blue .ui-state-hover a:hover {
     color: black;
     outline: medium none;
     text-decoration: none;
}

.sf-jqueryui.Office2007Blue .ui-state-active, .sf-jqueryui.Office2007Blue .ui-widget-content .ui-state-active {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTknAyoK83HXIEl8WV3xRPfQ9AfoNhRWI7v_27xZpY3VKg=") repeat-x scroll 50% 50% #ffd870;
     border: 1px solid #c27e30;
     color: black;
     font-weight: normal;
     outline: medium none;
}

.sf-jqueryui.Office2007Blue .ui-state-active a, .sf-jqueryui.Office2007Blue .ui-state-active a:link, .sf-jqueryui.Office2007Blue .ui-state-active a:visited {
     color: black;
     outline: medium none;
     text-decoration: none;
}

.sf-jqueryui.Office2007Blue .ui-state-highlight, .sf-jqueryui.Office2007Blue .ui-widget-content .ui-state-highlight {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2JaX4C50I4D9lQstDYr5Nf7_zuMMbw8tUibJ1u9JYW4=") repeat-x scroll 50% bottom #fbf9ee;
     border: 1px solid #fcefa1;
     color: black;
}

.sf-jqueryui.Office2007Blue .ui-state-highlight a, .sf-jqueryui.Office2007Blue .ui-widget-content .ui-state-highlight a {
     color: black;
}

.sf-jqueryui.Office2007Blue .ui-state-error, .sf-jqueryui.Office2007Blue .ui-widget-content .ui-state-error {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkTFjBFst_MONI2S6aHA4fKSPkw8MSRk95") repeat-x scroll 50% bottom #fef1ec;
     border: 1px solid #cd0a0a;
     color: #cd0a0a;
}

.sf-jqueryui.Office2007Blue .ui-state-error a, .sf-jqueryui.Office2007Blue .ui-widget-content .ui-state-error a {
     color: #cd0a0a;
}

.sf-jqueryui.Office2007Blue .ui-state-error-text, .sf-jqueryui.Office2007Blue .ui-widget-content .ui-state-error-text {
     color: #cd0a0a;
}

.sf-jqueryui.Office2007Blue .ui-state-disabled, .sf-jqueryui.Office2007Blue .ui-widget-content .ui-state-disabled {
     background-image: none;
     opacity: 0.35;
}

.sf-jqueryui.Office2007Blue .ui-priority-primary, .sf-jqueryui.Office2007Blue .ui-widget-content .ui-priority-primary {
     font-weight: bold;
}

.sf-jqueryui.Office2007Blue .ui-priority-secondary, .sf-jqueryui.Office2007Blue .ui-widget-content .ui-priority-secondary {
     font-weight: normal;
     opacity: 0.7;
}

.sf-jqueryui.Office2007Blue .ui-icon {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l");
     height: 16px;
     width: 16px;
}

.sf-jqueryui.Office2007Blue .ui-widget-content .ui-icon {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l");
}

.sf-jqueryui.Office2007Blue .ui-widget-header .ui-icon {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l");
}

.sf-jqueryui.Office2007Blue .ui-state-default .ui-icon {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l");
}

.sf-jqueryui.Office2007Blue .ui-state-hover .ui-icon, .sf-jqueryui.Office2007Blue .ui-state-focus .ui-icon {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l");
}

.sf-jqueryui.Office2007Blue .ui-state-active .ui-icon {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTk2nQ8u0BQdZW7RFGwFJ9kybSlUtX48M_l");
}

.sf-jqueryui.Office2007Blue .ui-state-highlight .ui-icon {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkFbYcihxBvGLh56D4Hoj0zhGsbRQB5uTUGXdaPS2_vmOIqI1OzI9hCg==");
}

.sf-jqueryui.Office2007Blue .ui-state-error .ui-icon, .sf-jqueryui.Office2007Blue .ui-state-error-text .ui-icon {
     background-image: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81h2wxUPGpA037nOPucuwj83e5HmWrlqTkFbYcihxBvGJ4y4UF_zPqAzQeWCEedemGaTFUrpV4xj4=");
}

.sf-jqueryui.Office2007Blue .ui-icon-carat-1-n {
     background-position: 0px 0px;
}

.sf-jqueryui.Office2007Blue .ui-icon-carat-1-ne {
     background-position: -16px 0px;
}

.sf-jqueryui.Office2007Blue .ui-icon-carat-1-e {
     background-position: -32px 0px;
}

.sf-jqueryui.Office2007Blue .ui-icon-carat-1-se {
     background-position: -48px 0px;
}

.sf-jqueryui.Office2007Blue .ui-icon-carat-1-s {
     background-position: -64px 0px;
}

.sf-jqueryui.Office2007Blue .ui-icon-carat-1-sw {
     background-position: -80px 0px;
}

.sf-jqueryui.Office2007Blue .ui-icon-carat-1-w {
     background-position: -96px 0px;
}

.sf-jqueryui.Office2007Blue .ui-icon-carat-1-nw {
     background-position: -112px 0px;
}

.sf-jqueryui.Office2007Blue .ui-icon-carat-2-n-s {
     background-position: -128px 0px;
}

.sf-jqueryui.Office2007Blue .ui-icon-carat-2-e-w {
     background-position: -144px 0px;
}

.sf-jqueryui.Office2007Blue .ui-icon-triangle-1-n {
     background-position: 0px -16px;
}

.sf-jqueryui.Office2007Blue .ui-icon-triangle-1-ne {
     background-position: -16px -16px;
}

.sf-jqueryui.Office2007Blue .ui-icon-triangle-1-e {
     background-position: -32px -16px;
}

.sf-jqueryui.Office2007Blue .ui-icon-triangle-1-se {
     background-position: -48px -16px;
}

.sf-jqueryui.Office2007Blue .ui-icon-triangle-1-s {
     background-position: -64px -16px;
}

.sf-jqueryui.Office2007Blue .ui-icon-triangle-1-sw {
     background-position: -80px -16px;
}

.sf-jqueryui.Office2007Blue .ui-icon-triangle-1-w {
     background-position: -96px -16px;
}

.sf-jqueryui.Office2007Blue .ui-icon-triangle-1-nw {
     background-position: -112px -16px;
}

.sf-jqueryui.Office2007Blue .ui-icon-triangle-2-n-s {
     background-position: -128px -16px;
}

.sf-jqueryui.Office2007Blue .ui-icon-triangle-2-e-w {
     background-position: -144px -16px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrow-1-n {
     background-position: 0px -32px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrow-1-ne {
     background-position: -16px -32px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrow-1-e {
     background-position: -32px -32px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrow-1-se {
     background-position: -48px -32px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrow-1-s {
     background-position: -64px -32px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrow-1-sw {
     background-position: -80px -32px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrow-1-w {
     background-position: -96px -32px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrow-1-nw {
     background-position: -112px -32px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrow-2-n-s {
     background-position: -128px -32px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrow-2-ne-sw {
     background-position: -144px -32px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrow-2-e-w {
     background-position: -160px -32px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrow-2-se-nw {
     background-position: -176px -32px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowstop-1-n {
     background-position: -192px -32px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowstop-1-e {
     background-position: -208px -32px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowstop-1-s {
     background-position: -224px -32px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowstop-1-w {
     background-position: -240px -32px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowthick-1-n {
     background-position: 0px -48px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowthick-1-ne {
     background-position: -16px -48px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowthick-1-e {
     background-position: -32px -48px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowthick-1-se {
     background-position: -48px -48px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowthick-1-s {
     background-position: -64px -48px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowthick-1-sw {
     background-position: -80px -48px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowthick-1-w {
     background-position: -96px -48px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowthick-1-nw {
     background-position: -112px -48px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowthick-2-n-s {
     background-position: -128px -48px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowthick-2-ne-sw {
     background-position: -144px -48px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowthick-2-e-w {
     background-position: -160px -48px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowthick-2-se-nw {
     background-position: -176px -48px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowthickstop-1-n {
     background-position: -192px -48px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowthickstop-1-e {
     background-position: -208px -48px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowthickstop-1-s {
     background-position: -224px -48px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowthickstop-1-w {
     background-position: -240px -48px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowreturnthick-1-w {
     background-position: 0px -64px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowreturnthick-1-n {
     background-position: -16px -64px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowreturnthick-1-e {
     background-position: -32px -64px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowreturnthick-1-s {
     background-position: -48px -64px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowreturn-1-w {
     background-position: -64px -64px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowreturn-1-n {
     background-position: -80px -64px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowreturn-1-e {
     background-position: -96px -64px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowreturn-1-s {
     background-position: -112px -64px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowrefresh-1-w {
     background-position: -128px -64px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowrefresh-1-n {
     background-position: -144px -64px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowrefresh-1-e {
     background-position: -160px -64px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrowrefresh-1-s {
     background-position: -176px -64px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrow-4 {
     background-position: 0px -80px;
}

.sf-jqueryui.Office2007Blue .ui-icon-arrow-4-diag {
     background-position: -16px -80px;
}

.sf-jqueryui.Office2007Blue .ui-icon-extlink {
     background-position: -32px -80px;
}

.sf-jqueryui.Office2007Blue .ui-icon-newwin {
     background-position: -48px -80px;
}

.sf-jqueryui.Office2007Blue .ui-icon-refresh {
     background-position: -64px -80px;
}

.sf-jqueryui.Office2007Blue .ui-icon-shuffle {
     background-position: -80px -80px;
}

.sf-jqueryui.Office2007Blue .ui-icon-transfer-e-w {
     background-position: -96px -80px;
}

.sf-jqueryui.Office2007Blue .ui-icon-transferthick-e-w {
     background-position: -112px -80px;
}

.sf-jqueryui.Office2007Blue .ui-icon-folder-collapsed {
     background-position: 0px -96px;
}

.sf-jqueryui.Office2007Blue .ui-icon-folder-open {
     background-position: -16px -96px;
}

.sf-jqueryui.Office2007Blue .ui-icon-document {
     background-position: -32px -96px;
}

.sf-jqueryui.Office2007Blue .ui-icon-document-b {
     background-position: -48px -96px;
}

.sf-jqueryui.Office2007Blue .ui-icon-note {
     background-position: -64px -96px;
}

.sf-jqueryui.Office2007Blue .ui-icon-mail-closed {
     background-position: -80px -96px;
}

.sf-jqueryui.Office2007Blue .ui-icon-mail-open {
     background-position: -96px -96px;
}

.sf-jqueryui.Office2007Blue .ui-icon-suitcase {
     background-position: -112px -96px;
}

.sf-jqueryui.Office2007Blue .ui-icon-comment {
     background-position: -128px -96px;
}

.sf-jqueryui.Office2007Blue .ui-icon-person {
     background-position: -144px -96px;
}

.sf-jqueryui.Office2007Blue .ui-icon-print {
     background-position: -160px -96px;
}

.sf-jqueryui.Office2007Blue .ui-icon-trash {
     background-position: -176px -96px;
}

.sf-jqueryui.Office2007Blue .ui-icon-locked {
     background-position: -192px -96px;
}

.sf-jqueryui.Office2007Blue .ui-icon-unlocked {
     background-position: -208px -96px;
}

.sf-jqueryui.Office2007Blue .ui-icon-bookmark {
     background-position: -224px -96px;
}

.sf-jqueryui.Office2007Blue .ui-icon-tag {
     background-position: -240px -96px;
}

.sf-jqueryui.Office2007Blue .ui-icon-home {
     background-position: 0px -112px;
}

.sf-jqueryui.Office2007Blue .ui-icon-flag {
     background-position: -16px -112px;
}

.sf-jqueryui.Office2007Blue .ui-icon-calendar {
     background-position: -32px -112px;
}

.sf-jqueryui.Office2007Blue .ui-icon-cart {
     background-position: -48px -112px;
}

.sf-jqueryui.Office2007Blue .ui-icon-pencil {
     background-position: -64px -112px;
}

.sf-jqueryui.Office2007Blue .ui-icon-clock {
     background-position: -80px -112px;
}

.sf-jqueryui.Office2007Blue .ui-icon-disk {
     background-position: -96px -112px;
}

.sf-jqueryui.Office2007Blue .ui-icon-calculator {
     background-position: -112px -112px;
}

.sf-jqueryui.Office2007Blue .ui-icon-zoomin {
     background-position: -128px -112px;
}

.sf-jqueryui.Office2007Blue .ui-icon-zoomout {
     background-position: -144px -112px;
}

.sf-jqueryui.Office2007Blue .ui-icon-search {
     background-position: -160px -112px;
}

.sf-jqueryui.Office2007Blue .ui-icon-wrench {
     background-position: -176px -112px;
}

.sf-jqueryui.Office2007Blue .ui-icon-gear {
     background-position: -192px -112px;
}

.sf-jqueryui.Office2007Blue .ui-icon-heart {
     background-position: -208px -112px;
}

.sf-jqueryui.Office2007Blue .ui-icon-star {
     background-position: -224px -112px;
}

.sf-jqueryui.Office2007Blue .ui-icon-link {
     background-position: -240px -112px;
}

.sf-jqueryui.Office2007Blue .ui-icon-cancel {
     background-position: 0px -128px;
}

.sf-jqueryui.Office2007Blue .ui-icon-plus {
     background-position: -16px -128px;
}

.sf-jqueryui.Office2007Blue .ui-icon-plusthick {
     background-position: -32px -128px;
}

.sf-jqueryui.Office2007Blue .ui-icon-minus {
     background-position: -48px -128px;
}

.sf-jqueryui.Office2007Blue .ui-icon-minusthick {
     background-position: -64px -128px;
}

.sf-jqueryui.Office2007Blue .ui-icon-close {
     background-position: -80px -128px;
}

.sf-jqueryui.Office2007Blue .ui-icon-closethick {
     background-position: -96px -128px;
}

.sf-jqueryui.Office2007Blue .ui-icon-key {
     background-position: -112px -128px;
}

.sf-jqueryui.Office2007Blue .ui-icon-lightbulb {
     background-position: -128px -128px;
}

.sf-jqueryui.Office2007Blue .ui-icon-scissors {
     background-position: -144px -128px;
}

.sf-jqueryui.Office2007Blue .ui-icon-clipboard {
     background-position: -160px -128px;
}

.sf-jqueryui.Office2007Blue .ui-icon-copy {
     background-position: -176px -128px;
}

.sf-jqueryui.Office2007Blue .ui-icon-contact {
     background-position: -192px -128px;
}

.sf-jqueryui.Office2007Blue .ui-icon-image {
     background-position: -208px -128px;
}

.sf-jqueryui.Office2007Blue .ui-icon-video {
     background-position: -224px -128px;
}

.sf-jqueryui.Office2007Blue .ui-icon-script {
     background-position: -240px -128px;
}

.sf-jqueryui.Office2007Blue .ui-icon-alert {
     background-position: 0px -144px;
}

.sf-jqueryui.Office2007Blue .ui-icon-info {
     background-position: -16px -144px;
}

.sf-jqueryui.Office2007Blue .ui-icon-notice {
     background-position: -32px -144px;
}

.sf-jqueryui.Office2007Blue .ui-icon-help {
     background-position: -48px -144px;
}

.sf-jqueryui.Office2007Blue .ui-icon-check {
     background-position: -64px -144px;
}

.sf-jqueryui.Office2007Blue .ui-icon-bullet {
     background-position: -80px -144px;
}

.sf-jqueryui.Office2007Blue .ui-icon-radio-off {
     background-position: -96px -144px;
}

.sf-jqueryui.Office2007Blue .ui-icon-radio-on {
     background-position: -112px -144px;
}

.sf-jqueryui.Office2007Blue .ui-icon-pin-w {
     background-position: -128px -144px;
}

.sf-jqueryui.Office2007Blue .ui-icon-pin-s {
     background-position: -144px -144px;
}

.sf-jqueryui.Office2007Blue .ui-icon-play {
     background-position: 0px -160px;
}

.sf-jqueryui.Office2007Blue .ui-icon-pause {
     background-position: -16px -160px;
}

.sf-jqueryui.Office2007Blue .ui-icon-seek-next {
     background-position: -32px -160px;
}

.sf-jqueryui.Office2007Blue .ui-icon-seek-prev {
     background-position: -48px -160px;
}

.sf-jqueryui.Office2007Blue .ui-icon-seek-end {
     background-position: -64px -160px;
}

.sf-jqueryui.Office2007Blue .ui-icon-seek-first {
     background-position: -80px -160px;
}

.sf-jqueryui.Office2007Blue .ui-icon-stop {
     background-position: -96px -160px;
}

.sf-jqueryui.Office2007Blue .ui-icon-eject {
     background-position: -112px -160px;
}

.sf-jqueryui.Office2007Blue .ui-icon-volume-off {
     background-position: -128px -160px;
}

.sf-jqueryui.Office2007Blue .ui-icon-volume-on {
     background-position: -144px -160px;
}

.sf-jqueryui.Office2007Blue .ui-icon-power {
     background-position: 0px -176px;
}

.sf-jqueryui.Office2007Blue .ui-icon-signal-diag {
     background-position: -16px -176px;
}

.sf-jqueryui.Office2007Blue .ui-icon-signal {
     background-position: -32px -176px;
}

.sf-jqueryui.Office2007Blue .ui-icon-battery-0 {
     background-position: -48px -176px;
}

.sf-jqueryui.Office2007Blue .ui-icon-battery-1 {
     background-position: -64px -176px;
}

.sf-jqueryui.Office2007Blue .ui-icon-battery-2 {
     background-position: -80px -176px;
}

.sf-jqueryui.Office2007Blue .ui-icon-battery-3 {
     background-position: -96px -176px;
}

.sf-jqueryui.Office2007Blue .ui-icon-circle-plus {
     background-position: 0px -192px;
}

.sf-jqueryui.Office2007Blue .ui-icon-circle-minus {
     background-position: -16px -192px;
}

.sf-jqueryui.Office2007Blue .ui-icon-circle-close {
     background-position: -32px -192px;
}

.sf-jqueryui.Office2007Blue .ui-icon-circle-triangle-e {
     background-position: -48px -192px;
}

.sf-jqueryui.Office2007Blue .ui-icon-circle-triangle-s {
     background-position: -64px -192px;
}

.sf-jqueryui.Office2007Blue .ui-icon-circle-triangle-w {
     background-position: -80px -192px;
}

.sf-jqueryui.Office2007Blue .ui-icon-circle-triangle-n {
     background-position: -96px -192px;
}

.sf-jqueryui.Office2007Blue .ui-icon-circle-arrow-e {
     background-position: -112px -192px;
}

.sf-jqueryui.Office2007Blue .ui-icon-circle-arrow-s {
     background-position: -128px -192px;
}

.sf-jqueryui.Office2007Blue .ui-icon-circle-arrow-w {
     background-position: -144px -192px;
}

.sf-jqueryui.Office2007Blue .ui-icon-circle-arrow-n {
     background-position: -160px -192px;
}

.sf-jqueryui.Office2007Blue .ui-icon-circle-zoomin {
     background-position: -176px -192px;
}

.sf-jqueryui.Office2007Blue .ui-icon-circle-zoomout {
     background-position: -192px -192px;
}

.sf-jqueryui.Office2007Blue .ui-icon-circle-check {
     background-position: -208px -192px;
}

.sf-jqueryui.Office2007Blue .ui-icon-circlesmall-plus {
     background-position: 0px -208px;
}

.sf-jqueryui.Office2007Blue .ui-icon-circlesmall-minus {
     background-position: -16px -208px;
}

.sf-jqueryui.Office2007Blue .ui-icon-circlesmall-close {
     background-position: -32px -208px;
}

.sf-jqueryui.Office2007Blue .ui-icon-squaresmall-plus {
     background-position: -48px -208px;
}

.sf-jqueryui.Office2007Blue .ui-icon-squaresmall-minus {
     background-position: -64px -208px;
}

.sf-jqueryui.Office2007Blue .ui-icon-squaresmall-close {
     background-position: -80px -208px;
}

.sf-jqueryui.Office2007Blue .ui-icon-grip-dotted-vertical {
     background-position: 0px -224px;
}

.sf-jqueryui.Office2007Blue .ui-icon-grip-dotted-horizontal {
     background-position: -16px -224px;
}

.sf-jqueryui.Office2007Blue .ui-icon-grip-solid-vertical {
     background-position: -32px -224px;
}

.sf-jqueryui.Office2007Blue .ui-icon-grip-solid-horizontal {
     background-position: -48px -224px;
}

.sf-jqueryui.Office2007Blue .ui-icon-gripsmall-diagonal-se {
     background-position: -64px -224px;
}

.sf-jqueryui.Office2007Blue .ui-icon-grip-diagonal-se {
     background-position: -80px -224px;
}

.sf-jqueryui.Office2007Blue .ui-widget-overlay {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmxbaOQR_974FDKacXSNedPblDpH02crdP/UxxNCu3z9v6iI19uFxvSi") repeat-x scroll 50% top #aaaaaa;
     opacity: 0.3;
}

.sf-jqueryui.Office2007Blue .ui-widget-shadow {
     background: url("/MvcResourceHandler.axd?k=img&r=gbwjpbqMlCJ9MAp4aOJ5//p89Hibq6RCsmFGRuTOMiGgncfT0J9eLWZlcIHTJjam053ZP7mRwNdm4uorNalJd3hi0U/3XPiafieEgwNBplLCeFNeIlzaKX6eh3Z4RG8Fd/V95XCLbaGnKKr4McnNMTKktv3QFE81Zo9p2HEPKmxbaOQR_974FDKacXSNedPb5ke325NJzNjUxxNCu3z9v6iI19uFxvSi") repeat-x scroll 50% top #aaaaaa;
     margin: -8px 0px 0px -8px;
     opacity: 0.2;
     padding: 8px;
}

.sf-jqueryui .ui-datepicker th {
     background-color: white;
}

button.accordion {
    background-color: #146CAC;
    color: white;
    cursor: pointer;
    padding: 12px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 12px;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #146CAC;
}

button.accordion:after {
    content: '\02795';
    font-size: 13px;
    color: white;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    color: white;
    content: "\2796";
}

div.panel {
    padding: 0 18px;
    background-color: white;
    border: thin;
    font-size: 14px;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

div.panel.show {
    opacity: 1;
    max-height: 80%;
}


/* CSS Document */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body, html {
	line-height: 1;
	width:100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* SPECIAL */
input::-moz-focus-inner { border: 0; }


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}


/* CSS Document */


/* ----------------------------------------------------- */
/* ------------------------ FONTES --------------------- */



@font-face {
    font-family: 'Lato';
    src: url('/Content/fonts/Lato-Bol-webfont.eot');
    src: url('/Content/fonts/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/Lato-Bol-webfont.woff') format('woff'),
         url('/Content/fonts/Lato-Bol-webfont.ttf') format('truetype'),
         url('/Content/fonts/Lato-Bol-webfont.svg#LatoBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('/Content/fonts/Lato-Reg-webfont.eot');
    src: url('/Content/fonts/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Content/fonts/Lato-Reg-webfont.woff') format('woff'),
         url('/Content/fonts/Lato-Reg-webfont.ttf') format('truetype'),
         url('/Content/fonts/Lato-Reg-webfont.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ------------------------------------------------------ */
/* ------------------------ GERAL ----------------------- */

body {
	font-size: 14px;
	background-color: #fff;
	font-family: 'Lato', Arial, sans-serif;
	font-weight:normal;
	color:#333;
}

.container {margin: auto;}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

a { color:#333; text-decoration:none;}
a:hover {color: #000;}


.show_480 { display: none;}
.show_640 { display: none;}
.show_800 { display: none;}

/* ----------------------------------------------------------- */
/* ------------------------ ESTILO --------------------------- */


/* -------------------- LOGIN ------------------- */

.login {
	margin-top: 150px;
	background-color: #f5f5f5;
	background-image:url(/Content/imagens/fundo_hachura.png);
}

#caixa_login {
	width: 500px;
	margin: 0px auto;
	*left: 50%;
	*margin-left: -150px;
	border-radius: 6px;
	-moz-border-radius: 6x;
	-webkit-border-radius: 6px;
	position:relative;
}

#area_login {
	width: 328px;
	*width: 400px;
	height:178px;
	float: left;
	padding: 45px;
	background-color: #fff;
	border-radius: 6px 0px 0px 6px;
	-moz-border-radius: 6x 0px 0px 6px;
	-webkit-border-radius: 6px 0px 0px 6px;
	box-shadow:0px 0px 4px 1px rgba(0,0,0,0.1), 0px 0px 8px 8px rgba(0,0,0,0.03) inset, 0px 0px 12px 12px rgba(0,0,0,0.01) inset;
	-moz-box-shadow:0px 0px 4px 1px rgba(0,0,0,0.1), 0px 0px 8px 8px rgba(0,0,0,0.03) inset, 0px 0px 12px 12px rgba(0,0,0,0.01) inset;
	-webkit-box-shadow:0px 0px 4px 1px rgba(0,0,0,0.1), 0px 0px 8px 8px rgba(0,0,0,0.03) inset, 0px 0px 12px 12px rgba(0,0,0,0.01) inset;
	border:1px solid #fff;
	z-index:3;
	position:relative;
	
}

#cabecalho_login {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #bbb;
}

#cabecalho_login img {
	float: left;
	position: absolute;
	left: -71px;
	width:160px;
	height:auto;
}

#cabecalho_login #titulo_login {
	position:absolute;
	left: 100px;
	top: 14px;
}

#cabecalho_login h4 {
	margin-top: 3px;
	text-transform: lowercase;
	font-size: 1.5em;
	color: #222;
}

#cabecalho_login h5 {
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: lighter;
	color: #4c4c4c;
} 

#acoes_login {
	padding: 0px 60px 0px 10px;;
}


#acoes_login .usuario {
	background-image:url(/Content/imagens/icone_login_usuario.png);
	background-repeat:no-repeat;
	padding-left:40px;
	margin-bottom:10px;
}

#acoes_login .senha {
	background-image:url(/Content/imagens/icone_login_senha.png);
	background-repeat:no-repeat;
	padding-left:40px;
	margin-bottom:10px;
}



#acoes_login a {
	font-size: 0.82em;
	text-decoration: none;
	color: #333;
}

#botao_login {
	height: 268px;
	width: 68px;
	display: block;
	float: left;
	background-image: url(/Content/imagens/botao_login.png);
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 0px 6px 6px 0px;
	-moz-border-radius: 0px 6px 6px 0px;
	-webkit-border-radius: 0px 6px 6px 0px;
	box-shadow:0px 0px 4px 1px rgba(0,0,0,0.1);
	z-index:4;
	position:relative;
	box-shadow:0px 0px 4px 1px rgba(0,0,0,0.1), 0px 0px 4px 4px rgba(0,0,0,0.03) inset, 0px 0px 9px 9px rgba(0,0,0,0.05) inset;
	-moz-box-shadow:0px 0px 4px 1px rgba(0,0,0,0.1), 0px 0px 4px 4px rgba(0,0,0,0.03) inset, 0px 0px 9px 9px rgba(0,0,0,0.05) inset;
	-webkit-box-shadow:0px 0px 4px 1px rgba(0,0,0,0.1), 0px 0px 4px 4px rgba(0,0,0,0.03) inset, 0px 0px 9px 9px rgba(0,0,0,0.05) inset;
}

#botao_login:hover {
	box-shadow:0px 0px 4px 1px rgba(0,0,0,0.1), 0px 0px 4px 4px rgba(0,0,0,0.06) inset, 0px 0px 9px 9px rgba(0,0,0,0.1) inset;
	-moz-box-shadow:0px 0px 4px 1px rgba(0,0,0,0.1), 0px 0px 4px 4px rgba(0,0,0,0.03) inset, 0px 0px 9px 9px rgba(0,0,0,0.05) inset;
	-webkit-box-shadow:0px 0px 4px 1px rgba(0,0,0,0.1), 0px 0px 4px 4px rgba(0,0,0,0.03) inset, 0px 0px 9px 9px rgba(0,0,0,0.05) inset;
}

#caixa_login .sombra {
	background-image:url(/Content/imagens/sombra_login.png);
	height:40px;
	width:120%;
	position:relative;
	left:-70px;
	top:-12px;
	z-index:1;
}


/* ------------------- INICIO -------------------- */

#paineis_inicio {
	padding: 25px 0px;
}

#paineis_inicio .borda {
	background-color:rgba(0,0,0,0.05);
	padding:6px;
}

#paineis_inicio .largura30 {
	margin-left: 15px !important;
}

.painel_inicio {
	float: left;
	margin-top: 0px;
	padding: 0px;
	padding:9px 5px 10px 9px;
	border:0px solid #fff;
	margin-bottom:0px;
}

.painel_inicio .titulo {
	padding:7px 13px 2px 13px;
	display:inline-block;
	color:#fff;
	font-size:1.1em;
	position:relative;
	top:3px;
	*top: 0px;
	left:5px;
	border-radius:5px 5px 0px 0px;
	height:20px;
	text-align:left;
	font-weight:bold;
}

.painel_modulos .titulo,
.painel_mensagens .titulo,
.painel_favoritos .titulo {
	background-color:#222;
}


.painel_inicio h3 {
	margin-left: 10px;
	color: #555;
	font-size: 1.3em;
	font-weight: lighter;
	text-transform:lowercase;
}

.painel_modulos {
	float: left;
	width:65%;
}

.caixa_modulo {
	width:32.8%;
	float:left;
	background-color: #fff;
	box-shadow:0px 0px 5px 5px rgba(0,0,0,0.02) inset, 0px 0px 10px 10px rgba(0,0,0,0.01) inset;
	border:1px solid #dfdfdf;
	position:relative;
	border:1px solid #dfdfdf;
	border-top:1px solid #fff;
	border-bottom:1px solid #d4d4d4;
	background-color:#fbfbfb;
	background-image:url(/Content/imagens/fundo_modulo.png);
	background-repeat:repeat-x;
}

.caixa_modulo a {
	padding: 78px 15px 10px 15px;
	position: relative;
	text-decoration: none;
	display:block;
}

.caixa_modulo:hover {
	box-shadow:0px 0px 5px 5px rgba(0,0,0,0.04) inset, 0px 0px 10px 10px rgba(0,0,0,0.01) inset;
	border:1px solid #ddd !important;
}

.caixa_modulo h1{
	padding:5px;
	margin:0px 10px;
	border-radius:4px;
	position:relative;
	z-index:100;
	color:#333;
	font-size: 1.3em;
	text-align: center;
	font-weight:normal;
}

.caixa_modulo:hover h1{
	top:2px;
}

.caixa_modulo .icone_modulo {
    width: 64px;
    height: 64px;
    position: absolute;
    top: 15px;
    left: 50%;
    display: block;
    margin-left: -32px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 35px;
    z-index: 1000;
}

.caixa_modulo .icone_modulo img { 
    width: 35px;
    display: block;
    margin: 13px auto 0px;
}

.caixa_modulo:hover .icone_modulo {
	top: 17px;
}
	

.caixa_modulo .sombra {
	background-image:url(/Content/imagens/base_caixa.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	height:15px;
	width:100%;
	position:absolute;
	top:-16px;
	right:0px;
}

.caixa_modulo:hover .sombra {
	background-image:none;
}

.painel_mensagens {
	float: left;
	width:65%;
	margin-bottom:1%;
}

.caixa_mensagem {
	width: 48.9%;
	margin:0.3%;
	float: left;
	color: #111;
	font-size: 0.9em;
	line-height:1.1;
	text-decoration: none;
	border:1px solid #dfdfdf;
	border-top:1px solid #fff;
	border-bottom:1px solid #d4d4d4;
	background-color:#fbfbfb;
	background-image:url(/Content/imagens/fundo_modulo.png);
	background-repeat:repeat-x;
	
}

.caixa_mensagem .data {
	float: left;
	padding:7px 7px 10px 7px;
	margin:10px 12px 10px 10px;
	border-right:1px dotted #ccc;
	background-color:transparent;
}

.caixa_mensagem .data h1 {
	font-size: 2.3em;
}

.caixa_mensagem .data h2 {
	font-size: 1.1em;
	line-height: 0.6;
}

.caixa_mensagem .texto {
	padding:12px;
}

.painel_favoritos {
	float: right;
	width:32%;
}

.caixa_favorito {
	margin: 0px;
	margin-right:4px;
	display: block;
	position:relative;
	text-decoration: none;
	color: #454545;
	box-shadow:0px 0px 5px 5px rgba(0,0,0,0.01) inset, 0px 0px 10px 10px rgba(0,0,0,0.01) inset;
	position:relative;
	border:1px solid #dfdfdf;
	border-top:1px solid #f4f4f4;
	border-bottom:1px solid #ccc;
	background-color:#eee;
	background-image:url(/Content/imagens/fundo_modulo.png);
	background-repeat:repeat-x;
}

.caixa_favorito:hover {
	box-shadow:0px 0px 4px 1px rgba(0,0,0,0.1) inset;
	border:1px solid #ccc !important;
}


.caixa_favorito img {
	position: absolute;
	left: 9px;
	top: 9px;
	width:21px;
	height:auto;
}

.caixa_favorito:hover img {
	left: 10px;
	top: 10px;
}

.caixa_favorito a {
	color:#333;
	text-decoration:none;
	padding: 15px 0px;
	display:block;
}

.caixa_favorito h2 {
	margin-left: 35px;
	font-size:0.92em;
}

.caixa_favorito:hover h2 {
	position:relative;
	top:2px;
}


/* ------------------ CABEÇALHO ----------------- */

#cabecalho {
	width: 100%;
	height: 57px;
	color: #eee;
	background-color: #4d4d4f;
	background-image:url(/Content/imagens/fundo_cabecalho.png);
	*position: relative;
	*z-index: 99999;
}

#cabecalho a {
	text-decoration: none;
	color: #eee;
}

#cabecalho #marca {
	width: 95px;
	height: 57px;
	float: left;
	margin: 0px 15px;
	border-left:1px solid #444;
	border-right:1px solid #444;
	background-color:rgba(0,0,0,0.4);
	*background-color: #222;
	box-shadow:0px 0px 3px 2px rgba(0,0,0,0.5) inset;
	-moz-box-shadow:0px 0px 3px 2px rgba(0,0,0,0.5) inset;
	-webkit-box-shadow:0px 0px 3px 2px rgba(0,0,0,0.5) inset;
}

#cabecalho #marca img {
	position:relative;
	width:100%;
	height:auto;
	margin-top:12px;
	left:-15px;
}

#cabecalho #busca {
	float: right;
	margin-top: 11px;
	margin-right: 10px;
	font-size: 0.9em;
}

#cabecalho #busca input {
	width: 130px;
	height:13px;
	*height: 34px;
	margin: 0px;
	margin-top:2px\9;
	padding: 10px 9px;
	padding-right: 22px;
	color: #eee !important;
	border: 1px solid #444;
	background-image: url(/Content/imagens/cabecalho_busca_bg.png);
	background-position: right top;
	background-repeat: no-repeat;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color:rgba(0,0,0,0.4);
	background-color: #333\9;
	box-shadow:0px 0px 3px 2px rgba(0,0,0,0.5) inset;
	-moz-box-shadow:0px 0px 3px 2px rgba(0,0,0,0.5) inset;
	-webkit-box-shadow:0px 0px 3px 2px rgba(0,0,0,0.5) inset;
}

#cabecalho #box_usuario {
	float: right;
	width: 180px;
	*width: 210px;
	height: 33px;
	margin-right: 0px;
	background-color:rgba(0,0,0,0.4);
	box-shadow:0px 0px 3px 2px rgba(0,0,0,0.5) inset;
	-moz-box-shadow:0px 0px 3px 2px rgba(0,0,0,0.5) inset;
	-webkit-box-shadow:0px 0px 3px 2px rgba(0,0,0,0.5) inset;
	background-image: url(/Content/imagens/menu_usuario_icon.png);
	background-position: left top;
	background-repeat: no-repeat;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #444;
}

#cabecalho #box_usuario #nome {
	width:110px;
	*width: 70%;
	float:left;
	padding: 8px;
	padding-left: 28px;
	font-size: 0.85em;
	line-height: 1.5;
}

#cabecalho #box_usuario ul {
	width:auto;
	float:left;
}

#cabecalho #box_usuario ul ul {
	width:95%;
}


/* -------------------- MENU ------------------- */

#cabecalho #box_menu_principal {
	width: 600px;
	*float: left;
	margin-right: 15px;
	*margin-right: 0px;
	*width: 550px;
}

#cabecalho .menu {
	float: right;
	margin-top: 11px;
	background-color: #333;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color:rgba(0,0,0,0.5);
	box-shadow:0px 0px 3px 2px rgba(0,0,0,0.5) inset;
	-moz-box-shadow:0px 0px 3px 2px rgba(0,0,0,0.5) inset;
	-webkit-box-shadow:0px 0px 3px 2px rgba(0,0,0,0.5) inset;
	border: 1px solid #444;
}

#cabecalho .menu ul li {
	*width: 60px;
	float: left;
	height: 29px;
	position:relative;
	margin:2px 2px 2px 0px;
}

#cabecalho .inicio ul li span,
#cabecalho .menu ul li a {
	height: 20px;
	padding: 9px;
	padding-bottom: 0px;
	display:block;
	text-transform:uppercase;
	font-size:0.85em;
	color:#fff;
}

#cabecalho .menu.inicio ul li { *width: 70%; }

#cabecalho .menu ul #nome_modulo {
	*width: 100px;
	height: 29px;
	margin:2px;
	border-right: 1px solid #555;
	background-color:transparent;
}

#cabecalho .menu ul #nome_modulo a {
	font-size: 1.1em;
	height: 21px;
	padding: 8px 15px 0px;
}

#cabecalho .menu ul #nome_modulo:hover,
#cabecalho .menu ul li.ativo,
#cabecalho .menu ul #nome_modulo:hover a  {
	color:#fff;
}

#cabecalho .menu ul li:hover {
	background-color:#fff;
	background-image:none;
}

#cabecalho .inicio ul li:hover {
	background-color:transparent;
}

#cabecalho .menu ul li:hover a{
	color:#eee;
	font-weight:normal;
	background-color:#333;
	background-image:url(/Content/imagens/fundo_escuro.png);
}

#cabecalho .menu ul li:hover li a{
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0) inset;	
}

#cabecalho .menu .dropdown, 
#cabecalho .menu .dropdown_pequeno,
#cabecalho .menu .dropdown_medio, 
#cabecalho .menu .dropdown_grande {
	margin:0px auto;
	float:left;
	position:absolute;
	z-index:99999999999;
	*z-index: 99;
	top:28px;
	left:-999em; /* Esconde o drop down */
	text-align:left;
	padding:5px 20px 20px 0px;
	background-color:#333;
	background-image:url(/Content/imagens/fundo_escuro.png);
	border: 1px solid #444;
	border-top:0px;
	-webkit-border-radius:0px 0px 4px 4px;
	-moz-border-radius:0px 0px 4px 4px;
	border-radius:0px 0px 4px 4px;
	-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 3px 2px 2px rgba(0, 0, 0, 0.08);
}

#cabecalho #menu .dropdown.pequeno,
#cabecalho .menu .dropdown_pequeno { width: 300px; }
#cabecalho #menu .dropdown.medio,
#cabecalho .menu .dropdown_medio { width: 580px; }
#cabecalho #menu .dropdown.grande,
#cabecalho .menu .dropdown_grande { width: 730px; }

#cabecalho #box_usuario.menu li:hover .dropdown_pequeno {left:-200px;}
#cabecalho .menu li:hover .dropdown_pequeno {left:-70px;}
#cabecalho .menu li:hover .dropdown_medio {left:-120px !important;}
#cabecalho .menu li:hover .dropdown_grande {left:-150px;}

#cabecalho .menu .coluna {float:left;}

#cabecalho .menu .submenu {
	margin:0px 0px 5px 0px;
	padding:10px 1px 4px 17px;
	border-bottom:0px solid #666666;
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	display:block;
	clear:both;
}

#cabecalho .menu li ul {
	padding:0px 0px 0px 15px;
	margin:0px;
	height:auto !important;
	float:none;
}

#cabecalho .menu li ul li {
	height:auto !important;
	padding:2px 1px;
	margin:0px;
	float:none;
	text-align:left;
	width:100%;
	border-top: 1px dashed #666;
	display:block;
	text-transform:none;
	background-color:transparent;
}

#cabecalho .menu li ul li:hover {
	background-color:transparent;
}

#cabecalho .menu li ul li a, 
#cabecalho .menu li ul li.ativo a {
	padding:4px;
	margin:0px;
	border:0px;
	color:#fff;
	display:block;
	font-weight:bold;
	height:auto;
	text-transform:none;
}

#cabecalho .menu li ul li a:hover, 
#cabecalho .menu li ul li.ativo a:hover {
	color:#fff;
	border:0px;
	background-color:#444;
	background-image:none;
}



/* ------------------- CORPO -------------------- */

#corpo {
	background-color: #f5f5f5;
	background-image:url(/Content/imagens/fundo_hachura.png);
	margin:0px;
}


/* ------------------ MENU MODULOS ---------------- */

.menu_modulos {
	padding: 8px 0px;
	background-color: #EBF4F7;
	background-image: url(/Content/imagens/menu_modulos.png);
	background-repeat: repeat-x;
	background-position: center;
	box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.05);
}

.menu_modulos ul {
	background-image: url(/Content/imagens/menu_modulos_linha.png);
	background-repeat: repeat-y;
	background-position: right;
}

.menu_modulos ul li {
	width: 12.5%;
	float: left;
	text-align: center;
	background-image: url(/Content/imagens/menu_modulos_linha.png);
	background-repeat: no-repeat;
	background-position: left;
}

.menu_modulos ul li a {
	display: block;
	width: 100%;
	padding: 35px 0px 7px;
	background-position: center 11px;
	background-repeat: no-repeat;

}

.menu_modulos ul li a:hover {
	padding: 36px 0px 5px;
	color: #333;
	background-color: #fbfbfb;
	border-top: 1px solid #eaeaea;
	background-position: center 12px;
	-webkit-box-shadow: inset 0px 0px 13px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0px 0px 13px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0px 0px 13px 1px rgba(0, 0, 0, 0.05);
}

.menu_modulos ul li a.faturas { background-image: url(/Content/imagens/icone_menu_faturas.png);}
.menu_modulos ul li a.boletos { background-image: url(/Content/imagens/icone_menu_boletos.png);}
.menu_modulos ul li a.negociacoes { background-image: url(/Content/imagens/icone_menu_parcelamento.png);}
.menu_modulos ul li a.lancamentos { background-image: url(/Content/imagens/icone_menu_lancamentos.png);}
.menu_modulos ul li a.cadastro { background-image: url(/Content/imagens/icone_menu_cadastro.png);}
.menu_modulos ul li a.leituras { background-image: url(/Content/imagens/icone_menu_leituras.png);}
.menu_modulos ul li a.historico { background-image: url(/Content/imagens/icone_menu_historico.png);}
.menu_modulos ul li a.hidrometro { background-image: url(/Content/imagens/icone_menu_leituras.png);}

.menu_modulos ul li a.ativo {
	background-color: #efefef;
	-webkit-box-shadow: inset 0px 0px 8px 1px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: inset 0px 0px 8px 1px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0px 0px 8px 1px rgba(0, 0, 0, 0.08);
}

.menu_modulos ul li a.ativo:hover {
	padding: 34px 0px 7px;
	background-position: center 10px;
	-webkit-box-shadow: inset 0px 0px 8px 1px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: inset 0px 0px 8px 1px rgba(0, 0, 0, 0.08);
	box-shadow: inset 0px 0px 8px 1px rgba(0, 0, 0, 0.08);
}


/* ------------------ TITULO ----------------- */

#titulo {
	padding-top: 15px;
	padding-bottom: 5px;
	position:relative;
	background-color:#fff;
}

#titulo #breadscrumb {
	margin-bottom: 5px;
}

#titulo #breadscrumb a {
	text-decoration: none;
	font-size: 0.95em;
	color: #555;
}

#titulo .nome_tela,
#subtitulo .nome_tela {
	float: left;
	font-size: 1.2em;
	margin-bottom: 15px;
	padding:7px 12px 5px 12px;
	*padding-bottom: 7px;
	text-transform:uppercase;
}

#titulo .nome_tela,
#subtitulo .nome_tela {	color:#fff; }

#titulo .nome_tela.secundario,
#subtitulo .nome_tela.secundario {
	margin-right: 20px;
	color:#333;
	background-position: center;
	background-repeat: repeat-x;
}

#subtitulo .nome_tela {
	margin-bottom: 10px;
}

#titulo #filtro_unidade {
	float: left;
	width: 84%;
	padding-left: 10px;
	margin-top: -2px;
}

#titulo #filtro_unidade .campo {
	margin-top: 0px !important;
}

#titulo #filtro_unidade a {
	width: 24px;
	height: 24px;
	float: left;
	margin-top: 3px;
	margin-left: 10px;
	*margin-left: 0px;
	display: block;
	background-image: url(/Content/imagens/icone_titulo_mais.png);
	background-position: center;
	background-repeat: no-repeat;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

#titulo.abrir #filtro_unidade a {
	background-image: url(/Content/imagens/icone_titulo_menos.png);
}

#titulo .acoes,
#subtitulo .acoes {
	float: right;
	margin-top: 0px;
	margin-right:4px;
}

.box .acoes {
	margin-top: 19px !important;
}

#titulo .acoes a {
	text-decoration: none;
	font-size: 0.85em;
	color: #666;
	margin-top:9px;
}

#titulo .acoes .tipo_busca {
	display:block;
	width:100px;
	text-align:right;
	float:right;
}

.num_registros {
	width:80px;
	height:30px;
	float:right;
	text-align:right;
	position:relative;
	top:-2px;
	right:5px;
}

.num_registros select {
	width:100%;
}

.num_registros div.selector span {
    width: 15px;
    padding: 0 40px 0 2px;
}

#titulo .area_retratil {
	padding: 0px 0px 5px 0px;
	background-color:#f8f8f8;
	margin-bottom:10px;
}

#titulo .balao_mensagem {
	width: 85%;
	padding: 20px;
	padding-top: 12px;
	padding-left: 55px;
	margin: 0px 0px 22px 15px;
	color: #666;
	line-height: 1.15;
	border: 1px solid #dbdbdb;
	background-position: top left;
	background-repeat: no-repeat;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}


#titulo .balao_mensagem.alerta {
	background-image: url(/Content/imagens/icone_alerta.png);
	background-color: #f5f6e7;
}

#titulo .balao_mensagem.erro {
	background-image: url(/Content/imagens/icone_erro.png);
	background-color: #fde5df;
}

#titulo .balao_mensagem.sucesso {
	background-image: url(/Content/imagens/icone_sucesso.png);
	background-color: #e1edde;
}

#titulo .balao_mensagem h3 {
	font-size:1.25em;
	font-weight: lighter;
	line-height: 1.4;
	color: #333;
}

#titulo .balao_mensagem .ponta_balao {
	width: 20px;
	height: 15px;
	display: block;
	float: left;
	margin-top: -24px;
	margin-left: -8px;
	background-position: top center;
}

#titulo .balao_mensagem.erro .ponta_balao {
	background-image: url(/Content/imagens/balao_erro.png);
}

#titulo .balao_mensagem.alerta .ponta_balao {
	background-image: url(/Content/imagens/balao_alerta.png);
}

#titulo .balao_mensagem.sucesso .ponta_balao {
	background-image: url(/Content/imagens/balao_sucesso.png);
}

#titulo .area_retratil .coluna.largura33 {
	padding:0px;
	overflow: auto;
}

#titulo .area_retratil .coluna.largura33 table {
	background-color: #f5f5f6;
	border: 1px solid #dadada;
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.075);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.075);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.075);
}

.pergunta #titulo {padding-top: 0px !important;}


/* ----------------- SUBTITULO ----------------- */

#subtitulo {
	padding-top: 20px;
	background-color: #fff;
}

#titulo .nome_tela.breadscrumb,
#subtitulo .nome_tela.breadscrumb {
	float: left;
	color: #fff;
	padding: 6px 12px 6px 8px;
	text-transform: lowercase;
	background-position: center right;
	background-repeat: no-repeat;
}	

#subtitulo .nome_tela.secundario {
	margin-right: 20px;
}

#titulo a.breadscrumb img,
#subtitulo a.breadscrumb img {
	margin: 0px 3px;
}

/* ----------------- WIZARD ----------------- */

.wizard {
	float: left;
	margin-bottom: 6px;
	overflow: hidden;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.wizard span {
	display: block;
	float: left;
	position: relative;
	padding: 7px 32px 6px;
	padding-right: 15px;
	color: #b4b4b4;
    background-color: #f7f7f7;
	border: 1px solid #d8d8d8;
    border-left: none;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.09) inset;
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.09) inset;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.09) inset;
}

.wizard span.atual {
	padding: 8px 32px 7px;
	padding-right: 15px;
	color: #3c3c3c;
	box-shadow: none;
	border: none;
	background-repeat: repeat-x;
}

.wizard span h3 {
	display: block;
	position: absolute;
	font-size: 0.8em;
	line-height: 1;
    top: 4px;
    left: 5px;
    padding: 4px 7px;
    background-color: #e4e4e4;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

.wizard span.atual h3 { 
    color: #f4f4f4; 
    box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.18);
    -webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.18);
}


/* ----------------- CAMPOS ----------------- */

.coluna {
	float:left;
}

.campo_visualizacao,
.campo {
	float: left;
	position: relative;
}

.campo { min-height: 50px; }

.campo label {
	font-size: 0.92em;
	color: #222;
	font-weight:bold;
	padding-left: 3px;
}

.campo input,
.campo select {
	width: 100%;
	margin-top: 2px;
}

.campo select {
	height: 22px;
	margin-top: 1px;
}

.campo_visualizacao {
	height: auto;
	padding-bottom: 15px;
	font-size: 0.92em;
	line-height: 1.1;
	color: #353535;
	border-bottom: 1px solid #ccc;
}

/*.campo_visualizacao+.campo_visualizacao {
	border-left: 1px solid #ddd;
}*/

.campo_visualizacao span {
	font-weight: bold;
	color: #222;
}


.campo .botao_alerta {
	display:none;
}

.campo .info .botao_alerta,
.campo .alerta .botao_alerta {
	display:block;
	width: 15px !important;
	height: 15px !important;
	border:0px !important;
	position: absolute !important;
	left: 7px !important;
	top: 10px !important;
	z-index: 2;
	padding:0px !important;
}

.campo .alerta .botao_alerta {
	background-image: url(/Content/imagens/botao_alerta.png);
}

.campo .info .botao_alerta {
	background-image: url(/Content/imagens/botao_info.png);
}

.campo .balao_alerta {
	position: absolute;
	top: 35px;
	left: 3px;
	padding: 8px 12px;
	color: #fff;
	font-size: 0.8em;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	z-index: 1000;
	display:none;
}

.campo .alerta .balao_alerta {
	background-color: #7C1C23;
}

.campo .info .balao_alerta {
	background-color: #1f79bc;
}

.campo .botao_alerta:hover {
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
	-webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0);
}

.campo .balao_alerta .ponta {
	width: 17px;
	height: 8px;
	display: block;
	float: left;
	margin-top: -16px;
	margin-left: -7px;
	background-position: center top;
	background-repeat: no-repeat;
}

.campo .info .balao_alerta .ponta {
	background-image: url(/Content/imagens/info.png);
}

.campo .alerta .balao_alerta .ponta {
	background-image: url(/Content/imagens/alerta.png);
}

.mensagem .balao_alerta {
	display:block;
}

.campo.grupo input,
.campo.grupo div {
	float: left;
}

.campo.grupo .componente {
	width: 100%;
	padding: 0px;
	margin-top: 1px;
}

.campo.grupo .componente.select input {
	padding-bottom: 6px;
}

.campo.grupo .componente div input {
	margin-top: 0px;
}

.campo.grupo.com_botao .componente input.primeiro {
	position: relative;
}

.campo.grupo input.primeiro,
.campo.grupo select.primeiro {
	border-right: none;
	border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
}

.campo.grupo input.meio,
.campo.grupo select.meio {
	border-left: 1px solid #eaeaea;
	border-right: none;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
}

.campo.grupo input.ultimo,
.campo.grupo .selector.ultimo {
	border-left: 1px solid #eaeaea;
	border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
}

.campo.grupo input.botao_alerta,
.campo.grupo select.botao_alerta {
	float: none !important;
}

.container table td .campo {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-left: 16px !important;
}

.container table td .campo .selector {
	margin-left: -16px;
}

.campo label.obrigatorio {
	padding-right: 17px;
	background-image: url(/Content/imagens/campo_obrigatorio.png);
	background-position: center right;
	background-repeat: no-repeat;
}

/* ----------------- GRUPOS CAMPOS ----------------- */

.grupo_campos {
	float: left;
}

.grupo_campos .campos {
	padding: 6px;
	padding-top: 25px;
	position: relative;
	border: 1px solid #dadada;
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.075);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.075);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.075);
}

.grupo_campos .campos.desabilitado {
    background-color: #EFEFEF;
    border-color: #E0E0E0;
    box-shadow: none;
}

.grupo_campos .campos.desabilitado h5 {
	border-color: #D0D0D0;
	color: #a2a2a2;
}

.grupo_campos .campos.desabilitado .campo label { color: #a2a2a2; }

.grupo_campos .campos.desabilitado .campo input {
	color: #a5a5a5;
	background-color: #f7f7f7;
}

.grupo_campos .campos {
	background-color: #f3f3f4;
}

.grupo_campos .campos h5 {
	border-top: 3px solid #2179ba;
}

.grupo_campos h5 {
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 3px 15px;
	padding-right: 5px;
	float: left;
	font-size: 0.95em;
	text-transform: uppercase;
}


/* ----------------- COMPONENTE ----------------- */

.componente {
	padding:0px 12px 0px 0px;
	position:relative;
}

.componente.select {
	padding:0px;
}

.componente.info,
.componente.alerta {
	padding-left:18px;
}

.componente.select.info,
.componente.select.alerta {
	padding:0px;
}

.campo .componente.info .container_check_radio,
.componente.info textarea,
.componente.info input,
.campo .componente.alerta .container_check_radio,
.componente.alerta textarea,
.componente.alerta input{
	padding-left:25px;
	position:relative;
	left:-18px;
}

.campo.grupo .componente.info .container_check_radio,
.campo.grupo .componente.info textarea,
.campo.grupo .componente.info input,
.campo.grupo .componente.alerta .container_check_radio,
.campo.grupo .componente.alerta textarea,
.campo.grupo .componente.alerta input{
	left:0px;
}

.campo .componente.info .container_check_radio,
.campo .componente.alerta .container_check_radio {
	padding-left:25px !important;
}

.campo .componente.info .selector,
.campo .componente.alerta .selector {
	position:relative !important;
	left:0px !important;
}

.campo .componente.info .selector span,
.campo .componente.alerta .selector span {
	padding-left:22px !important;
	position:relative !important;
}

.campo .componente.info .container_check_radio,
.componente.info textarea,
.componente.info input,
.componente.info .selector,
.componente.info .selector span {
	color:#1f79bc;
}

.campo .componente.alerta .container_check_radio,
.componente.alerta textarea,
.componente.alerta input,
.componente.alerta .selector,
.componente.alerta .selector span {
	color:#BF1328;
}


/* ----------------- FILTROS ----------------- */

#filtros {
	background-color:#fff;
}

#filtros .container {
	padding-bottom: 10px;
	position:relative;
	left:-10px;
}

.box #filtros .container {
	border-top: 1px dashed #ccc;
}

#filtros .painel_filtros {
	width:89%;
	float:left;
}

#filtros .painel_botao_filtro {
	width:11%;
	float:left;
}


/* ------------------ BOTÕES ----------------- */

.componente.botao_campo {
	padding: 0px;
}

input.pesquisar {
	display:block;
	padding: 7px 12px 7px 30px !important;
	margin: 14px 0px 0px 0px;
	cursor: pointer;
	text-decoration: none;
	font-size:0.9em;
	font-weight:bold;
	color: #fff;
	background-image: url(/Content/imagens/botao_pesquisa_icon.png);
	background-position: 28px 1px;
	*background-position: 10px 1px !important;
	background-repeat: no-repeat;
	border-radius: 3px;
	border: none !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.painel_botao_filtro input {
	margin-top: 22px;
	background-position: 4px center;
	float:right;
}

.componente.botao_campo input {
	width: 100%;
	height: auto;
	padding: 7px 21px 6px 21px;
	margin: 15px 0px 0px 0px;
	text-decoration: none;
	font-size:0.9em;
	font-weight:bold;
	color: #fff;
	border: none;
}

.componente.botao_campo input:hover,
input.pesquisar:hover {
	background-color: #222;
}

.barra_botoes {
	width:100%;
}

.barra_botoes li {
	float: left;
	margin:1px 0px;
	margin-bottom: 4px;
}

.barra_botoes li+li {
	border-left: 1px solid #bbb;
}

.barra_botoes li a {
	padding:5px 6px;
	margin:2px 3px;
	display:block;
	border:1px solid transparent;
	height:14px;
}

.barra_botoes li a:hover {
	padding:5px 6px;
	margin:2px 3px;
	display:block;
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15) inset;
	background-color:#ddd;
	border:1px solid #bbb;
	border-radius:3px;
}

.botao_visualizar, .botao_editar, .botao_excluir, .botao_atualizar, 
.botao_adicionar, .botao_imprimir, .botao_salvar, .botao_cancelar,
.botao_registro, .botao_debito, .botao_pendencias, .botao_anterior,
.botao_proximo, .botao_seta_esquerda, .botao_seta_direita,
.botao_mais, .botao_menos, .botao_ok {
	height: 26px;
	width: 26px;
	padding: 0px;
	border:0px;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0px 3px;
}


.botao_registro, .botao_debito {
	width: 31px;
}

.botao_visualizar:hover, .botao_editar:hover, 
.botao_excluir:hover, .botao_adicionar:hover, 
.botao_imprimir:hover, .botao_salvar:hover,
.botao_atualizar:hover, .botao_atualizar:hover,
.botao_cancelar:hover, .botao_anterior:hover,
.botao_proximo:hover, .botao_seta_esquerda:hover, 
.botao_seta_direita:hover, .botao_mais:hover, 
.botao_menos:hover, .botao_ok:hover  {
	cursor: pointer;
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15) inset;
	-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15) inset;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15s) inset;
	background-color:#ddd;
	border:1px solid #bbb;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.botao_debito:hover { background-image: url(/Content/imagens/botao_debito_hover_icon.png);}
.botao_registro:hover { background-image: url(/Content/imagens/botao_registro_hover_icon.png);}
.botao_pendencias:hover { background-image: url(/Content/imagens/botao_pendencias_hover_icon.png);}

#titulo .barra_botoes li input:hover  {
	cursor: pointer;
}

.botao_visualizar[disabled]:hover, .botao_editar[disabled]:hover, 
.botao_excluir[disabled]:hover, .botao_adicionar[disabled]:hover, 
.botao_imprimir[disabled]:hover, .botao_salvar[disabled]:hover,
.botao_atualizar[disabled]:hover, .botao_registro[disabled]:hover,
.botao_debito[disabled]:hover, .botao_pendencias[disabled]:hover,
.botao_cancelar[disabled]:hover, .botao_anterior[disabled]:hover,
.botao_proximo[disabled]:hover, .botao_seta_esquerda[disabled]:hover, 
.botao_seta_direita[disabled]:hover, .botao_mais[disabled]:hover, 
.botao_menos[disabled]:hover, .botao_ok[disabled]:hover {
	background-color:transparent;
	border:0px;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	cursor:default;
}

.botao_visualizar {background-image: url(/Content/imagens/botao_visualizar_icon.png);}
.botao_editar {background-image: url(/Content/imagens/botao_editar_icon.png);}
.botao_excluir {background-image: url(/Content/imagens/botao_excluir_icon.png);}
.botao_adicionar {background-image: url(/Content/imagens/botao_adicionar_icon.png);}
.botao_imprimir {background-image: url(/Content/imagens/botao_imprimir_icon.png);}
.botao_salvar {background-image: url(/Content/imagens/botao_salvar_icon.png);}
.botao_atualizar {background-image: url(/Content/imagens/botao_atualizar_icon.png);}
.botao_cancelar {background-image: url(/Content/imagens/botao_cancel_icon.png);}
.botao_debito {background-image: url(/Content/imagens/botao_debito_icon.png);}
.botao_registro {background-image: url(/Content/imagens/botao_registro_icon.png);}
.botao_pendencias {background-image: url(/Content/imagens/botao_pendencias_icon.png);}
.botao_anterior {background-image: url(/Content/imagens/botao_anterior_icon.png);}
.botao_proximo {background-image: url(/Content/imagens/botao_proximo_icon.png);}
.botao_seta_esquerda {background-image: url(/Content/imagens/botao_seta_esquerda_icon.png);}
.botao_seta_direita {background-image: url(/Content/imagens/botao_seta_direita_icon.png);}
.botao_mais {background-image: url(/Content/imagens/botao_+_icon.png);}
.botao_menos {background-image: url(/Content/imagens/botao_menos_icon.png);}
.botao_ok {background-image: url(/Content/imagens/botao_ok_icon.png);}

.botao_visualizar[disabled] {background-image: url(/Content/imagens/botao_visualizar_icon_disabled.png);}
.botao_editar[disabled] {background-image: url(/Content/imagens/botao_editar_icon_disabled.png);}
.botao_excluir[disabled] {background-image: url(/Content/imagens/botao_excluir_icon_disabled.png);}
.botao_adicionar[disabled] {background-image: url(/Content/imagens/botao_adicionar_icon_disabled.png);}
.botao_imprimir[disabled] {background-image: url(/Content/imagens/botao_imprimir_icon_disabled.png);}
.botao_salvar[disabled] {background-image: url(/Content/imagens/botao_salvar_icon_disabled.png);}
.botao_atualizar[disabled] {background-image: url(/Content/imagens/botao_atualizar_icon_disabled.png);}
.botao_cancelar[disabled] {background-image: url(/Content/imagens/botao_cancel_icon_disabled.png);}
.botao_debito[disabled] {background-image: url(/Content/imagens/botao_debito_icon_disabled.png);}
.botao_registro[disabled] {background-image: url(/Content/imagens/botao_registro_icon_disabled.png);}
.botao_pendencias[disabled] {background-image: url(/Content/imagens/botao_pendencias_icon_disabled.png);}
.botao_anterior[disabled] {background-image: url(/Content/imagens/botao_anterior_icon_disabled.png);}
.botao_proximo[disabled] {background-image: url(/Content/imagens/botao_proximo_icon_disabled.png);}
.botao_seta_esquerda[disabled] {background-image: url(/Content/imagens/botao_seta_esquerda_icon_disabled.png);}
.botao_seta_direita[disabled] {background-image: url(/Content/imagens/botao_seta_direita_icon_disabled.png);}
.botao_mais[disabled] {background-image: url(/Content/imagens/botao_+_icon_disabled.png);}
.botao_menos[disabled] {background-image: url(/Content/imagens/botao_menos_icon_disabled.png);}
.botao_ok[disabled] {background-image: url(/Content/imagens/botao_ok_icon_disabled.png);}

.botao_debito[disabled]:hover, .botao_registro[disabled]:hover, .botao_pendencias[disabled] { cursor: default !important;}

.botao_texto {
	height: 26px;
	width: auto;
	padding: 0px 3px;
	border:0px;
	background-color: transparent;
	margin: 0px 3px;
	-webkit-appearance: none;
}

.botao_texto[disabled] {
	color:#999;
}

.botao_texto:hover {
	cursor: pointer;
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15) inset;
	-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15) inset;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15) inset;
	background-color:#ddd;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#titulo .barra_botoes li .botao_texto:hover {
	box-shadow: none;
	background-color: #fff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.botao_texto[disabled]:hover {
	cursor: default;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) inset;
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) inset;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) inset;
	background-color: transparent;
	color:#999;
}

#titulo .barra_botoes li .botao_texto[disabled]:hover {
	cursor: default;
	color:#999;
}

.botao {
	text-decoration: none;
	color: #fff;
	font-size: 0.85em;
	padding: 5px 7px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
}

.botao:hover {
	color:#fff;
	cursor: pointer;
	background-color: #000;
}

.botao_texto.mais {
	padding-right: 12px;
	background-image:url(/Content/imagens/botao_mais_icon.png);
	background-repeat: no-repeat;
	background-position: center right;
}

.botao_texto.mais.ativo {
	background-color: #fcfcfc;
	border: 1px solid #ccc;
	border-bottom: none;
}

.container_dropdown_acoes {
	position: relative;
}

.dropdown_acoes {
	width: 350px;
	position: absolute;
	left: 3px;
	display: none;
	padding: 10px;
	background-color: #fcfcfc;
	border: 1px solid #ccc;
	border-top: none;
	z-index:99;
	-moz-box-shadow: 0px 8px 11px 0px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 8px 11px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 8px 11px 0px rgba(0, 0, 0, 0.15);

}

.dropdown_acoes ul {
	float: left;
	width: 48%;
	margin: 1%;
}

.dropdown_acoes ul li {
	float: none !important;
	display: block !important;
}

.dropdown_acoes ul li+li {
	border-left: none;
	border-top: 1px solid #e7e7e7;
}


/* ------------------- GRID ------------------- */


#area_grid {
	padding: 0px;
	padding-bottom:30px;
}

.grid {
	width:100%;
}

.grid th {
	text-align: left;
	color:#fff;
	padding: 15px 7px 5px 7px;
	background-color:rgba(0,0,0,0.0);
}

.grid th a {
	text-decoration: none;
	color: #222;
	text-transform: uppercase;
	font-size:1em;
}


.box .grid .linha_par {
	background-color: #f4f4f4;
}

.grid .linha_par {
	background-color: rgba(255,255,255,0.5);
}

.grid td {
	font-size: 0.88em;
	line-height:1.1;
	color: #222;	
	border-top: 1px solid #ccc;
	vertical-align: middle;
	padding: 5px 7px;
}

.grid td.azul,
.grid tr.azul td{
	color: #1b52b0;
}

.grid td.verde,
.grid tr.verde td{
	color: #188418;
}

.grid td.vermelho,
.grid tr.vermelho td{
	color: #e91922;
}

.grid th+th{
	border-left: 0px solid #bbb;
}

.grid td+td {
	border-left: 1px solid #ddd;
}

.grid .checkbox input {
	height: 17px;
	width: 17px;
	margin: 1px;
}

.grid .navegacao,
.grid .paginacao {
	padding-top: 12px;
	border-top: 1px solid #ccc !important;
	border-right-width: 0px !important;
	border-left-width: 0px !important;
	font-size: 0.9em;
	height:24px;
}

.grid .navegacao .botao_navegacao {
	padding: 4px 6px;
	text-decoration: none;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.dados_secundarios .grid .navegacao .botao_navegacao {
	background-color: #ddd;
	color:#333;
}

.grid .navegacao .botao_navegacao:hover {
	background-color: #000;
}

.grid .navegacao .navegacao_more {
	font-weight: bold;
}

.grid .navegacao .botao_navegacao_atual {
	padding: 4px 6px;
	text-decoration: none;
	color: #fff;
	background-color: #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
}

.grid .paginacao {
	text-align: right;
}

.grid_campos {
	background-color: #f5f5f6;
	padding: 7px 0px 10px 0px !important;
}

table td.grid_campos .campo {
	padding-left: 11px !important;
	margin-top:8px !important;
}

.grid tr td input.botao {
	top: 0px !important;
}

/* ------------------- DADOS --------------------- */

.dados {
	padding: 25px 0px;
}

.box .dados {
	padding: 10px 0px 0px;
}

.paineis_retrateis {
	padding: 25px 0px 0px 0px;
}

.area_retratil {
	display:none;
	padding: 10px 15px 0px 10px;
}

.painel_filtros .area_retratil {
	padding: 0px !important;
}

.abrir .area_retratil {
	display:block !important;
	padding-bottom:20px;
}

.abrir {
	background-color:#f5f5f6;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

#filtros.abrir {
	background-color: #fff;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
}

#titulo.abrir,
.dados_secundarios .abrir {
	background-color:#fff;
	border-left:0px solid #ccc;
	border-right:0px solid #ccc;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0.00) inset;
}

.abrir h3 {
	*width: 102.8%;
}

.dados_secundarios .abrir h3 {
	background-color:#c2d9e7;
}


.painel {
	border-top: solid 1px #ccc;
	position:relative;
}


.painel h3 a {
	text-decoration: none;
	color: #111;
	padding:12px 12px 12px 35px;
	display:block;
	background-image:url(/Content/imagens/icone_mais.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
}

.painel.abrir {
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.07); 
	-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.07);
}

.dados_secundarios .painel.abrir {
	margin-bottom: 0px;
	border-bottom: none;
	box-shadow: none; 
}

.abrir h3 a {
	background-image:url(/Content/imagens/icone_menos.png);
}

.dados_titulo {
	float: left;
	padding: 8px 7px 7px;
	margin-bottom: 10px;
	background-color: rgba(0,0,0,0.10);
}

/* -------------- FAIXA de TITULO ---------------- */

.faixa_botoes {
	padding: 10px 0px 8px;
	border-top: solid 0px #ccc;
	border-bottom: 1px solid #fff;
	box-shadow:0px -2px 2px 1px rgba(0,0,0,0.15) inset;
	-moz-box-shadow:0px -2px 2px 1px rgba(0,0,0,0.15) inset;
	-webkit-box-shadow:0px -2px 2px 1px rgba(0,0,0,0.15) inset;
}

.faixa_titulo {
	padding: 25px 0px 0px 0px;
	background-color: #fff;
	border-top: solid 0px #ccc;
	border-bottom: 1px solid #fff;
}

.faixa_titulo h2 {
	font-size: 1.3em;
	font-weight: bold;
	border-radius:3px 3px 0px 0px;
	display:inline-block;
	padding:15px 10px 10px 10px;
}

.fixar .faixa_flutuante {
	position: fixed;
  	top: 0;
	left:0;
  	z-index: 1000000;
	width:100%;
	background-color: #f5f5f5;
	background-image:url(/Content/imagens/fundo_hachura.png);
	box-shadow:0px 0px 3px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0px 0px 0px rgba(0,0,0,0) inset;
	-webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0) inset;
}

.container_botoes_dados {
	padding-bottomx:0px;
}

.fixar .dados {
	padding-top:73px !important;
}

.fixar .grid th {
	padding-top:57px !important;
}

.fixar .dados .grid th {
	padding-top:0px !important;
}



/* ------------- DADOS SECUNDARIOS --------------- */

.dados_secundarios {
	background-color: #fff;
}

.dados_secundarios input {
	background-color: transparent;
}

.dados_secundarios .painel+.painel {
	border-top: solid 1px #ccc;
}


.dados_secundarios .painel .botao {
	position:absolute;
	right:10px;
	top:8px;
}

.dados_secundarios .painel .area_retratil {
	border: 0px dashed #ccc;
	padding:0px;
	padding-bottom:30px !important;
}

.dados_secundarios .painel .area_retratil .grid {
	width: 100%;
}

.dados_secundarios .painel .area_retratil .grid .linha_impar {
	background-color: #eee;
}


.dados_secundarios .painel .area_retratil .grid td+td,
.dados_secundarios .painel .area_retratil .grid th+th {
	border-left: 1px solid #ccc;
}

.dados_secundarios .painel .area_retratil .grid th {
	border-bottom: 2px solid #ccc;
	padding-top:5px;
}

.dados_secundarios .painel .area_retratil .grid td input {
	float: right;
}

.area_retratil .botoes_area_retratil {
	border-bottom:1px solid #ccc;
	background-color:#f8f8f8;
	padding:5px;
	margin-bottom:10px;
	height:31px;
}

.area_retratil .botoes_area_retratil .barra_botoes {
	width: 100%;
}

.box .area_retratil .botoes_area_retratil {
	border-bottom:1px solid #e1e1e1;
	background-color:#e9e9e9;
	margin-bottom: 0px;
}


/* --------------------- BOX --------------------- */

.box {
	padding: 5px;
	position: relative;
	margin: 0px;
	background-color: #fff;
}

.box h2 {
	margin-bottom: 10px;
	font-size: 1.35em;
	font-weight: lighter;
	color: #444;
}

.box .botao {
	float: right;
}

.box table th {
	background-color:#eee;
}

.box .faixa_botoes {
	margin:auto;
	padding: 6px 0px 4px;
	border-top: solid 0px #ccc;
	border-bottom: 0px solid #fff;
    background-color: #f9f9f9;
	box-shadow: none;
}

.box .campo .componente.botao_campo input {
    padding: 7px 21px 7px 21px !important;
	background-image: none !important;
    -webkit-appearance: none;
}

.janela .faixa_botoes {
    width: 1080px;
    margin-top: 6px;
}

.popup .faixa_botoes {
    width: 580px;
}

.janela .coluna .faixa_botoes,
.popup .coluna .faixa_botoes {
	width: 100%;
}

/* --------------------- INPUT --------------------- */

.login input,
.campo input {
	width: 100%;
	height:14px;
	*height: 29px;
	margin: 2px 1px 2px;
	padding: 7px;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family: 'Lato', Arial, sans-serif;
	-webkit-appearance: none;
}

.login input:hover,
.campo input:focus, 
.campo input:hover {
	-webkit-box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.08);
}


/*-------  select ----------------------------------------------------------*/

.campo div.selector {
	width:100%;
}

.campo.grupo div.selector {
	height: 32px;
    margin-top: -2px;
}

.campo.grupo .primeiro .selector {
	margin-left: -6px;
}

.campo select {
	width: 100%;
}


/*-------  textarea ----------------------------------------------------------*/


textarea {
	width: 100%;
	max-width: 100%;
	padding:7px;
	background-color:#fff !important;
	background-image:none !important;
	font-family: 'Lato', Arial, sans-serif;
	font-size:0.85em;
}

textarea:hover, textarea:focus {
	-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.08);
}



/*-------  radio e check ----------------------------------------------------------*/

.campo .container_check_radio {
	*width: 106% !important;
	margin-top: 2px;
	margin-bottom: 0px;
	padding: 4px 7px;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:0.85em;
	background-color:rgba(255,255,255,0.5);
	width:100%;
}

.campo .container_check_radio .radio {
	margin-right: 0px;
	margin-left:5px;
}

/*-------  botão pesquisar ----------------------------------------------------------*/

.com_botao .componente {
	padding-right:38px;
}

.com_botao_dois .componente {
	padding-right:68px;
	*padding-right:56px;
}

.com_botao_tres .componente {
	padding-right:98px;
}

.com_botao_quatro .componente {
	padding-right:126px;
}

.com_botao input.botao,
.com_botao_dois input.botao,
.com_botao_tres input.botao,
.com_botao_quatro input.botao {
	width:20px !important;
	*width: 30px !important;
	height:30px;
	position:absolute;
	*position:absolute !important;
	right:-6px;
	*right: 0px !important;
	top:0px;
	margin-left:0px;
	margin-top: 2px;
	padding: 0px 20px 0px 8px !important;
	font-weight: bold;
	background-repeat:no-repeat !important;
	background-position:6px 6px !important;
	background-color:#ededed !important;
	border:1px solid #ccc;
	border-radius:0px 3px 3px 0px;
	-moz-border-radius:0px 3px 3px 0px;
	-webkit-border-radius:0px 3px 3px 0px;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
}

.com_botao .componente.select input.botao,
.com_botao_dois .componente.select input.botao,
.com_botao_tres .componente.select input.botao,
.com_botao_quatro .componente.select input.botao {
	height: 29px;
}

input.botao.busca_layer {
	background-image:url(/Content/imagens/botao_pesquisar_escuro_icon.png);
}

input.botao.busca_layer[disabled] {
	background-image:url(/Content/imagens/botao_pesquisar_escuro_icon_disabled.png);
    -webkit-appearance: none;
}

input.botao.editar {
	background-image:url(/Content/imagens/botao_editar_icon.png);
}

input.botao.editar[disabled] {
	background-image:url(/Content/imagens/botao_editar_icon_disabled.png);
}

input.botao.inserir {
	background-image:url(/Content/imagens/botao_adicionar_icon.png);
}

input.botao.inserir[disabled] {
	background-image:url(/Content/imagens/botao_adicionar_icon_disabled.png);
}

input.botao.historico {
	background-image:url(/Content/imagens/botao_historico_escuro_icon.png);
}

input.botao.primeiro,
input.botao.segundo,
input.botao.terceiro {
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

.com_botao_dois input.botao.primeiro,
.com_botao_tres input.botao.segundo,
.com_botao_quatro input.botao.terceiro {
	right: 23px;
	*right: 29px !important;
}

.com_botao_tres input.botao.primeiro,
.com_botao_quatro input.botao.segundo {
	right: 52px;
	*right: -48px;
}

.com_botao_quatro input.botao.primeiro {
	right: 80px;
	*right: -74px;
}


.com_botao .componente.info input.botao,
.com_botao .componente.alerta input.botao {
	position:absolute !important;
	left:auto !important;
	right:-6px !important;
}

.container_tabela {
	height:300px;
	overflow:scroll;
	border-top:1px solid #aaa;
}

.campo.grupo.com_botao .largura10,
.campo.grupo.com_botao_dois .largura10 {
	height: 30px;
}

.campo.grupo.com_botao input.botao,
.campo.grupo.com_botao_dois input.botao {
	position:static;
	margin-left:-16px;
	*margin-left: 0px;
}


input.botao[disabled] {
	cursor: default;
}

/* ------------------- ABAS -------------------- */

.abas_simples li {
	float: left;
	border: none !important;
}

.aba {
	display: none;
}

.aba.exibir_aba {
	display:block !important;
}

.area_retratil .container { *margin-left: 0px !important; }

.area_retratil .abas {
	margin: 12px 0px;
	min-height: 100px;
}

.area_retratil .abas_simples {	margin: 0px; }

.area_retratil .abas_simples li {
	padding: 0px;
	margin-bottom:-1px;
	text-align:center;
}

.area_retratil .abas_simples li a {
	padding: 7px 28px !important;
	margin-top: 3px;
	margin-right: 2px;
	display: block;
	background-image: url(/Content/imagens/icone_aba.png);
	background-repeat: no-repeat;
	background-position: 7px 8px;
	background-color: #e3e3e3;
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

.area_retratil .abas_simples li a.ativo {
	padding: 9px 28px 8px;
	margin-top: 0px;
	font-size: 1em;
	background-position: 7px 11px;
	border-bottom: none;
}

.area_retratil .abas_simples li a.editado {
	background-image: url(/Content/imagens/icone_aba_editado.png);
}

.area_retratil .aba {
	padding: 5px 0px 0px;
	border-top: none;
}
	
/* ------------------- GALERIA -------------------- */

ul.galeria {
	padding: 12px 0px;
}

ul.galeria li {
	width: 176px;
	padding-top: 123px;
	padding-left: 5px;
	margin: 5px;
	float: left;
	position: relative;
	background-color: #eee;
}

ul.galeria li a {
	width: 171px;
	height: 113px;
	position: absolute;
	left: 5px;
	top: 5px;
	display: block;
	background-image: url(/Content/imagens/galeria.png);
	background-repeat: no-repeat;
	background-position: left top;
}

ul.galeria li a:hover {
	background-image: url(/Content/imagens/galeria_hover.png);
}

ul.galeria li a.botao {
	width: 157px;
	height: 12px;
	margin-bottom: 5px;
	position: static !important;
	color: #333;
	text-align: center;
	background-color: #dadada;
	background-image: none;
}

ul.galeria li a.botao:hover {
	color: #eee;
	background-color: #222;
}

ul.galeria li img {
	width: 171px;
	height: 113px;
	left: 5px;
	top: 5px;
	position: absolute;
}

#box_imagem {
	padding: 5px;
	max-width: 850px;
	height:auto;
}

#box_imagem img {
	width: 100%;
}
	
/* ---------------- AREA IMAGEM ------------------ */

.area_imagem {
	width: 96%;
	position: relative;
	padding: 2%;
	background-color: #f5f5f6;
	border: 1px solid #ededed;
}

.area_imagem img {
	width: 100%;
	height: auto;
	z-index: 1;
}

.area_imagem a {
	width: 96%;
	height: 94%;
	position: absolute;
	left:2%;
	top: 3%;
	display: block;
	background-image: url(/Content/imagens/galeria.png);
	background-repeat: no-repeat;
	background-position: left top;
	z-index: 2;
}

.area_imagem a:hover {
	background-image: url(/Content/imagens/galeria_hover.png);
}

/* ----------------- DATEPICKER ------------------ */

.ui-datepicker {
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	-moz-box-shadow: 0px 8px 11px 0px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 8px 11px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 8px 11px 0px rgba(0, 0, 0, 0.05);
}

.ui-datepicker td {
	border: 1px solid #ececec !important;
}

.ui-datepicker td.ui-datepicker-other-month:hover {
	background-color: #fff;
}

.ui-datepicker thead {
	background-color: #f8f8f8;
	border-top: 1px dotted #e6e6e6;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	cursor: pointer;
	background-repeat: no-repeat;
	background-color: #eee;
	border-bottom: 1px solid #e7e7e7;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
	-webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.1); 
}

.ui-datepicker-prev {
	background-position: 6px center;
	background-image: url(/Content/imagens/datepicker_prev.png);
	-webkit-border-radius: 2px 0px 0px 2px; 
	-moz-border-radius: 2px 0px 0px 2px;  
	border-radius: 2px 0px 0px 2px; 
}

.ui-datepicker-next {
	background-position: 9px center;
	background-image: url(/Content/imagens/datepicker_next.png);
	-webkit-border-radius: 0px 2px 2px 0px; 
	-moz-border-radius: 0px 2px 2px 0px;  
	border-radius: 0px 2px 2px 0px;
}

/**/

.sf-jqueryui.Metro .ui-widget-header {
	color: #333;
	background-color: #fff;
	border: none;
}

.sf-jqueryui.Metro .ui-widget-header span {
	font-size: 1.3em;
	font-weight: normal;
    line-height: 1.9em;
}

.sf-jqueryui.Metro .ui-widget-header .ui-icon { background-image: none; }

.sf-jqueryui .ui-datepicker .ui-datepicker-prev,
.sf-jqueryui .ui-datepicker .ui-datepicker-next {
	width: 24px;
	height: 24px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.sf-jqueryui.Metro .ui-datepicker-prev.ui-state-hover, 
.sf-jqueryui.Metro .ui-datepicker-prev.ui-widget-content .ui-state-hover, 
.sf-jqueryui.Metro .ui-datepicker-prev.ui-state-focus, 
.sf-jqueryui.Metro .ui-datepicker-prev.ui-widget-content .ui-state-focus,
.sf-jqueryui.Metro .ui-datepicker-next.ui-state-hover, 
.sf-jqueryui.Metro .ui-datepicker-next.ui-widget-content .ui-state-hover, 
.sf-jqueryui.Metro .ui-datepicker-next.ui-state-focus, 
.sf-jqueryui.Metro .ui-datepicker-next.ui-widget-content .ui-state-focus {
	height: 25px;
	margin-left: 1px;
	margin-top: 1px;
	background-color: #eee;
	border: none;
	-webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.1); 
}

.sf-jqueryui.Metro .ui-datepicker-next.ui-state-hover, 
.sf-jqueryui.Metro .ui-datepicker-next.ui-widget-content .ui-state-hover, 
.sf-jqueryui.Metro .ui-datepicker-next.ui-state-focus, 
.sf-jqueryui.Metro .ui-datepicker-next.ui-widget-content .ui-state-focus {
	margin-right: 1px;
	background-repeat: no-repeat; 
	background-position: 9px center;
	background-image: url(/Content/imagens/datepicker_next.png);
}

.sf-jqueryui.Metro .ui-datepicker-prev.ui-state-hover, 
.sf-jqueryui.Metro .ui-datepicker-prev.ui-widget-content .ui-state-hover, 
.sf-jqueryui.Metro .ui-datepicker-prev.ui-state-focus, 
.sf-jqueryui.Metro .ui-datepicker-prev.ui-widget-content .ui-state-focus {
	margin-left: 1px;
	background-repeat: no-repeat;
	background-position: 6px center;
	background-image: url(/Content/imagens/datepicker_prev.png);
}

.sf-jqueryui .ui-datepicker th { background-color: #f8f8f8; }

.sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default { 
	padding: 3px;
	color: #333; 
	font-size: 1.1em;
	background-color: #fff; 
	border: none; 
}

.sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-active { color: #fff; }
	
	
/* ------------------- RODAPÉ -------------------- */

#rodape {
	padding: 30px 0px;
	color: #999;
	font-size: 0.85em;
}


/* ------------------- COMPONENTES -------------------- */

.Table tbody tr td.EmptyCell {
    margin-left: auto;
    margin-right: auto;    
    text-align: center;
    font-weight:500;
}

.sf-jqueryui .ui-dialog .ui-dialog-content {
	width: 100% !important;
	padding:0px !important;
}

.Syncfusion-Grid-Core {	border-width:0px; }

.Syncfusion-Grid-Core .EditForm .faixa_botoes fieldset { padding: 0px; }

.Syncfusion-Grid-Core .EditForm .faixa_botoes fieldset > div {
    padding: 0px;
    margin: 0px;
}



.ui-widget-overlay { 
	background-image: none !important;
    background-color: #000 !important;
    opacity: 0.7 !important;
}

.campo .hasDatepicker { width: 100%; }
.campo .largura50.hasDatepicker { width: 45% !important; }

.faixa_botoes .sf-button.Marble.background {


	color: #222 !important;
	cursor: pointer !important;

    background-image: none !important;

	background-position: center;
	background-repeat: no-repeat;
	background-color: #EFEFEF !important;
	border: 1px solid #c6c6c6 !important;
	border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
}

.faixa_botoes .sf-button.Marble.background.backgroundhover {
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15) inset;
	-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15) inset;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.15s) inset;
	background-color: #e8e8e8 !important;
	border:1px solid #bbb;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}




.Syncfusion-Grid-Marble .GridPager {
	background-color: transparent !important;
	border-color: #ccc !important;
}

.Syncfusion-Grid-Marble .GridContent { background-color: transparent !important; }

.Syncfusion-Grid-Core .RowCell { line-height: 1.1 !important; }

.Syncfusion-Grid-Marble .EnableRowHover tbody > tr:hover { background-color: transparent !important; }

.Syncfusion-Grid-Core table tr:nth-child(even),
.Syncfusion-Grid-Marble .EnableRowHover tbody > tr:nth-child(even):hover  { background-color: rgba(255, 255, 255, 0.5) !important; }

.Syncfusion-Grid-Marble .SelectionBackground { 
    background-position: left center;
    background-repeat: repeat-y;
}

.Syncfusion-Grid-Marble td.SelectionBackground + td.SelectionBackground { background-image: none !important; }

.GridPager .first, .GridPager .prev, .GridPager .NextPage, .GridPager .LastPage, .GridPager .NextPageDisabled, 
.GridPager .LastPageDisabled, .GridPager .RefreshePager {
	padding: 2px 9px;
}

.GridPager .NumericContainer .NumericItem, .GridPager .NumericContainer .CurrentItem {
    display: inline-block !important;
	padding: 4px 6px !important;
    color: #fff !important;
    font-size: 1.2em !important;
    line-height: 1 !important;
}

.GridPager .NumericContainer .CurrentItem { background-color: #222 !important; }

.Syncfusion-Grid-Marble .NextPage:hover, .Syncfusion-Grid-Marble .LastPage:hover, .Syncfusion-Grid-Marble .FirstPage:hover, 
.Syncfusion-Grid-Marble .PrevPage:hover, .Syncfusion-Grid-Marble .GridPager .RefreshPager:hover { background-color: #fff; }

.Syncfusion-Grid-Marble .GridHeader { background-color: transparent !important; }

.GridHeader .GroupTopLeftCell, 
.Syncfusion-Grid-Marble .GridHeader .HeaderCell,
.Syncfusion-Grid-Marble .GridHeader .HeaderCellHover {
	text-transform: uppercase;
    background-image: none !important;
    background-color: transparent !important;
	border-right: none;
}

.Syncfusion-Grid-Core .HeaderCellDiv {
    margin: 0px !important;
    padding-left: 16px !important;
    font-weight:900;
}

.Syncfusion-Grid-Core .FilterIcon {
    margin: -23px -4px -3px 0 !important;
    float: left !important;
}

.Gridtoolbar {
    padding: 9px 0px 5px;
    margin-bottom: 12px;
    background-image: none !important;
    background-color: transparent !important;
}

.Gridtoolbar ul div { float: left; }

.customToolItem.Tool_Hover {
    border: none !important;
    background-image: none !important;
    background-color: transparent !important;
}

.customToolItem .dropdown_acoes ul { width: 47% !important; }

.customToolItem .dropdown_acoes ul li {
	float: none !important;
	display: block !important;
}

.customToolItem .dropdown_acoes ul li.Tool_Hover {

	margin: 1px 2px 2px !important;
	background-color: #fcfcfc !important;
    background-image: none !important;
    border-bottom: medium none !important;
    border-left: medium none !important;
    border-right: medium none !important;
	border-top: 1px solid #e4e4e4 !important;
}

.customToolItem .dropdown_acoes ul li.Tool_Hover:first-child { border-top: none !important; }

.dropdown_acoes .Toolbar_Separator {
	display: none !important;
	height: 0px !important;
	margin: 0px !important;
}

.Syncfusion-Grid-Marble .GroupCaption { padding: 6px 0px 0px !important; }

.Syncfusion-Grid-Marble .GroupCaption,
.Syncfusion-Grid-Marble .RecordPlusCollapse,
.Syncfusion-Grid-Marble .RecordPlusExpand { background-color: rgba(0, 0, 0, 0.05) !important; }

.Syncfusion-Grid-Marble .IndentCell,
.Syncfusion-Grid-Core table tr:nth-child(even) .GroupCaption,
.Syncfusion-Grid-Core table tr:nth-child(even) .RecordPlusExpand, 
.Syncfusion-Grid-Core table tr:nth-child(even) .RecordPlusCollapse { background-color: rgba(0, 0, 0, 0.098) !important; }
.Syncfusion-Grid-Core table tr:nth-child(odd) .IndentCell { background-color: rgba(0,0,0,0.06) !important; }

.Syncfusion-Grid-Core .RecordPlusCollapse > div, 
.Syncfusion-Grid-Core .MasterCellCollapse > div { background-position: -189px -212px !important; }

.Syncfusion-Grid-Core .RecordPlusExpand > div, 
.Syncfusion-Grid-Core .MasterCellExpand > div {
	background-color: transparent !important;
	background-position: -203px -212px !important;
}

.Syncfusion-Grid-Marble .GridContent.ui-droppable .Table { border-right: 1px solid #d7d7d7 !important;}

.Syncfusion-Grid-Marble .GroupDropArea.ui-droppable {
	margin-top: 16px !important;
	background-color: rgba(0, 0, 0, 0.04) !important;
	border-bottom: 1px solid #C9C9C9 !important;
}

.Syncfusion-Grid-Marble .GroupDropArea.ui-droppable .GroupHeaderCell { margin: 0px 11px; }

.Syncfusion-Grid-Core .Ascending { background-position: 0 -783px !important; }
.Syncfusion-Grid-Core .Descending { background-position: 0 -806px !important; }

.grid-icon.GroupHeaderCell.ui-draggable div { margin-top: 4px; }

.Syncfusion-Grid-Marble .IndentCell {
    border-color: #F0F0F0 !important;
    border-left: 1px solid #F0F0F0 !important;
}

.Syncfusion-Grid-Marble .RecordPlusExpand, 
.Syncfusion-Grid-Marble .RecordPlusCollapse, 
.Syncfusion-Grid-Marble .GroupCaption {
    border-color: #F0F0F0 !important;
    border-top: 1px solid #F0F0F0 !important;
}

.Syncfusion-Grid-Marble tr:first-child .RecordPlusExpand, 
.Syncfusion-Grid-Marble tr:first-child .RecordPlusCollapse, 
.Syncfusion-Grid-Marble tr:first-child .GroupCaption { border-top: none !important; }

.sf-jqueryui .ui-dialog .ui-dialog-titlebar-close {
	right: 17px !important;
	top: 14px !important;
	padding: 0px !important;
	background-color: #fff !important;
	border: 1px solid #ddd !important;
	z-index: 99999 !important;
}

.ui-dialog .ui-dialog-titlebar {
     background-color: #FFFFFF ! important;
     background-image: none ! important;
     border: medium none ! important;
     padding: 0px ! important;
}

.ui-dialog .ui-dialog-titlebar span { display: none !important; }
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span { display: block !important; }

.Syncfusion-Grid-Marble .GroupDropArea.ui-droppable .GroupHeaderCell {
	background-color: #EFEFEF !important;
    background-image: none !important;
    border: 1px solid #C6C6C6 !important;
    border-radius: 3px 3px 3px 3px !important;
    -moz-border-radius: 3px 3px 3px 3px !important;
    -webkit-border-radius: 3px 3px 3px 3px !important;
}

.Syncfusion-Grid-Marble .GroupDropArea.ui-droppable .GroupHeaderCell+.GroupHeaderCell {	margin-left: -7px !important; }

.Syncfusion-Grid-Marble .GroupDropArea.ui-droppable .GroupHeaderCell:hover {
    background-color: #ddd !important;
    border: 1px solid #bbb !important;
}

.sf-jqueryui.Marble .ui-widget-content {
	border: none !important;
	background-color: #fff !important;
}

/* AUTOCOMPLETE*/

.sf-autocomplete.Marble.Autocomplete_Wrapper {
    /*border: 1px solid #B3B3B3;*/
    /*color: #2E2E2E;*/
    height: 18px;
	
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    font-family: 'Lato',Arial,sans-serif;
    height: 16px;
    margin: 2px 1px 2px;
    padding: 7px;
    margin: 0px 1 2px !important;
    /*padding-left: 1% !important;
    padding-right: 1% !important;*/
    width: 100%;
}

.sf-autocomplete.Marble.Autocomplete_Wrapper input, .sf-autocomplete.Marble.Autocomplete_Wrapper .Syncfusion_Watermark_TextBox, .sf-autocomplete.Marble.Autocomplete_Wrapper .Syncfusion_Value_TextBox {
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    font-family: 'Lato',Arial,sans-serif;
    height: 20px;
    /*margin: 0 0 0;
    padding: 0;*/
    width: 100%;
    line-height: 16px;
    margin: 0;
    padding: 0;
    text-indent: 0px;
}
.sf-autocomplete.Marble .watermark {
    color: #666666;
    font-style: normal;
    /*margin: 0;
    padding: 0;*/
    margin: 0px 0 0px !important;
    padding-left: 1% !important;
    padding-right: 1% !important;
}



.sf-core [class^="Syncfusion"] input, .Autocomplete_Wrapper input {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2) inset;
    text-decoration: none;
    text-shadow: none;
}
.sf-core input {
    border: 0 none;
    font-size: 11px;
    height: 16px;
}

.sf-autocomplete.Autocomplete_Wrapper {
	height: 20px !important;
	padding: 0px !important;
	border: none !important;
	background-color: transparent !important;
}

.sf-autocomplete.Autocomplete_Wrapper input {
	width: 98% !important;
	padding: 4px !important;
}

/* UPLOAD */
.upload-file-list
{
margin-left:75px;
margin-top:-46px;
}


.CustomCss-UploadBox .file-progress {
    border: 1px solid #8DA046;    
}

.CustomCss-UploadBox .file-progress-status {
    background-color: #ccc;
}
.CustomCss-UploadBox .file-list .file-size {
    border-color: #ccc #ccc #ccc -moz-use-text-color;
  
}
 .CustomCss-UploadBox .inputbutton
 {
     background-color: #CCCCCC;
     color: #FFFFFF;
     border: 1px solid #ccc;
     padding: 5px 10px;
     -moz-border-radius: 5px 5px 5px 5px;
     font-size: 17px;
     border-radius:5px;
 }
 .CustomCss-UploadBox .file-list {
    color: #ccc;
 }
 .CustomCss-UploadBox .file-action {
    
    border-color: #ccc #ccc #ccc -moz-use-text-color;
 }

.uploadbox
{
    position:relative;
}
.uploadbox .sf_uploadinput
{
    position:absolute;
    opacity:0;
    filter:alpha(opacity=0);
    top:1px;
    cursor: pointer;
    font-size: 200px;
    right: 0;
    z-index: 1;   
 }

.uploadbox .uploadform
{
        display: table-cell;
    padding-left: 10px;
    display:inline-block;
    display:none;
}
.uploadbox .selectionpart
{
    overflow:hidden;
    position:relative;
    width:auto;
    *display:inline !important;
    *zoom:1;
    display:inline-block;
    
}
.componente .uploadbox .selectionpart { width: 100%; }
.uploadbox .upload-button
{
    margin-left:10px;
}
.uploadbox .upload-progress-status
{
    background-color:Red;
    height:2px;
    position:absolute;
}
.uploadbox .upload-progress
{
    height: 3px;
    width: 125px;
    position: absolute;
    bottom: -2px;
    border: 1px solid black;
    left: 5px;
}
.uploadbox .syncfusion-upload-file
{
   position: relative;
    min-width: 120px;
    vertical-align: middle;
}
.uploadbox .file-list .file-size 
{
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    float: left;
    min-width:100px;
    padding-left:0px;
    padding-right:0px;
}
.uploadbox .file-list {
    display: inline-block;
    height: 30px;
    padding: 3px 5px;
    text-align: center;
    text-indent: 3px;
}
.uploadbox .file-list .file-status {
    float: left;
    padding-top: 10px;
    min-width:77px;
    padding-right:0px;
    text-align:right;
}
.uploadbox .file-list .file-percentage {
    float: left;
    padding-top: 10px;
    width:40px;
    padding-left:0px;
    padding-right:0px;
}
.uploadbox .file-name {
    display: block;
    height: 28px;
    text-align: left;
    width: 100%;
}
.uploadbox .file-name-text 
{
     position: relative;
    top: 6px;
}
.uploadbox .file-progress-bar {
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%;
}
.uploadbox .file-list .file-action-cancel:hover,
.uploadbox .file-list .file-action-delete:hover,
.uploadbox .file-list .file-action-retry:hover
{
    cursor:pointer;
}
.uploadbox .file-list .file-action-cancel{ background-position: 5px 10px;  } 
.uploadbox .file-list .file-action-delete{ background-position:  -61px 10px; } 
.uploadbox .file-list .file-action-retry{ background-position: -193px 10px;  } 
.uploadbox .file-list .file-percentage-success 
{
   background: url("/Content/css/Content/css/CustomCSS/Images/Icons.png") no-repeat;
   background-position: -251px 10px; 
}
.uploadbox .file-list .file-percentage-failed 
{
    
   /*background: url("Content/css/CustomCSS/Images/Icons.png") no-repeat;*/
   background-position: -127px 10px;
}
.uploadbox .file-list .file-status-failed
{
    color:Red;
}
.uploadbox .file-list .file-status-success
{
    color:#6BD16B;
}
.uploadbox .file-progress-status 
{
        height: 100%;
    left: 0;
    position: absolute;
    top: 0;
}
.uploadbox .file-progress {
    float: left;
    min-width: 200px;
    position: relative;
}
.uploadbox .file-progress {
    border: 1px solid;
}
.uploadbox .file-action {
    
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    float: left;
    width: 16px;
   /*background: url("Content/css/CustomCSS/Images/Icons.png") no-repeat scroll transparent;*/

}

.uploadbox .upload-file-list {
    list-style: none outside none;
    padding: 3px;
}
.uploadbox .upload-file-list > li {
    padding-top: 3px;
}
.uploadbox .file-list > div {
    height: 100%;
    padding: 3px 5px;
}

.componente .uploadbox .selectionpart .uploader span.action { margin-right: 10px; }

.inputbutton
{
    background-color: #FBFCFC;
    display:none;
    color: gray;
    border: 1px solid lightgray;
    padding: 5px 10px;
    -moz-border-radius: 5px 5px 5px 5px;
    font-size: 17px;
    border-radius: 5px;
}

.sf-autocomplete.Marble.Autocomplete_Wrapper { width: 100% !important; height: 30px !important; }

.ui-widget,
.Syncfusion-Grid-Core { font-family: inherit !important; }


.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
	position:absolute; 
	top:7px; 
	right:-2px; 
	width:30px; 
	height:30px; 
	cursor:pointer; 
	z-index: 999;
}

a.ui-dialog-titlebar-close span.ui-icon {
	width:30px; 
	height:30px; 
	background:url(/Content/imagens/close.png) no-repeat; 
}

a.ui-dialog-titlebar-close ui-state-hover {
	border: none;
	background-color: #fff;
}
	
.ui-dialog .ui-dialog-content { padding: 0px !important; }
.sf-jqueryui .ui-dialog .ui-dialog-content, .ui-dialog-content iframe { width: 100% !important; }


/* PAGINAS INTERNAS */

.internas #conteudos {
    min-height: 400px;
    padding: 40px;
}

.internas #conteudos .esquerda {
    width: 655px;
    float: left;
}

.internas #conteudos .direita {
    width: 205px;
    float: right;
}

.internas #conteudos .esquerda a {
    color: #537b95;
}

.internas #conteudos h2 {
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-family: 'OpenSansCondensedLight',serif;
    font-size: 40px;
    font-weight: 100;
    color: #003283;
    line-height: 40px;
    border-bottom: 1px solid #54b024;
}

.internas #conteudos h3 {
    padding: 0 0 5px 0;
    font-family: 'OpenSansCondensedBold',serif;
    font-size: 30px;
    font-weight: 100;
    color: #0987cc;
    line-height: 30px;
}

.internas #conteudos h4 {
    padding: 20px 30px 5px 0;
    font-family: 'OpenSansCondensedBold',serif;
    font-size: 20px;
    font-weight: 100;
    color: #003283;
    line-height: 20px;
}

.internas #conteudos p, td {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
}

.internas #conteudos .direita ul {
    margin-top: 5px;
    border-top: 1px solid #eee;
}

.internas #conteudos .direita ul li {
    list-style: none;
    color: #ccc;
}

.internas #conteudos .direita ul li a {
    padding: 10px 0 10px 10px;
    display: block;
    font-family: 'OpenSansCondensedLight',serif;
    font-size: 16px;
    color: #666;
    background: url(/imagens/bullet.png) no-repeat 0 15px;
    border-bottom: 1px solid #eee;
}

.internas #conteudos .direita ul li a:hover {
    color: #000;
}

.close_btn_alert_box {
    position: relative;
    width: 28px;
    height: 28px;
    right: -20px;
    float: right;
    cursor: pointer;
    z-index: 100;
    background-repeat: no-repeat;
}

.loader {
    margin-top: -1em;
    height: 30px;
    margin-top: 1em;
    background-color: #000;
    width: 100%;
}

iframe::-webkit-scrollbar {
    display: none;
}

a.disabled, li.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: none;
}

.loadingCEP {
    background: url('/Content/imagens/loading.gif') no-repeat right center;
}

.single_label {
    padding-top: 25px;
    /*position: fixed;*/
}

.single_text {
    text-decoration: none;
    font-size: 1.15em;
    color: #555;
    line-height: 120%;
}

.notifyjs-foo-base {
    opacity: 0.95;
    width: 300px;
    background: #F5F5F5;
    padding: 5px;
    border-radius: 10px;
}

.notifyjs-foo-base .title {
    width: 290px;
    float: left;
    margin: 10px 0 0 10px;
    text-align: left;
}

.notifyjs-foo-base .buttons {
    float: left;
    font-size: 11px;
    padding: 5px;
    margin: 2px;
}

.notifyjs-foo-base button {
    font-size: 9px;
    padding: 5px;
    margin: 2px;
    width: 60px;
}


#pdfviewerdiv {
    width: 1000px;
    height: 490px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;        
}

#pdfviewerdiv p {
    padding: 1em;
}

#pdfviewerdiv object {
    display: block;
    border: solid 0px #666;
}


/* --------------------- HOME INTERNA --------------------- */

.home_interna { padding-bottom: 40px; }

.home_interna #titulo {
    padding-top: 20px;
    background-color: transparent;
}

.home_interna #titulo h4 {
    padding: 14px 10px 8px;
    font-size: 1.5em;
    text-transform: uppercase;
    border-bottom: 1px solid #cecece;
}

.home_interna #titulo h4 .icone_titulo {
    width: 40px;
    height: 34px;
    display: inline-block;
    margin-right: 6px;
    margin-top: -5px;
    padding-top: 6px;
    text-align: center;
    vertical-align: middle;    
    border-radius: 22px;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
}

.home_interna #titulo img { width: 25px; }

.home_interna #titulo > div {
    padding: 8px 6px 10px;
    background-color: rgba(0, 0, 0, 0.05);
}

.home_interna #titulo p {
    display: block;
    margin: 0px !important;
    color: #4c4c4c;
    line-height: 1.25;
}

.area_retratil ul { padding: 10px 10px 0px; }

.area_retratil ul li + li { border-top: 1px solid #ddd; }

.area_retratil ul li a {
    display: block;
    padding: 6px 0px !important;
    font-size: 1em !important;
    line-height: 1.2 !important;
}

.area_retratil ul li a:hover { color: #444; }




/* -------------------------------------------------------------------------------------------- */
/* -----------------------------------  MENU PRINCIPAL    -------------------------------------- */


#menu { 
    margin-right: 15px;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #444;
    border-radius: 2px;
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.5) inset;
    float: right;
    margin-top: 11px;
    z-index: 999999; 
}

#menu > ul {
	padding:0px;
	margin:0px;
}

#menu > ul > li {
	display:inline-block;
	position:relative;
    margin:2px 0px;
}

#menu > ul > li > span,
#menu > ul > li > a {
	display:block;
	padding:8px 6px 7px 6px;
	font-size:0.85em;
}

#menu > ul > #nome_modulo > a {
	padding:7px 10px 5px 10px;
    font-size: 1.1em;
    border-right: 1px solid #3b3b3b;
    position:relative;
    top:1px;
}

#menu > ul > li > span:hover {
	background-color:#fff;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
}


#menu .dropdown {
	display:none;
    padding:6px 0px;
	background-color:#fff;
	position:absolute;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
    z-index: 99999;
}

#menu .dropdown .colunas {display:table; width:100%;}

#menu .dropdown.grande {width:730px;}
#menu .dropdown.pequeno {width:300px;}

#menu .dropdown .coluna-1,
#menu .dropdown .coluna-2 {
	display:table-cell;
	font-size:0.85em;
	padding:5px 0px;
	font-weight:normal;
} 

#menu .dropdown .coluna-1 {font-weight:bold; font-size:0.9em; width:35%;}

#menu .dropdown .coluna-2 {border-left:1px solid #bbb; width:65%; padding:10px;}

#menu .dropdown .coluna-2 ul {display:none;}
#menu .dropdown .coluna-2 ul.ativo {display:block;}

#menu .dropdown .coluna-2 .titulo_opcoes {
	font-size:1.3em;
	color:#333;
	padding:7px 10px;
}

#menu > ul > li.aberto span {background-color:#fff; color: #333;}
#menu > ul > li.aberto .dropdown {display:block;}

#menu .dropdown ul li a {
	padding:3px 10px 3px 17px;
	border-left:3px solid transparent;
	display:block;
}

#menu .dropdown ul li.submenu {
	padding:0px;
	margin:0px;
    cursor: pointer;
}

#menu .dropdown ul li.submenu + li.submenu { border-top: 0px solid #eee; }

#menu .dropdown ul li .submenu_titulo{ 
	display:block;
	padding:8px 10px 8px 17px;
    color: #333;
	border-left:3px solid transparent;
	margin:0px;
    text-transform:uppercase; 
	font-size:0.9em;
}

#menu .dropdown ul li.selecionado .submenu_titulo{ 
	margin:0px;
}

#menu .dropdown ul li a:hover, 
#menu .dropdown .coluna-2 ul li a:hover,
#menu .dropdown ul li.submenu .submenu_titulo:hover, 
#menu .dropdown ul li.selecionado .submenu_titulo { color: #fff; }

#menu .dropdown ul li.selecionado .submenu_titulo {
	background-image:url("/Content/imagens/marcador-menu.png");
	background-repeat:no-repeat;
	background-position:right center;
}

#menu .dropdown ul li a:hover em {color:#0a9854;}

#menu .dropdown ul li.separador {
	padding-bottom:5px;
	margin-top:10px;
	border-top:1px solid #ddd;
}

#menu .dropdown .coluna-2 ul li + li { border-top: 1px solid #e4e4e4; }

#menu .dropdown .coluna-2 ul li a {
    display: block;
    padding: 8px 8px;
    color: #555;
    line-height:1;
}

/* -------------------------------------------------------------------------------------------- */
/* -----------------------------------  MENU MOBILE    -------------------------------------- */

#open-menu, #close-menu {
	display:none;
	padding:5px 10px !important; 
	border-radius:4px !important;
	-moz-border-radius:4px !important;
	-webkit-border-radius:4px !important;
    background-repeat: no-repeat !important;
    border-width:0px !important;
    box-sizing:content-box !important;
    -moz-box-sizing:content-box !important;
    -webkit-box-sizing:content-box !important;
    -webkit-appearance: none;
}

#close-menu {
	margin-top: 10px !important;
	margin-left:6px !important;
	color: #555 !important;
	background-color: #e8e8e8 !important; 
	border:1px solid #c4c4c4 !important;
	text-transform:lowercase !important;
	font-size:1.0em;
	margin-bottom:15px !important;
	margin-top:15px !important;
	width:auto !important;
	padding:2px 12px !important;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

#close-menu:hover { background-color: #5c5c5c !important; color: #fff !important; border-color: #222 !important; }

#open-menu {
	width:auto !important;
	height:24px;
	position:relative;
	margin-left: 20px !important;
	padding-left:30px !important;
	color:#fff !important; 
	font-size:1.1em;
	text-transform:uppercase;
	vertical-align:bottom;
	float:right;
    background-color: rgba(0, 0, 0, 0.4);
	background-image:url("/Content/imagens/icone-menu.png");
	background-size:14px 11px;
	background-repeat:no-repeat;
	background-position:10px 12px;
    border: 1px solid #444 !important;
}

#open-menu:hover, #open-menu:focus {
	color: #222 !important;
	background-color: #fff !important;
	background-image:url("/Content/imagens/icone-menu-hover.png");
}

#overlay-menu, #overlay-drop {
	background-color:#000;
	position:absolute;
	z-index:1000000;
	opacity:0.8;
}


#menu .dropdown .coluna-1 > ul > li > ul {display:none;}


#menu.lateral {
	margin-top: 0px;
	background-color: #eee;
	box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.25), 0 0 5px 1px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.25), 0 0 5px 1px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.25), 0 0 5px 1px rgba(0, 0, 0, 0.7);
	-webkit-border-radius: 0px;
	-moz-border-radius:  0px;
	border-radius: 0px;
	float:none;
	position:absolute;
	width:320px;
	top:-20px;
	left:-400px;
	padding:20px 0px;
	display:block !important; 
	overflow:auto;
	z-index:1000001;
}


#menu.lateral ul { padding: 0px; }

#menu.lateral li.menu:hover a, #menu.lateral li.menu:hover span {
    background-color: transparent;
    border-bottom-color:transparent;
    border-top-color: transparent;
    color: #444 !important;
}

#menu.lateral li {
	display:block;
	color:#444 !important; 
    cursor: pointer;
	border-bottom:1px solid #c8c8c8;
	font-size:1.1em;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.08);
}

#menu.lateral li:hover {
	border-bottom:1px solid #c7c7c7;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#menu.lateral li#nome_modulo {
    background-color: #dedede;
    border-top: 1px solid #b6b6b6;
    border-bottom: 1px solid #c0c0c0;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.06) inset;
    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.06) inset;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.06) inset;
}

#menu.lateral li a {
	color:#444 !important; 
}

#menu.lateral li#nome_modulo a { 
    color: #505050 !important;
    font-size: 1em;
    font-weight: bold;
    border-right: none;
}

#menu.lateral > ul > li.aberto {
	background-color:rgba(0,0,0,0.08);
}

#menu.lateral > ul > li > span,  
#menu.lateral > ul > li > a { 
    padding-top: 12px;
    padding-bottom: 12px; 
}

#menu.lateral > ul > li > span:hover,  
#menu.lateral > ul > li > a:hover{
	background-color:rgba(0,0,0,0.08);
}

#menu.lateral > ul > li#nome_modulo > span:hover,  
#menu.lateral > ul > li#nome_modulo > a:hover{
	background-color:rgba(0,0,0,0.05);
}

#menu.lateral > ul > li > span {
	background-image: url("/Content/imagens/icone-menu-mais-vazado.png") !important;
	background-position: 9px center  !important;
    background-repeat: no-repeat !important;
    background-size: 13px 13px  !important;
    padding-left:28px  !important;
}

#menu.lateral > ul > li > span:hover {
	box-shadow: none;
}

#menu.lateral > ul > li > a {
	background-image: url("/Content/imagens/marcador-menu-lateral.png") !important;
	background-position: 11px center  !important;
    background-repeat: no-repeat !important;
    background-size: 9px 10px  !important;
    padding-left:28px  !important;
}

#menu.lateral > ul > li li a {
	background-image: url("/Content/imagens/marcador-menu-lateral.png") !important;
	background-position: 8px 13px  !important;
    background-repeat: no-repeat !important;
    background-size: 9px 10px  !important;
    padding-left:25px  !important;
}

#menu.lateral .submenu_titulo {
	background-image: url("/Content/imagens/icone-menu-mais-vazado.png") !important;
	background-position: 2px 7px  !important;
    background-repeat: no-repeat !important;
    background-size: 13px 13px  !important;
    padding-left:22px  !important;
}

#menu.lateral > ul > li.aberto > span,
#menu.lateral .expandir .submenu_titulo {
	background-image: url("/Content/imagens/icone-menu-menos-vazado.png") !important;
}


#menu.lateral .dropdown.pequeno, 
#menu.lateral .dropdown.medio, 
#menu.lateral .dropdown.grande { width: 100% !important; }


#menu.lateral .dropdown {
	position:relative;
	top:0px;
	padding: 0px 5px 0px 0px;
	margin:0px;
	border-color: transparent;
	font-size:1.1em;
	background-color:transparent;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.0);
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.0);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.0);
}

#menu.lateral .colunas{
	margin: 0px 10px 15px 30px;
	display: block;
    width:auto;
    padding-top: 8px;
    border-top: 1px dashed #9e9e9e;
}

#menu.lateral .coluna-1, #menu.lateral .coluna-2, #menu.lateral .coluna-3 {
	display:block;
	width:100%;
	padding:0px;
	border-width:0px;
}

#menu.lateral .coluna-2 {display:none;}

#menu.lateral .dropdown ul li.separador {display:none; }
#menu.lateral .dropdown ul li.titulo {
	font-size: 0.8em !important;
	font-weight:normal;
	color:#888 !important;
	text-transform:uppercase;
	padding-top:20px;
	padding-left:7px;
	border-top: 0px solid #444;
}

#menu.lateral .dropdown .coluna-1 > ul li,
#menu.lateral .dropdown .coluna-2 > ul li,
#menu.lateral .dropdown .coluna-3 > ul li {
	font-size:0.9em;
	font-weight:bold;
}

#menu.lateral .dropdown ul li a {
    padding: 7px 10px 7px 17px;
}


#menu.lateral .dropdown ul li a:hover, 
#menu.lateral .dropdown ul li.submenu, 
#menu.lateral .dropdown ul li.submenu:hover, 
#menu.lateral .dropdown ul li.selecionado, 
#menu.lateral .dropdown ul li.selecionado:hover,
#menu.lateral .dropdown ul li .submenu_titulo,
#menu.lateral .dropdown ul li .submenu_titulo:hover,
#menu.lateral .dropdown ul li.selecionado .submenu_titulo {
	background-color:transparent;
	border-left:3px solid transparent;
	background-image:none;
}


#menu.lateral > ul > li.aberto span {
    background-color: transparent;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.0);
}

#menu.lateral ul li ul .submenu { 
    border-bottom: none !important;
    box-shadow: none; 
}

#menu.lateral ul li ul .submenu + .submenu { border-top: 1px solid #bbb; }

#menu.lateral .submenu.expandir ul {
	display:block;
	background-color:#eaeaea;
	margin:0px 10px 10px 10px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}

#menu.lateral .submenu.expandir ul li {
    border-bottom: 1px solid #bfbfbf;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

#menu.lateral .submenu.expandir ul li a { 
    padding: 9px 10px 9px 17px;
    padding-left: 18px !important;
    background-position: 4px 10px !important;
}


#menu.lateral .submenu.expandir ul li:first-child,
#menu.lateral .coluna-1 > ul > li:first-child {
    border-top-width: 0px;
}

#menu.lateral .dropdown ul li .submenu_titulo {
	padding: 7px 10px 7px 17px;
}


#menu.lateral .link_home {display:block;}



/* -------------------------------------------------------------------------------------------- */
/* -----------------------------------  MENU LATERAL    -------------------------------------- */


.menu_lateral li a, .menu_lateral li span {
	padding:5px 5px 5px 17px; 
	background-image:url("/Content/imagens/marcador-noticia.png");
	background-repeat:no-repeat;
	background-position: 6px 13px;
	display:block;
	cursor:pointer;
}

.menu_lateral li.submenu span {
	background-image:url("/Content/imagens/icone-menu-mais-vazado.png");
	background-size:12px 12px;
	background-position: 2px 10px;
}
.menu_lateral li.submenu.aberto span {
	background-image:url("/Content/imagens/icone-menu-menos-vazado.png");
	font-weight:bold;
	
}
.menu_lateral li.atual a {font-weight:bold; }
.menu_lateral li+li {border-top:1px solid #ccc;}

.menu_lateral .submenu ul {display:none;}


.menu_lateral .submenu.aberto ul {
	border-top:1px solid #666; 
	border-bottom:1px solid #ccc;
	margin-bottom:2px; 
	display:block; 
	padding-left:12px;
}
.menu_lateral .submenu.aberto ul li a {
	background-image:url(/Content/imagens/marcador-circulo.png); 
	background-repeat:no-repeat;
	font-size:0.9em;
	padding:7px 5px 7px 20px;
}

.menu_lateral .submenu li + li {
    border-top: 1px dotted #ccc;
}

.menu_lateral .btn_menu_lateral {
	width:35px;
	height:34px;
	display:none;
	background-image:url("/Content/imagens/icone-menu.png");
	background-size:14px 11px;
	background-repeat:no-repeat;
	background-position:10px 11px;
	border-right:1px solid #fff;
}

.menu_lateral h4 {
	border-bottom:1px solid #ccc;
	background-image: url("/Content/imagens/icone-menu-hover.png");
    background-position: 3px 4px;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0 0 6px 30px;
    text-transform:uppercase;
}




/* ------------------------------------------------------------------------------------------ */
/* --------------------------------------- AGÊNCIA ------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

/* ----------------------------------------------------------- */
/* ------------------------ LOGIN ---------------------------- */

body.login.agencia #cabecalho { 
    height: auto;
    box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.2);
}

body.login.agencia #cabecalho #marca { 
    max-width: none;
    height: 50px;
    padding: 10px 0;
}

body.login.agencia #cabecalho #marca img {
    margin: 0px;
    height: 100%;
}

body.login.agencia #corpo .container { position: relative; } 

body.login.agencia { 
    margin: 0px;
    background-image: url(/Content/imagens/fundo_cabecalho.png); 
}

body.login.agencia #corpo { 
    padding-top: 30px; 
    background-image:  none;
    background-color: transparent;
}

.agencia #caixa_login { 
    width: auto;
    float: right; 
    margin-bottom: 65px;
}

.agencia #area_login {
    height: 285px;
    float: none;
    padding: 20px;
    padding-bottom: 30px;
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1), 0px 0px 8px 8px rgba(0, 0, 0, 0.03) inset, 0px 0px 12px 12px rgba(0, 0, 0, 0.01) inset, 0px -30px 150px 0px rgba(255,255,255,0.32);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1), 0px 0px 8px 8px rgba(0, 0, 0, 0.03) inset, 0px 0px 12px 12px rgba(0, 0, 0, 0.01) inset, 0px -30px 150px 0px rgba(255,255,255,0.32);
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1), 0px 0px 8px 8px rgba(0, 0, 0, 0.03) inset, 0px 0px 12px 12px rgba(0, 0, 0, 0.01) inset, 0px -30px 150px 0px rgba(255,255,255,0.32);
}

.agencia #cabecalho_login { padding-bottom: 8px; }

.agencia #cabecalho_login img {
    width: auto;
    max-height: 60px;
    float: none;
    position: static;
}

.agencia #cabecalho_login h4 { 
    margin-top: 0px; 
    margin-bottom: 4px;
    text-transform: uppercase;
}

.agencia #cabecalho_login #titulo_login { 
    position: static; 
    padding: 0px 10px;
}

.agencia #acoes_login { padding: 0px 10px; }

.agencia #acoes_login input { width: 84%; }

.agencia #acoes_login input:focus,
.agencia #acoes_login input:active {
    box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.08);
}

.agencia #acoes_login a {
    display: block;
    margin-top: 10px; 
    padding-top: 6px;
    color: #a9a9a9;
    border-top: 1px dashed #cecece;
}

.agencia #acoes_login a:hover { color: #333; }
.agencia #acoes_login a:focus { text-decoration: underline; }

.agencia #acoes_login .matricula {
    background-image: url("/Content/imagens/icone_login_matricula.png");
    background-repeat: no-repeat;
    margin-bottom: 10px;
    padding-left: 40px;
}

.agencia #acoes_login .leitura {
    background-image: url("/Content/imagens/icone_login_leitura.png");
    background-repeat: no-repeat;
    margin-bottom: 10px;
    padding-left: 40px;
}

.agencia #acoes_login .captcha-container {
    padding: 5px;
    background-color: #efefef;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.agencia #acoes_login .captcha-container .captcha {
    width: 48%;
    margin-top: 0px;
    margin-bottom: 0px;
    display: inline-block;
    vertical-align: top;
}

.agencia #botao_login {
    width: 100%;
    height: 50px;
    padding-top: 4px;
    float: none;
    display: block;
    color: #fff;
    font-size: 1.4em;
    text-align: center;
    text-transform: uppercase;
    background-image:  url(/Content/imagens/botao_login_agencia.png);
    background-position: 123px 15px;
    background-color: rgba(0, 0, 0, 0.45) !important;
    *background-color: #333 !important;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    *border: 1px solid #222 !important;
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    box-sizing: border-box;
}

.agencia #botao_login:hover {
    background-color: rgba(0, 0, 0, 0.55) !important;
    *background-color: #222 !important;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    *border: 1px solid #111 !important;
}

.agencia #botao_login:focus {
    background-color: #222 !important;
    border: 1px solid #111;
    outline: 1px dotted #8f8f8f;
}

    
.agencia #btnCadastrar {
    width: 100%;
    height: 35px;
    position: absolute;
    bottom: -100px;
    left: 0px;
    display: block;
    margin: auto;
    cursor: pointer;
    color: #fff;
    font-size: 1em;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.36);
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0.3);
    *background-color: #fff;
    border: none;
    box-shadow: 0px 10px 11px 0px rgba(0,0,0,0.13), 0px 3px 3px 1px rgba(0,0,0,0.1), inset 0px -2px 8px rgba(255,255,255,0.15);
    -moz-box-shadow: 0px 10px 11px 0px rgba(0,0,0,0.13), 0px 3px 3px 1px rgba(0,0,0,0.1), inset 0px -2px 8px rgba(255,255,255,0.15);
    -webkit-box-shadow: 0px 10px 11px 0px rgba(0,0,0,0.13), 0px 3px 3px 1px rgba(0,0,0,0.1), inset 0px -2px 8px rgba(255,255,255,0.15);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.agencia #btnCadastrar:hover,
.agencia #btnCadastrar:focus {
    text-shadow: 0px 1px 2px rgba(0,0,0,0.15);
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.2), inset 0px -2px 8px rgba(255,255,255,0.15);
    -moz-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.2), inset 0px -2px 8px rgba(255,255,255,0.15);
    -webkit-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.2), inset 0px -2px 8px rgba(255,255,255,0.15);
}

.agencia #SegundaVia {
    width: 100%;
    height: 35px;
    position: absolute;
    bottom: -140px;
    left: 0px;
    display: block;
    margin: auto;
    cursor: pointer;
    color: #fff;
    font-size: 1em;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.36);
    text-transform: uppercase;
    background-color: #ee162d;
    *background-color: #fff;
    border: none;
    box-shadow: 0px 10px 11px 0px rgba(0,0,0,0.13), 0px 3px 3px 1px rgba(0,0,0,0.1), inset 0px -2px 8px rgba(255,255,255,0.15);
    -moz-box-shadow: 0px 10px 11px 0px rgba(0,0,0,0.13), 0px 3px 3px 1px rgba(0,0,0,0.1), inset 0px -2px 8px rgba(255,255,255,0.15);
    -webkit-box-shadow: 0px 10px 11px 0px rgba(0,0,0,0.13), 0px 3px 3px 1px rgba(0,0,0,0.1), inset 0px -2px 8px rgba(255,255,255,0.15);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .agencia #SegundaVia:hover,
    .agencia #SegundaVia:focus {
        text-shadow: 0px 1px 2px rgba(0,0,0,0.15);
        background-color: #db1026;
        box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.2), inset 0px -2px 8px rgba(255,255,255,0.15);
        -moz-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.2), inset 0px -2px 8px rgba(255,255,255,0.15);
        -webkit-box-shadow: inset 0px 3px 3px 0px rgba(0,0,0,0.2), inset 0px -2px 8px rgba(255,255,255,0.15);
    }

.agencia #home_slider {
    width: 65%;
    position: absolute;
    top: 0;
    left: 0;
}

.agencia #home_slider li {
    height: 436px;
    position: relative;
}

.agencia #home_slider li .slide img {
    max-width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.agencia #home_slider li .slide h1 {
    position: relative;
    display: inline-block;
    margin: 20px 0px 0px 20px;
    padding: 7px 18px;
    font-size: 1.9em;
    font-weight: normal;
    background-color: #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.40);
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.40);
    z-index: 99;
}

.agencia .owl-theme .owl-controls .owl-pagination {
    margin-top: -34px;
    position: relative;
    z-index: 99;
}

.agencia .owl-theme .owl-controls .owl-page span { background-color: #fff; }

.agencia .owl-theme .owl-controls .owl-buttons div { 
    width: 30px;
    height: 70px;
    position: absolute;
    top: 50%;
    margin-top: -55px;
    padding: 0px;
    background-color: rgba(0,0,0,0.3);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    opacity: 1;
}

.agencia .owl-theme .owl-controls .owl-buttons div:hover { background-color: rgba(0,0,0,0.5); }

.agencia .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 0px; background-image: url(/Content/imagens/icone_slider_prev.png); } 
.agencia .owl-theme .owl-controls .owl-buttons div.owl-next { right: 0px; background-image: url(/Content/imagens/icone_slider_next.png); }


.agencia .barra_informacoes { margin: 30px 0px 40px; }

.agencia .barra_informacoes h3 {
    margin-left: 4px;
    margin-bottom: 8px;
    color: #fff;
    font-size: 1.3em;
    font-weight: normal;
    text-transform: uppercase;
}

.agencia .barra_informacoes ul {
    display: block;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1), 0px 0px 8px 8px rgba(0, 0, 0, 0.03) inset, 0px 0px 12px 12px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1), 0px 0px 8px 8px rgba(0, 0, 0, 0.03) inset, 0px 0px 12px 12px rgba(0, 0, 0, 0.01) inset;
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1), 0px 0px 8px 8px rgba(0, 0, 0, 0.03) inset, 0px 0px 12px 12px rgba(0, 0, 0, 0.01) inset;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.agencia .barra_informacoes ul li {
    width: 16.6%;
    float: left;
}

.agencia .barra_informacoes ul li a { 
    padding: 10px;
    display: block; 
    font-size: 0.9em;
    line-height: 1.3;
    text-transform: uppercase;
}

.agencia .barra_informacoes ul li a:hover { background-color: #f4f4f4; }

.agencia .barra_informacoes ul li.atual a { background-color: #e2e2e2; }

.agencia .barra_informacoes ul li + li a { border-left: 1px dashed #cacaca; }

.agencia .barra_informacoes ul li.atual + li a,
.agencia .barra_informacoes ul li + li.atual a { border-left: 1px solid #d5d5d5; }

.agencia .barra_informacoes ul li a img {
    width: 25%; 
    display: inline-block;
    margin: 0% 5%;
}

.agencia .barra_informacoes ul li a span {
    width: 62%;
    display: inline-block;
    margin-top: 5px;
    vertical-align: top;
}

.agencia.login #rodape { 
    padding: 20px 0 30px;
    color: #fff; 
    border-top: 1px solid rgba(255, 255, 255, 0.15)
}

.agencia.login #info-box {
    width: 748px;
    height: 436px;
    float: left;
    background-color: #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1), 0px 0px 8px 8px rgba(0, 0, 0, 0.03) inset, 0px 0px 12px 12px rgba(0, 0, 0, 0.01) inset;
    -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1), 0px 0px 8px 8px rgba(0, 0, 0, 0.03) inset, 0px 0px 12px 12px rgba(0, 0, 0, 0.01) inset;
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1), 0px 0px 8px 8px rgba(0, 0, 0, 0.03) inset, 0px 0px 12px 12px rgba(0, 0, 0, 0.01) inset;
}

.agencia.login #info-box h4 {
    position: relative;
    padding: 12px 0px;
    padding-left: 82px;
    font-size: 1.3em;
    text-transform: uppercase;
    border-bottom: 1px solid #d7d7d7;
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.06);
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.06);
    z-index: 9;
}

.agencia.login #info-box h4 span {
    width: 52px;
    height: 52px;
    position: absolute;
    left: 20px;
    top: -5px;
    text-align: center;
    background-color: #fafafa;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.18), 0px 0px 10px 2px rgba(255, 255, 255, 0.8) inset;
    -moz-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.18), 0px 0px 10px 2px rgba(255, 255, 255, 0.8) inset;
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.18), 0px 0px 10px 2px rgba(255, 255, 255, 0.8) inset;
}

.agencia.login #info-box h4 span img { 
    width: 60%; 
    margin-top: 11px;
}

.agencia.login #info-box .content {
    height: 84%;
    padding: 8px 30px 0px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #f9f9f9;
    border-bottom: 1px solid #d7d7d7;
    box-shadow: inset 0px -3px 3px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: inset 0px -3px 3px 0px rgba(0,0,0,0.06);
    -webkit-box-shadow: inset 0px -3px 3px 0px rgba(0,0,0,0.06);
}

.agencia.login #info-box h6 {
    margin-top: 15px;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.agencia.login #info-box p { 
    margin: 8px 0px;
    line-height: 1.2;
}

.agencia.login #info-box ul { max-width: 70%; }

.agencia.login #info-box ul li { 
    padding: 5px 0px;
    list-style: inside;
    list-style-type: circle;
}


/* ----------------------------------------------------------- */
/* ---------------------- CABEÇALHO -------------------------- */

.agencia #cabecalho { 
    border-bottom: none !important; 
    background-image:url(/Content/imagens/fundo_cabecalho_branco.png);
}

.agencia #cabecalho #marca {
    width: auto;
    max-width: 400px;
    height: 41px;
    padding: 8px 0px;
    margin-left: 0px;
    background-color: transparent;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.agencia #cabecalho #marca img {
    width: auto;
    height: 100%;
    position: static;
    margin: 0px 15px 0px 0px;
}

.agencia #cabecalho #menu { 
    display: none;
    padding: 0px 10px;
    cursor: pointer;
    border: none !important;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35), 0px 5px 15px 0px rgba(255, 255, 255, 0.2) inset;
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35), 0px 5px 15px 0px rgba(255, 255, 255, 0.2) inset;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35), 0px 5px 15px 0px rgba(255, 255, 255, 0.2) inset;
}

.agencia #cabecalho #menu.lateral { padding: 20px 0; }

.agencia #menu > ul > li { margin: 3px 0px; }


.agencia #cabecalho #busca input { 
    width: 250px;
    height: 17px;
    padding: 8px 22px 8px 9px;
    color: #999999 !important;
    font-size: 1em;
    background-color: #f7f7f7;
    background-position: right 2px;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
}

.agencia #cabecalho #busca input:focus { 
    box-shadow: inset 0px 2px 2px 1px rgba(0,0,0,0.07);
    -moz-box-shadow: inset 0px 2px 2px 1px rgba(0,0,0,0.07);
    -webkit-box-shadow: inset 0px 2px 2px 1px rgba(0,0,0,0.07);
}

.agencia #menu .dropdown ul li a { 
    padding-top: 8px;
    padding-bottom: 8px;
    color: #333;
    font-weight: normal;
}

.agencia #menu.lateral li { box-shadow: none; }

.agencia #menu.lateral > ul > li li a { padding-left: 10px !important; }

/* ----------------------------------------------------------- */
/* -------------------- MENU MODULOS ------------------------- */

.agencia .menu_modulos {
    padding: 0px;
    background-image: none;
}

.agencia .menu_modulos ul,
.agencia .menu_modulos ul li { background-image: none; }


.agencia .menu_modulos ul li { 
    width: 16.6%; 
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.agencia .menu_modulos ul li + li { border-left: 1px solid rgba(255, 255, 255, 0.1); }

.agencia .menu_modulos ul li a { 
    position: relative;
    padding: 8px 0px 14px;
    color: #fff;
    text-transform: uppercase;
}

.agencia .menu_modulos ul li a:hover,
.agencia .menu_modulos ul li a:focus { 
    padding: 8px 0px 14px;
    background-color: rgba(255,255,255,0.1);
    background-position: center 14px;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.agencia .menu_modulos ul li a.ativo .ponta {
    width: 0;
    height: 0;
    left: 50%;
    bottom: 0;
    position: absolute;
    margin-left: -10px;
    border-bottom: 10px solid rgba(243, 243, 243, 1);
    border-left: 10px solid rgba(243, 243, 243, 0);
    border-right: 10px solid rgba(243, 243, 243, 0);
}

.agencia .menu_modulos ul li a.ativo,
.agencia .menu_modulos ul li a.ativo:hover,
.agencia .menu_modulos ul li a.ativo:focus {
    padding: 8px 0px 14px;
    background-color: rgba(0,0,0,0.1);
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.08) inset, 1px 0px 0px 0px rgba(255,255,255,0.03), -1px 0px 0px 0px rgba(255,255,255,0.03), 0px 0px 13px 0px rgba(255,255,255,0.07);
    -moz-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.08) inset, 1px 0px 0px 0px rgba(255,255,255,0.03), -1px 0px 0px 0px rgba(255,255,255,0.03), 0px 0px 13px 0px rgba(255,255,255,0.07);
    -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.08) inset, 1px 0px 0px 0px rgba(255,255,255,0.03), -1px 0px 0px 0px rgba(255,255,255,0.03), 0px 0px 13px 0px rgba(255,255,255,0.07);
}

.menu_modulos ul li a span {
    height: 45px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px auto;
}

.menu_modulos ul li a.agencia span { background-image: url("/Content/imagens/icone_grande_home.png"); }
.menu_modulos ul li a.dados span { background-image: url("/Content/imagens/icone_grande_info.png"); }
.menu_modulos ul li a.conta span { background-image: url("/Content/imagens/icone_grande_pagamento.png"); }
.menu_modulos ul li a.servicos span { background-image: url("/Content/imagens/icone_grande_servicos.png"); }
.menu_modulos ul li a.consultas span { background-image: url("/Content/imagens/icone_grande_qualidade.png"); }
.menu_modulos ul li a.atendimento span { background-image: url("/Content/imagens/icone_grande_registro.png"); }

/* ----------------------------------------------------------- */
/* -------------------- INFO_CLIENTE ------------------------- */


.agencia #info_cliente { 
    position: relative;
    padding: 4px 0px; 
    background-color: #f7f7f7;
    border-bottom: 1px solid #616161;
    border-top: 1px solid #dcdcdc;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.06) inset, 0px 3px 1px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.06) inset, 0px 3px 1px 0px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.06) inset, 0px 3px 1px 0px rgba(0, 0, 0, 0.06);
    z-index: 9;
}

.agencia #info_cliente .container { display: table; }

.agencia #info_cliente .container > a { 
    display: table-cell; 
    vertical-align: top;
}

.agencia #info_cliente .campo_cliente.campo_visualizacao { 
    width: 46.5% !important;
    padding-top: 3px;
    padding-left: 24px !important; 
    padding-bottom: 3px;
    color: #333;
    font-size: 1.2em;
    background-image: url(/Content/imagens/icone_cliente.png);
    background-position: center left;
    background-repeat: no-repeat;
    border-bottom: none;
}

.agencia #info_cliente .campo_cliente.campo_visualizacao > div { display: inline-block; }

.agencia #info_cliente .campo_cliente.campo_visualizacao > div span { display: none; }

.agencia #info_cliente .campo_cliente.campo_visualizacao .campo_nome { font-weight: bold; }

.agencia #info_cliente .campo_cliente.campo_visualizacao .campo_matricula { 
    padding-left: 5px;
    padding-right: 5px;
    color: #999; 
}

.agencia #info_cliente a.logout {
    display: inline-block;
    margin-top: -1px;
    padding: 3px 10px;
    font-size: 0.7em;
    line-height: 1;
    vertical-align: top;
    background-color: #eee;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.agencia #info_cliente a.logout:hover,
.agencia #info_cliente a.logout:focus {
    color: #fff;
    background-color: #222;
    border: 1px solid #222;
}

.agencia #info_cliente .campo_endereco.campo_visualizacao {
    text-align: right;
    margin-top: 6px !important;
    padding-bottom: 0px;
    padding-top: 3px;
    border-bottom: none;
}

.agencia #info_cliente .campo_endereco.campo_visualizacao > div { 
    display: inline-block;
    margin-right: 12px; 
    width: 90%;
}

.agencia #info_cliente .campo_endereco.campo_visualizacao > div > span {
    width: 90%;
    padding-right: 40px !important;
}

.agencia #info_cliente .campo_endereco.campo_visualizacao > div > select {
    width: 100%;
}

.agencia #info_cliente .campo_endereco.campo_visualizacao > div:last-child { margin-right: 0px; } 

.agencia #info_cliente #abrir_mapa {
    display: inline-block;
    padding: 5px 9px;
    font-size: 0.9em;
    background-color: #eee;
    border: 1px solid #cfcfcf;
    border-radius: 3px;
}

.agencia #info_cliente #abrir_mapa:focus,
.agencia #info_cliente #abrir_mapa:hover { background-color: #ddd; }

.agencia #info_cliente #abrir_mapa.ativo { 
    color: #fff;
    background-color: #333; 
    border: 1px solid #222;
}

.agencia #info_cliente #map {
    display: none;
    position: absolute !important;
    right: 0px;
    top: 37px;
    padding: 6px;
    background-color: #fff !important;
    box-shadow: 0px 8px 9px 1px rgba(0,0,0,0.22), inset 0px 3px 4px 0px rgba(0,0,0,0.08), 0px 1px 0px 1px rgba(0, 0, 0, 0.01);
    -moz-box-shadow: 0px 8px 9px 1px rgba(0,0,0,0.22), inset 0px 3px 4px 0px rgba(0,0,0,0.08), 0px 1px 0px 1px rgba(0, 0, 0, 0.01);
    -webkit-box-shadow: 0px 8px 9px 1px rgba(0,0,0,0.22), inset 0px 3px 4px 0px rgba(0,0,0,0.08), 0px 1px 0px 1px rgba(0, 0, 0, 0.01);
    border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    z-index: 9999; 
}

.agencia #info_cliente #map.aberto { display: block; }

/* ----------------------------------------------------------- */
/* ------------------------ INÍCIO --------------------------- */


.agencia #paineis_inicio { padding-top: 10px; }

.agencia #paineis_inicio .painel_modulos .caixa_modulo {
    height: 130px;
    text-align: center;
    text-transform: uppercase;
}

.agencia #paineis_inicio .painel_modulos .caixa_modulo a { padding-top: 90px; }
.agencia #paineis_inicio .painel_modulos .caixa_modulo:hover a { padding-top: 92px; }

.agencia #paineis_inicio .painel_modulos .caixa_modulo .sombra { top: -16px; }

.agencia #paineis_inicio .painel_mensagens { width: 32%; }

.agencia #paineis_inicio .painel_mensagens .caixa_mensagem { 
    width: 100%; 
    position: relative;
    z-index: 2;
}



/* ----------------------------------------------------------- */
/* ---------------------- BREADCRUMB ------------------------- */

.agencia #subtitulo {
    padding: 18px 0 10px;
    background-color: rgba(0, 0, 0, 0.05);
}

.agencia .nome_tela.breadscrumb {
    color: #fff;
    float: left;
    padding: 6px 12px 6px 8px;
    text-transform: lowercase;
    margin-bottom: 10px;
    font-size: 1.2em;
}

.agencia .nome_tela.secundario {
    margin-right: 20px;
    color: #333;
    margin-bottom: 10px;
    float: left;
    font-size: 1.2em;
    padding: 7px 12px 5px;
    text-transform: uppercase;
}


/* ----------------------------------------------------------- */
/* ------------------------- DADOS --------------------------- */

.agencia .dados_titulo { color: #333; }

.agencia .dados { padding: 16px 0 30px; }

.agencia .dados .coluna_esquerda,
.agencia .dados .coluna_direita { 
    float: left; 
    padding-top: 10px;
}

.agencia .dados .coluna_esquerda { 
    width: 23%; 
    padding-right: 2%; 
}

.agencia .dados .coluna_direita { 
    width: 73%; 
    padding-left: 2%;
}

.agencia .dados .coluna_direita .nome_tela { 
    float: none;
    display: none;
    padding: 0px;
    margin: 0px;
    font-size: 1.4em;
    text-transform: uppercase;
    background-image: none;
}
.agencia .dados .coluna_direita .nome_tela.secundario {
    display: block;
    margin-top: 5px;
    margin-bottom: 18px;
    padding-bottom: 10px;
    font-size: 1.3em !important;
    font-size: 1em;
    border-bottom: 1px dashed #bbb;
}

.agencia .dados .coluna_esquerda .menu_secundario {
    padding: 12px;
    background-color: #fafafa;
    border-radius: 3px;
    box-shadow: inset 0px 0px 12px 0px rgba(255,255,255,0.8), 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 0px 12px 0px rgba(255,255,255,0.8), 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0px 0px 12px 0px rgba(255,255,255,0.8), 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}

.agencia .dados .coluna_esquerda .menu_secundario li { padding: 2px 0px; }

.agencia .dados .coluna_esquerda .menu_secundario li + li { border-top: 1px dashed #d5d5d5; }

.agencia .dados .coluna_esquerda .menu_secundario li a {
    display: block;
    padding: 7px 6px;
    font-size: 0.85em;
    line-height: 1.3;
    text-transform: uppercase;
}

.agencia .dados .coluna_esquerda .menu_secundario li.ativo a { color: #fff; }

.agencia .dados .coluna_esquerda .menu_secundario li a:hover {
    background-color: rgba(0,0,0,0.06);
    background-color: #eee\9;
}


.agencia .dados .coluna_direita .barra_botoes, 
.agencia .dados .coluna_direita .Syncfusion-Grid-Core .sf-toolbar ul { margin-left: 0px; }

.agencia #myGrid { width: 100% !important; }

.agencia .coluna #myGrid { margin-top: 10px; }

/* ----------------------------------------------------------- */
/* ------------------------ BOTÕES --------------------------- */

.agencia .Syncfusion-Grid-Core .sf-toolbar { padding-top: 0px; }

.agencia .barra_botoes,
.agencia .Syncfusion-Grid-Core .sf-toolbar ul {
    width: auto;
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.07), inset 0px -5px 6px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.07), inset 0px -5px 6px 0px rgba(0,0,0,0.06);
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.07), inset 0px -5px 6px 0px rgba(0,0,0,0.06);
}

.agencia .barra_botoes li,
.agencia .barra_botoes li input { margin: 0px; }

.agencia .barra_botoes li input {
    border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}

.agencia .Syncfusion-Grid-Core .sf-toolbar ul li input.botao_texto,
.agencia .barra_botoes li input.botao_texto {
    padding-left: 10px;
    padding-right: 10px;
}

.agencia .botao_visualizar, 
.agencia .botao_editar, 
.agencia .botao_excluir, 
.agencia .botao_atualizar, 
.agencia .botao_adicionar, 
.agencia .botao_imprimir, 
.agencia .botao_salvar, 
.agencia .botao_cancelar, 
.agencia .botao_registro, 
.agencia .botao_debito, 
.agencia .botao_pendencias, 
.agencia .botao_anterior, 
.agencia .botao_proximo, 
.agencia .botao_seta_esquerda, 
.agencia .botao_seta_direita, 
.agencia .botao_mais, 
.agencia .botao_menos, 
.agencia .botao_ok {
    width: 32px;
    height: 32px;
}

.agencia .botao_texto { height: 32px; }


/* ----------------------------------------------------------- */
/* ------------------------ TABELA --------------------------- */

.agencia .Syncfusion-Grid-Core .sf-toolbar {
    margin-bottom: 0px !important;
    border-bottom: none !important;
}

.agencia .Syncfusion-Grid-Core .sf-toolbar ul li,
.agencia .Syncfusion-Grid-Core .sf-toolbar ul li input { margin: 0px !important; }

.agencia .Syncfusion-Grid-Core .GridContent .RowCell { text-align: left !important; }

.agencia .Syncfusion-Grid-Core .GridContent .RowCell a { 
    padding: 5px 8px;
    color: #333;
    font-size: 0.8em;
    text-decoration: none;
    text-transform: lowercase;
    background-color: #e3e3e3;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.agencia .Syncfusion-Grid-Core .GridContent .RowCell a:hover { 
    background-color: #d3d3d3;
    border: 1px solid #c2c2c2;
}


/* ------------------------------------------------------------------------------------------ */
/* ---------------------------------------- COR --------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */

/* ---------------------------------------- AZUL -------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */

/* cor principal */

.botao,
#botao_login,
.icone_modulo,
input.pesquisar,
body.login.agencia, 
#titulo .nome_tela,
.wizard span.atual h3,
#subtitulo .nome_tela,
.agencia .menu_modulos,
.agencia #cabecalho #menu,
#titulo #filtro_unidade a,
#cabecalho .menu ul li.ativo,
#menu .dropdown ul li a:hover, 
#menu .dropdown ul li.submenu .submenu_titulo:hover, 
#menu .dropdown ul li.selecionado .submenu_titulo,
.componente.botao_campo input,
.menu_lateral .btn_menu_lateral,
.grid .navegacao .botao_navegacao,
#cabecalho .menu ul #nome_modulo:hover,
.home_interna #titulo h4 .icone_titulo,
.GridPager .NumericContainer .NumericItem, 
.GridPager .NumericContainer .CurrentItem,
.agencia .dados .coluna_esquerda .menu_secundario li.ativo a { background-color:#146cac; }

.componente.botao_campo input { *background-color: #146cac !important; }

.grid th a:hover,
.faixa_titulo h2,
#titulo .acoes a:hover,
.agencia #home_slider li .slide h1,
#titulo .barra_botoes li .botao_texto:hover,
.Syncfusion-Grid-Marble .GridHeader .HeaderCellHover,
.agencia .dados .coluna_direita .nome_tela.secundario,
.menu_lateral li.submenu span:hover,
.menu_lateral li.atual a {
	color: #146cac;
}

select:focus,
input:focus,
textarea:focus, 
.selector.focus span {
	color:#146cac !important;
}

#cabecalho { border-bottom: 5px solid #146cac; }
.fixar .faixa_flutuante { border-bottom: 3px solid #146cac !important; }
.grid th { border-top:0px solid #146cac; }


/* variações da cor principal */

#botao_login:hover { background-color:#126aa5; }

#botao_login { border:1px solid #2f96db; }

.sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-active { background-color: #2179ba; }

.abrir h3 a:hover {	background-color:#84baec; }

.Syncfusion-Grid-Marble .SelectionBackground { background-color: #b7d0f2 !important; }

.sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-hover,
.sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-highlight { background-color: #c1e1fa; }

.area_retratil .aba,
.area_retratil .abas_simples li a.ativo { border: 1px solid #cddfe4; }
.area_retratil .abas_simples { border-bottom: 1px solid #cddfe4; }
.grid  tr.selecionada,
.Syncfusion-Grid-Marble .SelectionBackground { background-color:#cfdfe4 !important; }

.ui-datepicker td:hover,
#titulo .nome_tela.secundario,
#subtitulo .nome_tela.secundario,
#titulo .nome_tela.breadscrumb,
#subtitulo .nome_tela.breadscrumb,
.area_retratil .abas_simples li a.ativo { background-color:#daecf2; }

.painel h3 a:hover {
	background-color: rgba(174, 205, 233, 0.35);
	*background-color: #e2edf7;
}

.area_retratil .aba { background-color: #dee8ed; }


/* gradientes */

#titulo .nome_tela,
#subtitulo .nome_tela,
#cabecalho .menu ul #nome_modulo:hover,
#cabecalho .menu ul li.ativo,
#titulo .nome_tela.breadscrumb,
.agencia .nome_tela.breadscrumb, 
#subtitulo .nome_tela.breadscrumb {
    background: #1c88d0; /* Old browsers */
    background: -moz-linear-gradient(top,  #1c88d0 0%, #146cac 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #1c88d0 0%,#146cac 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1c88d0 0%,#146cac 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1c88d0 0%,#146cac 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1c88d0 0%,#146cac 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c88d0', endColorstr='#146cac',GradientType=0 ); /* IE6-9 */
}

.abrir h3,
.wizard span.atual,
#titulo .nome_tela.secundario,
.agencia .nome_tela.secundario,
#subtitulo .nome_tela.secundario {
    background: #bcdbf5; /* Old browsers */
    background: -moz-linear-gradient(top,  #bcdbf5 0%, #97bde8 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #bcdbf5 0%,#97bde8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #bcdbf5 0%,#97bde8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #bcdbf5 0%,#97bde8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #bcdbf5 0%,#97bde8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcdbf5', endColorstr='#97bde8',GradientType=0 ); /* IE6-9 */
}



/* --------------------------------------- VERDE -------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */

/* cor principal */

.verde .botao,
.verde #botao_login,
.verde .icone_modulo,
.verde input.pesquisar,
.verde body.login.agencia, 
.verde #titulo .nome_tela,
.verde .wizard span.atual h3,
.verde #subtitulo .nome_tela,
.verde .agencia .menu_modulos,
.verde .agencia #cabecalho #menu,
.verde #titulo #filtro_unidade a,
.verde #cabecalho .menu ul li.ativo,
.verde #menu .dropdown ul li a:hover, 
.verde #menu .dropdown ul li.submenu .submenu_titulo:hover, 
.verde #menu .dropdown ul li.selecionado .submenu_titulo,
.verde .componente.botao_campo input,
.verde .menu_lateral .btn_menu_lateral,
.verde .grid .navegacao .botao_navegacao,
.verde #cabecalho .menu ul #nome_modulo:hover,
.verde .home_interna #titulo h4 .icone_titulo,
.verde .GridPager .NumericContainer .NumericItem, 
.verde .GridPager .NumericContainer .CurrentItem,
.verde .agencia .dados .coluna_esquerda .menu_secundario li.ativo a { background-color:#319a23; }

.verde .componente.botao_campo input { *background-color: #319a23 !important; }

.verde .grid th a:hover,
.verde .faixa_titulo h2,
.verde #titulo .acoes a:hover,
.verde .agencia #home_slider li .slide h1,
.verde #titulo .barra_botoes li .botao_texto:hover,
.verde .Syncfusion-Grid-Marble .GridHeader .HeaderCellHover,
.verde .agencia .dados .coluna_direita .nome_tela.secundario,
.verde .menu_lateral li.submenu span:hover,
.verde .menu_lateral li.atual a {
	color: #319a23;
}

.verde select:focus,
.verde input:focus,
.verde textarea:focus, 
.verde .selector.focus span {
	color:#319a23 !important;
}

.verde #cabecalho { border-bottom: 5px solid #319a23; }
.verde .fixar .faixa_flutuante { border-bottom: 3px solid #319a23 !important; }
.verde .grid th { border-top:0px solid #319a23; }


/* variações da cor principal */

.verde #botao_login:hover { background-color:#319624; }

.verde #botao_login { border:1px solid #4db23e; }

.verde .sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-active { background-color: #40a133; }

.verde .abrir h3 a:hover {	background-color:#92ca8b; }

.verde .Syncfusion-Grid-Marble .SelectionBackground { background-color: #b3daae !important; }

.verde .sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-hover,
.verde .sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-highlight { background-color: #cbe6c8; }

.verde .area_retratil .aba,
.verde .area_retratil .abas_simples li a.ativo { border: 1px solid #cde4d7; }
.verde .area_retratil .abas_simples { border-bottom: 1px solid #cde4d7; }
.verde .grid  tr.selecionada,
.verde .Syncfusion-Grid-Marble .SelectionBackground { background-color:#cde4d7 !important; }

.verde .ui-datepicker td:hover,
.verde #titulo .nome_tela.secundario,
.verde #subtitulo .nome_tela.secundario,
.verde #titulo .nome_tela.breadscrumb,
.verde #subtitulo .nome_tela.breadscrumb,
.verde .area_retratil .abas_simples li a.ativo { background-color:#e0f0de; }

.verde .painel h3 a:hover {
	background-color: rgba(180, 233, 174, 0.35);
	*background-color: #e6f3e4;
}

.verde .area_retratil .aba { background-color: #ebeee9; }


/* gradientes */

.verde #titulo .nome_tela,
.verde #subtitulo .nome_tela,
.verde #cabecalho .menu ul #nome_modulo:hover,
.verde #cabecalho .menu ul li.ativo,
.verde #titulo .nome_tela.breadscrumb,
.verde.agencia .nome_tela.breadscrumb, 
.verde #subtitulo .nome_tela.breadscrumb { 
    background: #1c88d0; /* Old browsers */
    background: -moz-linear-gradient(top,  #60b546 0%, #319a23 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #60b546 0%,#319a23 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #60b546 0%,#319a23 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #60b546 0%,#319a23 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #60b546 0%,#319a23 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60b546', endColorstr='#319a23',GradientType=0 ); /* IE6-9 */
}

.verde .abrir h3,
.verde .wizard span.atual,
.verde #titulo .nome_tela.secundario,
.verde.agencia .nome_tela.secundario,
.verde #subtitulo .nome_tela.secundario {
    background: #bcdbf5; /* Old browsers */
    background: -moz-linear-gradient(top,  #c1e6ab 0%, #a7d98f 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #c1e6ab 0%,#a7d98f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c1e6ab 0%,#a7d98f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c1e6ab 0%,#a7d98f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c1e6ab 0%,#a7d98f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1e6ab', endColorstr='#a7d98f',GradientType=0 ); /* IE6-9 */
}



/* -------------------------------------- PETROLEO ------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

/* cor principal */

.petroleo .botao,
.petroleo #botao_login,
.petroleo .icone_modulo,
.petroleo input.pesquisar,
.petroleo body.login.agencia, 
.petroleo #titulo .nome_tela,
.petroleo .wizard span.atual h3,
.petroleo #subtitulo .nome_tela,
.petroleo .agencia .menu_modulos,
.petroleo .agencia #cabecalho #menu,
.petroleo #titulo #filtro_unidade a,
.petroleo #cabecalho .menu ul li.ativo,
.petroleo #menu .dropdown ul li a:hover, 
.petroleo #menu .dropdown ul li.submenu .submenu_titulo:hover, 
.petroleo #menu .dropdown ul li.selecionado .submenu_titulo,
.petroleo .componente.botao_campo input,
.petroleo .menu_lateral .btn_menu_lateral,
.petroleo .grid .navegacao .botao_navegacao,
.petroleo #cabecalho .menu ul #nome_modulo:hover,
.petroleo .home_interna #titulo h4 .icone_titulo,
.petroleo .GridPager .NumericContainer .NumericItem, 
.petroleo .GridPager .NumericContainer .CurrentItem,
.petroleo .agencia .dados .coluna_esquerda .menu_secundario li.ativo a { background-color:#06879a; }

.petroleo .componente.botao_campo input { *background-color: #06879a !important; }

.petroleo .grid th a:hover,
.petroleo .faixa_titulo h2,
.petroleo #titulo .acoes a:hover,
.petroleo .agencia #home_slider li .slide h1,
.petroleo #titulo .barra_botoes li .botao_texto:hover,
.petroleo .Syncfusion-Grid-Marble .GridHeader .HeaderCellHover,
.petroleo .agencia .dados .coluna_direita .nome_tela.secundario,
.petroleo .menu_lateral li.submenu span:hover,
.petroleo .menu_lateral li.atual a {
	color: #06879a;
}

.petroleo select:focus,
.petroleo input:focus,
.petroleo textarea:focus, 
.petroleo .selector.focus span {
	color:#06879a !important;
}

.petroleo #cabecalho { border-bottom: 5px solid #06879a; }
.petroleo .fixar .faixa_flutuante { border-bottom: 3px solid #06879a !important; }
.petroleo .grid th { border-top:0px solid #06879a; }


/* variações da cor principal */

.petroleo #botao_login:hover { background-color:#058092; }

.petroleo #botao_login { border:1px solid #269bac; }

.petroleo .sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-active { background-color: #188fa1; }

.petroleo .abrir h3 a:hover {	background-color:#7bbfca; }

.petroleo .Syncfusion-Grid-Marble .SelectionBackground { background-color: #a3d3da !important; }

.petroleo .sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-hover,
.petroleo .sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-highlight { background-color: #c1e1e6; }

.petroleo .area_retratil .aba,
.petroleo .area_retratil .abas_simples li a.ativo { border: 1px solid #cde4e3; }
.petroleo .area_retratil .abas_simples { border-bottom: 1px solid #cde4e3; }
.petroleo .grid  tr.selecionada,
.petroleo .Syncfusion-Grid-Marble .SelectionBackground { background-color:#cde4e3 !important; }

.petroleo .ui-datepicker td:hover,
.petroleo #titulo .nome_tela.secundario,
.petroleo #subtitulo .nome_tela.secundario,
.petroleo #titulo .nome_tela.breadscrumb,
.petroleo #subtitulo .nome_tela.breadscrumb,
.petroleo .area_retratil .abas_simples li a.ativo { background-color:#daedf0; }

.petroleo .painel h3 a:hover {
	background-color: rgba(153, 219, 227, 0.35);
	*background-color: #99dbe3;
}

.petroleo .area_retratil .aba { background-color: #e2ecec; }


/* gradientes */

.petroleo #titulo .nome_tela,
.petroleo #subtitulo .nome_tela,
.petroleo #cabecalho .menu ul #nome_modulo:hover,
.petroleo #cabecalho .menu ul li.ativo,
.petroleo #titulo .nome_tela.breadscrumb,
.petroleo.agencia .nome_tela.breadscrumb, 
.petroleo #subtitulo .nome_tela.breadscrumb { 
    background: #1c88d0; /* Old browsers */
    background: -moz-linear-gradient(top,  #10a5b2 0%, #06879a 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #10a5b2 0%,#06879a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #10a5b2 0%,#06879a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #10a5b2 0%,#06879a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #10a5b2 0%,#06879a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10a5b2', endColorstr='#06879a',GradientType=0 ); /* IE6-9 */
}

.petroleo .abrir h3,
.petroleo .wizard span.atual,
.petroleo #titulo .nome_tela.secundario,
.petroleo.agencia .nome_tela.secundario,
.petroleo #subtitulo .nome_tela.secundario {
    background: #77ccd2; /* Old browsers */
    background: -moz-linear-gradient(top,  #86d2d6 0%, #6ac8ce 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #86d2d6 0%,#6ac8ce 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #86d2d6 0%,#6ac8ce 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #86d2d6 0%,#6ac8ce 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #86d2d6 0%,#6ac8ce 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d2d6', endColorstr='#6ac8ce',GradientType=0 ); /* IE6-9 */
}



/* ---------------------------------------- ROXO -------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */

/* cor principal */

.roxo .botao,
.roxo #botao_login,
.roxo .icone_modulo,
.roxo input.pesquisar,
.roxo body.login.agencia, 
.roxo #titulo .nome_tela,
.roxo .wizard span.atual h3,
.roxo #subtitulo .nome_tela,
.roxo .agencia .menu_modulos,
.roxo .agencia #cabecalho #menu,
.roxo #titulo #filtro_unidade a,
.roxo #cabecalho .menu ul li.ativo,
.roxo #menu .dropdown ul li a:hover, 
.roxo #menu .dropdown ul li.submenu .submenu_titulo:hover, 
.roxo #menu .dropdown ul li.selecionado .submenu_titulo,
.roxo .componente.botao_campo input,
.roxo .menu_lateral .btn_menu_lateral,
.roxo .grid .navegacao .botao_navegacao,
.roxo #cabecalho .menu ul #nome_modulo:hover,
.roxo .home_interna #titulo h4 .icone_titulo,
.roxo .GridPager .NumericContainer .NumericItem, 
.roxo .GridPager .NumericContainer .CurrentItem,
.roxo .agencia .dados .coluna_esquerda .menu_secundario li.ativo a { background-color:#5764c4; }

.roxo .componente.botao_campo input { *background-color: #5764c4 !important; }

.roxo .grid th a:hover,
.roxo .faixa_titulo h2,
.roxo #titulo .acoes a:hover,
.roxo .agencia #home_slider li .slide h1,
.roxo #titulo .barra_botoes li .botao_texto:hover,
.roxo .Syncfusion-Grid-Marble .GridHeader .HeaderCellHover,
.roxo .agencia .dados .coluna_direita .nome_tela.secundario,
.roxo .menu_lateral li.submenu span:hover,
.roxo .menu_lateral li.atual a {
	color: #5764c4;
}

.roxo select:focus,
.roxo input:focus,
.roxo textarea:focus, 
.roxo .selector.focus span {
	color:#5764c4 !important;
}

.roxo #cabecalho { border-bottom: 5px solid #5764c4; }
.roxo .fixar .faixa_flutuante { border-bottom: 3px solid #5764c4 !important; }
.roxo .grid th { border-top:0px solid #5764c4; }


/* variações da cor principal */

.roxo #botao_login:hover { background-color:#515ebc; }

.roxo #botao_login { border:1px solid #6c7cd2; }

.roxo .sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-active { background-color: #636fc8; }

.roxo .abrir h3 a:hover {	background-color:#a6ade0; }

.roxo .Syncfusion-Grid-Marble .SelectionBackground { background-color: #c1c6e9 !important; }

.roxo .sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-hover,
.roxo .sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-highlight { background-color: #d5d8f0; }

.roxo .area_retratil .aba,
.roxo .area_retratil .abas_simples li a.ativo { border: 1px solid #dfe2f4; }
.roxo .area_retratil .abas_simples { border-bottom: 1px solid #dfe2f4; }
.roxo .grid  tr.selecionada,
.roxo .Syncfusion-Grid-Marble .SelectionBackground { background-color:#dfe2f4 !important; }

.roxo .ui-datepicker td:hover,
.roxo #titulo .nome_tela.secundario,
.roxo #subtitulo .nome_tela.secundario,
.roxo #titulo .nome_tela.breadscrumb,
.roxo #subtitulo .nome_tela.breadscrumb,
.roxo .area_retratil .abas_simples li a.ativo { background-color:#e6e8f6; }

.roxo .painel h3 a:hover { 
	background-color: rgba(213, 213, 242, 0.35);
    *background-color: #d5d5f2; 
}

.roxo .area_retratil .aba { background-color: #e1e3f4; }


/* gradientes */

.roxo #titulo .nome_tela,
.roxo #subtitulo .nome_tela,
.roxo #cabecalho .menu ul #nome_modulo:hover,
.roxo #cabecalho .menu ul li.ativo,
.roxo #titulo .nome_tela.breadscrumb,
.roxo.agencia .nome_tela.breadscrumb, 
.roxo #subtitulo .nome_tela.breadscrumb { 
    background: #636fc8; /* Old browsers */
    background: -moz-linear-gradient(top,  #6f7acc 0%, #5764c4 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #6f7acc 0%,#5764c4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6f7acc 0%,#5764c4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6f7acc 0%,#5764c4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #6f7acc 0%,#5764c4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f7acc', endColorstr='#5764c4',GradientType=0 ); /* IE6-9 */
}

.roxo .abrir h3,
.roxo .wizard span.atual,
.roxo #titulo .nome_tela.secundario,
.roxo.agencia .nome_tela.secundario,
.roxo #subtitulo .nome_tela.secundario {
    background: #b5bcea; /* Old browsers */
    background: -moz-linear-gradient(top,  #c9cff0 0%, #a1aae6 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #c9cff0 0%,#a1aae6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c9cff0 0%,#a1aae6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c9cff0 0%,#a1aae6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c9cff0 0%,#a1aae6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9cff0', endColorstr='#a1aae6',GradientType=0 ); /* IE6-9 */
}










































/* --------------------------- CBP ---------------------------- */
/* - css retirado do arquivo cbpNTAccordion.css em 12/01/2015 - */


@font-face {
    font-family: "icomoon";
    font-style: normal;
    font-weight: normal;
    src: url("/Content/fonts/fontsNestedAccordion/icomoon_arrows/icomoon.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/fontsNestedAccordion/icomoon_arrows/icomoon.woff") format("woff"), url("/Content/fonts/fontsNestedAccordion/icomoon_arrows/icomoon.ttf") format("truetype"), url("/Content/fonts/fontsNestedAccordion/icomoon_arrows/icomoon.svg#icomoon") format("svg");
}
.cbp-ntaccordion {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.cbp-ntsubaccordion {
    list-style: outside none none;
}
.cbp-ntaccordion .cbp-nttrigger {
    cursor: pointer;
}
.cbp-ntaccordion h3 {
    border-bottom: 1px solid #ddd;
    font-size: 2.75em;
    font-weight: 300;
    margin: 0 0 0.3em;
    padding: 1em 0 0.5em;
}
.cbp-ntaccordion h4 {
    font-size: 1.2em;
    letter-spacing: 0.4em;
    margin: 0 0 0.5em;
    padding: 0.5em 0;
    text-transform: uppercase;
}
.cbp-ntaccordion h5 {
    color: #000;
    font-size: 1.2em;
    margin: 0 0 0.5em;
    padding: 0.5em 5px 0 0.5em;
    text-transform: uppercase;
}
.cbp-ntaccordion .cbp-ntcontent p {
    color: #888;
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.5;
    margin: 0;
    padding: 0.2em 0 1.5em;
}
.cbp-ntaccordion > li > .cbp-nttrigger:before, .cbp-ntsubaccordion > li > .cbp-nttrigger:before {
    color: #888;
    font-family: "icomoon";
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    margin-right: 0.5em;
    text-transform: none;
}
.cbp-ntaccordion > li > .cbp-nttrigger:before {
    font-size: 70%;
}
.cbp-ntaccordion > li > .cbp-nttrigger:before {
    content: "6";
}
.cbp-ntaccordion > li > .cbp-nttrigger:hover:before {
    color: inherit;
    content: "5";
}
.cbp-ntaccordion > li.cbp-ntopen > .cbp-nttrigger:before, .no-js .cbp-ntaccordion > li > .cbp-nttrigger:before {
    color: inherit;
    content: "4";
}
.cbp-ntsubaccordion > li > .cbp-nttrigger:before {
    content: "2";
}
.cbp-ntsubaccordion > li > .cbp-nttrigger:hover:before {
    color: inherit;
    content: "3";
}
.cbp-ntsubaccordion > li.cbp-ntopen > .cbp-nttrigger:before, .no-js .cbp-ntsubaccordion > li > .cbp-nttrigger:before {
    color: inherit;
    content: "1";
}
.cbp-ntaccordion .cbp-ntcontent {
    height: 0;
    overflow: hidden;
    width: 95%;
}
.cbp-ntaccordion .cbp-ntopen > .cbp-ntcontent, .cbp-ntsubaccordion .cbp-ntopen > .cbp-ntcontent, .no-js .cbp-ntaccordion .cbp-ntcontent {
    height: auto;
}
@media screen and (max-width: 32em) {
.cbp-ntaccordion {
    font-size: 70%;
}
}
@font-face {
    font-family: "fontawesome";
    font-style: normal;
    font-weight: normal;
    src: url("/Content/fonts/fontsNestedAccordion/fontawesome.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/fontsNestedAccordion/fontawesome.svg#fontawesome") format("svg"), url("/Content/fonts/fontsNestedAccordion/fontawesome.woff") format("woff"), url("/Content/fonts/fontsNestedAccordion/fontawesome.ttf") format("truetype");
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
body {
    /*color: #47a3da;*/
    font-family: "Lato",Arial,sans-serif;
}
a.ntaLink {
    color: #47a3da;
    font-size: 12pt;
    line-height: 1.5em;
    padding: 15px;
    text-decoration: none;
}
a.ntaLink:hover {
    color: #888;
    padding: 15px;
}
.main, .container > header {
    margin: 0 auto;
    max-width: 100em;
    padding: 0 1.875em 3.125em;
    width: 95%;
}
.container > header {
    padding: 2.875em 1.875em 1.875em;
}
.container > header h1 {
    float: left;
    font-size: 2.125em;
    font-weight: 400;
    line-height: 1.3;
    margin: 0;
}
.container > header span {
    display: block;
    font-weight: 700;
    letter-spacing: 0.5em;
    padding: 0 0 0.6em 0.1em;
    text-transform: uppercase;
}
.container > header nav {
    float: right;
}
.container > header nav a.ntaLink {
    background: none repeat scroll 0 0 #fff;
    border: 4px solid #47a3da;
    border-radius: 50%;
    color: transparent;
    display: block;
    float: left;
    height: 2.5em;
    margin: 0 0.1em;
    position: relative;
    text-indent: -8000px;
    width: 2.5em;
}
.container > header nav a.ntaLink:after {
    color: #47a3da;
    content: attr(data-info);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: right;
    top: 120%;
    width: 600%;
}
.container > header nav a.ntaLink:hover:after {
    opacity: 1;
}
.container > header nav a.ntaLink:hover {
    background: none repeat scroll 0 0 #47a3da;
}
.icon-drop:before, .icon-arrow-left:before {
    color: #47a3da;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: normal;
    height: 100%;
    line-height: 2;
    padding-left: 8px;
    position: absolute;
    text-align: center;
    text-indent: 8000px;
    top: 0;
    width: 100%;
}
.container > header nav a.ntaLink:hover:before {
    color: #fff;
}
.icon-drop:before {
    content: "";
}
.icon-arrow-left:before {
    content: "";
}
div.cbp-ntcontent ul.cbp-ntsubaccordion li.cbp-ntopen div.cbp-ntcontent ul li {
    font-size: 14pt;
    line-height: 2.5em;
}
.painel div.area_retratil ul li a.ntaLink {
    font-size: 12pt;
    line-height: 2em;
}

.info-validar-certidao h4 {
    margin-top: 0px;
    margin-bottom: 4px;
    text-transform: uppercase;
    font-size: 1.5em;
    color: #222;
}

/*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

div.selector, 
div.selector span, 
div.checker span,
div.radio span, 
div.uploader, 
div.uploader span.action,
div.button,
div.button span {
  background-image: url(/Content/css/uniform/sprite-claren.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}

.selector, 
.radio, 
.checker, 
.uploader,
.button, 
.selector *, 
.radio *, 
.checker *, 
.uploader *,
.button *{
  margin: 0;
  padding: 0;
}

/* INPUT & TEXTAREA */

input.text,
input.email, 
input.password,
textarea.uniform {
  font-size: 12px;
 /* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
  font-weight: normal;
  padding: 7px;
  color: #333;
  background: url('/Content/css/uniform/images/bg-input-focus.png') repeat-x 0px 0px;
  background: url('/Content/css/uniform/images/bg-input.png') repeat-x 0px 0px;
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;
}

input.text:focus,
input.email:focus,
input.password:focus,
textarea.uniform:focus {
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
  border-color: #999;
  background: url('/Content/css/uniform/images/bg-input-focus.png') repeat-x 0px 0px;
}

/* SPRITES */

/* Select */

div.selector {
  background-position: -1260px -170px;
  line-height: 34px;
	height: 34px;
}

div.selector span {
  background-position: right 0px;
  height: 34px;
	line-height: 34px;
}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px;
	left: 0px;
}

div.selector:active, 
div.selector.active {
	background-position: -1260px -204px;
}

div.selector:active span, 
div.selector.active span {
	background-position: right -34px;
}

div.selector.focus, div.selector.hover, div.selector:hover {
	background-position: -1260px -238px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
	background-position: right -68px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
	background-position: -1260px -272px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
	background-position: right -102px;
}

div.selector.disabled,
div.selector.disabled:active,
div.selector.disabled.active {
	background-position: -1260px -306px;
}

div.selector.disabled span,
div.selector.disabled:active span,
div.selector.disabled.active span {
  background-position: right -136px;
}



/* Checkbox */

div.checker {
  width: 20px;
  height: 20px;
}

div.checker input {
  width: 20px;
  height: 20px;
  left: 0px !important;
  left: -28px\9 !important;
  top: -5px\9 !important;
}

div.checker span {
  background-position: 0px -340px;
  height: 20px;
  width: 20px;
}

div.checker:active span, 
div.checker.active span {
	background-position: -20px -340px;
}

div.checker.focus span,
div.checker:hover span {
	background-position: -40px -340px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
	background-position: -60px -340px;
}

div.checker span.checked {
	background-position: -80px -340px;
}

div.checker:active span.checked, 
div.checker.active span.checked {
	background-position: -100px -340px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
	background-position: -120px -340px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
	background-position: -140px -340px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
	background-position: -160px -340px;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
	background-position: -180px -340px;
}

/* Radio */

div.radio {
  width: 20px;
  height: 20px;
}

div.radio input {
  width: 20px;
  height: 20px;
  width: 5px\9 !important;
  height: 10px\9 !important;
}

div.radio span {
  height: 20px;
  width: 20px;
  background-position: 0px -360px;
}

div.radio:active span, 
div.radio.active span {
	background-position: -20px -360px;
}

div.radio.focus span, 
div.radio:hover span {
	background-position: -40px -360px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
	background-position: -60px -360px;
}

div.radio span.checked {
	background-position: -80px -360px;
}

div.radio:active span.checked,
div.radio.active span.checked {
	background-position: -100px -360px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
	background-position: -120px -360px;
}

div.radio.focus:active span.checked, 
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
	background-position: -140px -360px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
	background-position: -160px -360px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
	background-position: -180px -360px;
}



/* Uploader */

div.uploader {
  background-position: 0px -380px;
  height: 34px;
}

div.uploader span.action {
  background-position: right -516px;
  height: 29px;
  line-height: 34px;
}

div.uploader span.filename {
  height: 28px;
  /* change this line to adjust positioning of filename area */
  margin: 4px 0px 2px 2px;
  line-height: 28px;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -448px;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -550px;
}

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -584px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -618px;
}

div.uploader.disabled {
  background-position: 0px -414px;
}

div.uploader.disabled span.action {
  background-position: right -482px;
}


/* PRESENTATION */

/* Button */

/* Select */
div.selector {
/*  width: 190px; ---------------------------------------------------------------- largura retirada */
  font-size: 12px;
}

div.selector select {
/*  min-width: 190px; ------------------------------------------------------------ largura retirada */
	margin-left: 0px; /* -------------------------------------------------------- margem adicionada */
  /*font-family:  "Helvetica Neue", Helvetica, Arial, sans-serif; */
  font-size: 12px;
  border: solid 1px #fff;
}

div.selector select option {
	padding:4px;
}

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
}

div.selector span {
  color: #333;
  width: auto !important;
  text-shadow: 0 1px 0 #fff;
}

div.selector.disabled span {
  color: #bbb;
}

/* Checker */
div.checker {
  margin-right: 5px;
}

/* Radio */
div.radio {
  margin-right: 3px;
}

/* Uploader */
div.uploader {
  width: 100%;
  cursor: pointer;
}

div.uploader span.action {
  width: 35%;
  text-align: center;
  text-shadow: #fff 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
  border-left: solid 1px #bbb;
}

div.uploader span.filename {
  color: #777;
  width: 60%;
  font-size: 11px;
}

div.uploader input {
  width: 190px;
}

div.uploader.disabled span.action {
  color: #aaa;
}

div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}
/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector, 
.checker, 
.button, 
.radio, 
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
  outline: 0;
}

/* Button */

div.button a,
div.button button,
div.button input {
  position: absolute;
}

div.button {
  cursor: pointer;
  position: relative;
}

div.button span {
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  text-align: center;
}

/* Select */

div.selector {
  position: relative;
  padding-left: 7px;
  overflow: hidden;
}

div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.selector select {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity:0);
  height: 30px;
  border: none;
  background: none;
}

/* Checker */

div.checker {
  position: relative;
}

div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.checker input {
  opacity: 0;
  filter: alpha(opacity:0);
  display: inline-block;
  background: none;
}

/* Radio */

div.radio {
  position: relative;
}

div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center;
}

div.radio input {
  opacity: 0;
  filter: alpha(opacity:0);
  text-align: center;
  display: inline-block;
  background: none;
}

/* Uploader */

div.uploader {
  position: relative;
  overflow: hidden;
  cursor: default;
  padding-left:10px;
}

div.uploader span.action {
  float: right;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  padding: 0px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

div.uploader input {
  opacity: 0;
  filter: alpha(opacity:0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 34px;
  border: none;
  cursor: default;
  width:100%;
}

.splitmenubutton, .downtoggler{ /* .downtoggler element is dynamically added by script */
color: #333;
font: bold;
text-decoration: none;
background: transparent; /* default color of menu button */
display: inline-block;
}

.splitmenubutton{ 
-webkit-border-radius: 2px 0px 0px 2px;
-moz-border-radius: 2px 0px 0px 2px;
border-radius: 2px 0px 0px 2px;
background-image:url(/Content/scripts/splitmenubuttons/icone_engrenagem.png);
background-repeat:no-repeat;
background-position:2px 2px;
color:transparent;
padding:2px;
}

.splitmenubutton:hover{ 
cursor: default;
}

.downtoggler { 
-webkit-border-radius: 0px 2px 2px 0px;
-moz-border-radius: 0px 2px 2px 0px;
border-radius: 0px 2px 2px 0px;
}

.dedicatedtoggler{ /* CSS to apply to toggler when it's a seperate element (instead of being the main menu button itself) */
-webkit-border-radius: 0px 2px 2px 0px;
-moz-border-radius: 0px 2px 2px 0px;
border-radius: 0px 2px 2px 0px;
border-left: 0px solid #f5f5f5;

}

.splitmenubutton span.innerspan, .downtoggler span.innerspan{ /* span.innerspan element dynamically added by script inside menu button */
display: block;
padding: 2px 3px;
line-height: 1em;
color:#666;
position:relative;
top:-3px;
font-family: Arial, Helvetica, sans-serif !important;
text-shadow:0px 0px 0px #ffffff;
font-size:1.25em;
}

a.downtoggler.selected{ /* CSS to add to toggler element when it's selected */
background:transparent; /* default hover background color of menu */
}

.downarrow, rightarrow {
cursor: pointer;
}

span.innerspan.downarrow { /* Down arrow (hex value) */
width:10px !important;
text-align:left;
}

span.innerspan.downarrow::after{ /* Down arrow (hex value) */
content: '\25be';
}

.splitmenubutton span.innerspan.downarrow:after{ /* Down arrow with space before the arrow */
content: '\00a0\25be';
}


.rightarrow:after{ /* CSS for right arrow inside splitdropdown */
content: '\25b8'; /* Add HTML entity based right arrow */
position: absolute;
right: 5px;
font-size: 18px;
height: 100%;
}

/* ##### CSS for UL Drop Down Menus of script ###### */


ul.splitdropdown, ul.splitdropdown ul{ /*topmost and sub ULs, respectively*/
font: normal;
margin: 0;
padding: 0;
position: absolute;
display: none;
left: 200px;
top: 0;
list-style: none;
background: white; /* background color of drop down */
border: 1px solid lightgray;
border-bottom-width: 0;
box-shadow: 0 0 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 0 0 8px #818181;
-moz-box-shadow: 0 0 8px #818181;
}


ul.splitdropdown li{
position: relative;
}

ul.splitdropdown li a,
ul.splitdropdown li span {
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: black;
background: white;
text-decoration: none;
padding: 6px;
font-size:0.9em;
border-bottom:1px solid #ccc;
}


* html ul.splitdropdown li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

ul.splitdropdown li a:hover, 
ul.splitdropdown li span:hover,
.splitdropdown li.selected a {
background: #eee;
}

ul.splitdropdown li.separator{
border-bottom: 1px solid #dedddd;
}

/*!
 * jQuery UI CSS Framework 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*!
 * jQuery UI Datepicker 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
/*.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }*/
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
/*.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }*/
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

#testdiv {
	width:700px; 
	margin:0px auto; 
	border:1px solid #ccc; 
	padding:20px 25px 12px; 
	background:#fff
}

.tbox {
	position:absolute; 
	display:none; 
	padding:14px 17px; 
	z-index:900;
}
.tbox p {margin:8px 8px 8px 0px}
.tbox ul {margin:0; padding-left:20px}
.tbox ul {list-style:none; margin-bottom:12px; padding:0}
.tbox li {padding:8px 8px 8px 0px; border-top:1px dotted #999;}

.tbox h1 {
	font-size:1.7em;
	margin: 20px 0px 10px 0px;
}

.tbox h2 {
	font-size:1.15em;
	font-weight:normal; 
	font-style:italic; 
	margin:0 0 20px
}

.tinner {
	padding:15px 15px 15px 15px; 
	-webkit-border-radius:0px; 
	-moz-border-radius:0px; 
	border-radius:0px; 
	background:#fff url(/Content/imagens/preload.gif) no-repeat 50% 50%; 
	height:auto !important;
}

.tinner iframe {
	overflow: scroll;
	overflow-x: hidden;
}

.tmask {
	position:absolute; 
	display:none; 
	top:0px; 
	left:0px; 
	height:100%; 
	width:100%; 
	background:#000; 
	z-index:800
}

.tclose {
	position:absolute; 
	top:0px; 
	right:0px; 
	width:30px; 
	height:30px; 
	cursor:pointer; 
	background:url(/Content/imagens/close.png) no-repeat;
}

.tclose:hover {
	background-position:0 -30px;
}


#success, #alert, #error {
	color:#111;  
	padding:10px;
	background-color: #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow:0px 0px 4px 1px rgba(0,0,0,0.1), 0px 0px 8px 8px rgba(0,0,0,0.03) inset, 0px 0px 12px 12px rgba(0,0,0,0.01) inset;
	-moz-box-shadow:0px 0px 4px 1px rgba(0,0,0,0.1), 0px 0px 8px 8px rgba(0,0,0,0.03) inset, 0px 0px 12px 12px rgba(0,0,0,0.01) inset;
	-webkit-box-shadow:0px 0px 4px 1px rgba(0,0,0,0.1), 0px 0px 8px 8px rgba(0,0,0,0.03) inset, 0px 0px 12px 12px rgba(0,0,0,0.01) inset;
	border:1px solid #fff;
}


#error .tcontent {
	padding:0px 25px 20px 100px; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 
	border-radius:3px; 
	border:1px solid #eee;
	clear:both;
	background-image: url(/Content/imagens/icon_error.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height:80px;
}

#success .tcontent {
	padding:0px 25px 20px 100px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 
	border-radius:3px; 
	border:1px solid #eee;
	clear:both;
	background-image: url(/Content/imagens/icon_success.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height:80px;

}

#alert .tcontent {
	max-width: 550px;
	padding:0px 25px 20px 105px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 
	border-radius:3px; 
	border:1px solid #eee;
	clear:both;
	background-image: url(/Content/imagens/icon_alert.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height:80px;
}

#bluemask {
	background:#4195aa
}

#janela {
	padding:5px;
	border-radius:2px;
	-mozborder-radius:2px;
	-webkitborder-radius:2px;
}

#janela .tclose {
	left:6px
}


/* CSS Document */

/* ------------------------------------------------------------------------------------------ */
/* ---------------------------------------- AZUL -------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */

/* cor principal */

.botao,
#botao_login,
.icone_modulo,
input.pesquisar,
#titulo .nome_tela,
.wizard span.atual h3,
#subtitulo .nome_tela,
#titulo #filtro_unidade a,
#cabecalho .menu ul li.ativo,
.componente.botao_campo input,
.menu_lateral .btn_menu_lateral,
.grid .navegacao .botao_navegacao,
#cabecalho .menu ul #nome_modulo:hover,
.home_interna #titulo h4 .icone_titulo,
.GridPager .NumericContainer .NumericItem, 
.GridPager .NumericContainer .CurrentItem { background-color:#146cac; }

.componente.botao_campo input { *background-color: #146cac !important; }

.grid th a:hover,
.faixa_titulo h2,
#titulo .acoes a:hover,
#titulo .barra_botoes li .botao_texto:hover,
.Syncfusion-Grid-Marble .GridHeader .HeaderCellHover,
.menu_lateral li.submenu span:hover,
.menu_lateral li.atual a {
	color: #146cac;
}

select:focus,
input:focus,
textarea:focus, 
.selector.focus span {
	color:#146cac !important;
}

#menu .dropdown ul li a:hover, 
#menu .dropdown ul li.submenu .submenu_titulo:hover, 
#menu .dropdown ul li.selecionado .submenu_titulo { border-left: 3px solid #146cac !important; }
#cabecalho { border-bottom: 5px solid #146cac; }
.fixar .faixa_flutuante { border-bottom: 3px solid #146cac !important; }
.grid th { border-top:0px solid #146cac; }


/* variações da cor principal */

#botao_login:hover { background-color:#126aa5; }

#botao_login { border:1px solid #2f96db; }

.sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-active { background-color: #2179ba; }

.abrir h3 a:hover {	background-color:#84baec; }

.Syncfusion-Grid-Marble .SelectionBackground { background-color: #b7d0f2 !important; }

.sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-hover,
.sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-highlight { background-color: #c1e1fa; }

.area_retratil .aba,
.area_retratil .abas_simples li a.ativo { border: 1px solid #cddfe4; }
.area_retratil .abas_simples { border-bottom: 1px solid #cddfe4; }
.grid  tr.selecionada,
.Syncfusion-Grid-Marble .SelectionBackground { background-color:#cfdfe4 !important; }

.ui-datepicker td:hover,
#titulo .nome_tela.secundario,
#subtitulo .nome_tela.secundario,
#titulo .nome_tela.breadscrumb,
#subtitulo .nome_tela.breadscrumb,
.area_retratil .abas_simples li a.ativo { background-color:#daecf2; }

.painel h3 a:hover {
	background-color: rgba(174, 205, 233, 0.35);
	*background-color: #e2edf7;
}

#menu .dropdown ul li a:hover, 
#menu .dropdown ul li.submenu .submenu_titulo:hover, 
#menu .dropdown ul li.selecionado .submenu_titulo {	background-color:#edecf3; }

.area_retratil .aba { background-color: #dee8ed; }


/* gradientes */

#titulo .nome_tela,
#subtitulo .nome_tela,
#cabecalho .menu ul #nome_modulo:hover,
#cabecalho .menu ul li.ativo,
#titulo .nome_tela.breadscrumb,
#subtitulo .nome_tela.breadscrumb { 
    background: #1c88d0; /* Old browsers */
    background: -moz-linear-gradient(top,  #1c88d0 0%, #146cac 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #1c88d0 0%,#146cac 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1c88d0 0%,#146cac 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1c88d0 0%,#146cac 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1c88d0 0%,#146cac 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c88d0', endColorstr='#146cac',GradientType=0 ); /* IE6-9 */
}

.abrir h3,
.wizard span.atual,
#titulo .nome_tela.secundario,
#subtitulo .nome_tela.secundario {
    background: #bcdbf5; /* Old browsers */
    background: -moz-linear-gradient(top,  #bcdbf5 0%, #97bde8 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #bcdbf5 0%,#97bde8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #bcdbf5 0%,#97bde8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #bcdbf5 0%,#97bde8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #bcdbf5 0%,#97bde8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcdbf5', endColorstr='#97bde8',GradientType=0 ); /* IE6-9 */
}




/* ------------------------------------------------------------------------------------------ */
/* --------------------------------------- VERDE -------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */

/* cor principal */

.verde .botao,
.verde #botao_login,
.verde .icone_modulo,
.verde input.pesquisar,
.verde #titulo .nome_tela,
.verde .wizard span.atual h3,
.verde #subtitulo .nome_tela,
.verde #titulo #filtro_unidade a,
.verde #cabecalho .menu ul li.ativo,
.verde .componente.botao_campo input,
.verde .menu_lateral .btn_menu_lateral,
.verde .grid .navegacao .botao_navegacao,
.verde #cabecalho .menu ul #nome_modulo:hover,
.verde .home_interna #titulo h4 .icone_titulo,
.verde .GridPager .NumericContainer .NumericItem, 
.verde .GridPager .NumericContainer .CurrentItem { background-color:#319a23; }

.verde .componente.botao_campo input { *background-color: #319a23 !important; }

.verde .grid th a:hover,
.verde .faixa_titulo h2,
.verde #titulo .acoes a:hover,
.verde #titulo .barra_botoes li .botao_texto:hover,
.verde .Syncfusion-Grid-Marble .GridHeader .HeaderCellHover,
.verde .menu_lateral li.submenu span:hover,
.verde .menu_lateral li.atual a {
	color: #319a23;
}

.verde select:focus,
.verde input:focus,
.verde textarea:focus, 
.verde .selector.focus span {
	color:#319a23 !important;
}

.verde #menu .dropdown ul li a:hover, 
.verde #menu .dropdown ul li.submenu .submenu_titulo:hover, 
.verde #menu .dropdown ul li.selecionado .submenu_titulo { border-left: 3px solid #319a23 !important; }
.verde #cabecalho { border-bottom: 5px solid #319a23; }
.verde .fixar .faixa_flutuante { border-bottom: 3px solid #319a23 !important; }
.verde .grid th { border-top:0px solid #319a23; }


/* variações da cor principal */

.verde #botao_login:hover { background-color:#319624; }

.verde #botao_login { border:1px solid #4db23e; }

.verde .sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-active { background-color: #40a133; }

.verde .abrir h3 a:hover {	background-color:#92ca8b; }

.verde .Syncfusion-Grid-Marble .SelectionBackground { background-color: #b3daae !important; }

.verde .sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-hover,
.verde .sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-highlight { background-color: #cbe6c8; }

.verde .area_retratil .aba,
.verde .area_retratil .abas_simples li a.ativo { border: 1px solid #cde4d7; }
.verde .area_retratil .abas_simples { border-bottom: 1px solid #cde4d7; }
.verde .grid  tr.selecionada,
.verde .Syncfusion-Grid-Marble .SelectionBackground { background-color:#cde4d7 !important; }

.verde .ui-datepicker td:hover,
.verde #titulo .nome_tela.secundario,
.verde #subtitulo .nome_tela.secundario,
.verde #titulo .nome_tela.breadscrumb,
.verde #subtitulo .nome_tela.breadscrumb,
.verde .area_retratil .abas_simples li a.ativo { background-color:#e0f0de; }

.verde .painel h3 a:hover {
	background-color: rgba(180, 233, 174, 0.35);
	*background-color: #e6f3e4;
}

.verde #menu .dropdown ul li a:hover, 
.verde #menu .dropdown ul li.submenu .submenu_titulo:hover, 
.verde #menu .dropdown ul li.selecionado .submenu_titulo {	background-color:#eef3ec; }

.verde .area_retratil .aba { background-color: #ebeee9; }


/* gradientes */

.verde #titulo .nome_tela,
.verde #subtitulo .nome_tela,
.verde #cabecalho .menu ul #nome_modulo:hover,
.verde #cabecalho .menu ul li.ativo,
.verde #titulo .nome_tela.breadscrumb,
.verde #subtitulo .nome_tela.breadscrumb { 
    background: #1c88d0; /* Old browsers */
    background: -moz-linear-gradient(top,  #60b546 0%, #319a23 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #60b546 0%,#319a23 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #60b546 0%,#319a23 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #60b546 0%,#319a23 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #60b546 0%,#319a23 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60b546', endColorstr='#319a23',GradientType=0 ); /* IE6-9 */
}

.verde .abrir h3,
.verde .wizard span.atual,
.verde #titulo .nome_tela.secundario,
.verde #subtitulo .nome_tela.secundario {
    background: #bcdbf5; /* Old browsers */
    background: -moz-linear-gradient(top,  #c1e6ab 0%, #a7d98f 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #c1e6ab 0%,#a7d98f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c1e6ab 0%,#a7d98f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c1e6ab 0%,#a7d98f 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c1e6ab 0%,#a7d98f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1e6ab', endColorstr='#a7d98f',GradientType=0 ); /* IE6-9 */
}




/* ------------------------------------------------------------------------------------------ */
/* -------------------------------------- PETROLEO ------------------------------------------ */
/* ------------------------------------------------------------------------------------------ */

/* cor principal */

.petroleo .botao,
.petroleo #botao_login,
.petroleo .icone_modulo,
.petroleo input.pesquisar,
.petroleo #titulo .nome_tela,
.petroleo .wizard span.atual h3,
.petroleo #subtitulo .nome_tela,
.petroleo #titulo #filtro_unidade a,
.petroleo #cabecalho .menu ul li.ativo,
.petroleo .componente.botao_campo input,
.petroleo .menu_lateral .btn_menu_lateral,
.petroleo .grid .navegacao .botao_navegacao,
.petroleo #cabecalho .menu ul #nome_modulo:hover,
.petroleo .home_interna #titulo h4 .icone_titulo,
.petroleo .GridPager .NumericContainer .NumericItem, 
.petroleo .GridPager .NumericContainer .CurrentItem { background-color:#06879a; }

.petroleo .componente.botao_campo input { *background-color: #06879a !important; }

.petroleo .grid th a:hover,
.petroleo .faixa_titulo h2,
.petroleo #titulo .acoes a:hover,
.petroleo #titulo .barra_botoes li .botao_texto:hover,
.petroleo .Syncfusion-Grid-Marble .GridHeader .HeaderCellHover,
.petroleo .menu_lateral li.submenu span:hover,
.petroleo .menu_lateral li.atual a {
	color: #06879a;
}

.petroleo select:focus,
.petroleo input:focus,
.petroleo textarea:focus, 
.petroleo .selector.focus span {
	color:#06879a !important;
}

.petroleo #menu .dropdown ul li a:hover, 
.petroleo #menu .dropdown ul li.submenu .submenu_titulo:hover, 
.petroleo #menu .dropdown ul li.selecionado .submenu_titulo { border-left: 3px solid #06879a !important; }
.petroleo #cabecalho { border-bottom: 5px solid #06879a; }
.petroleo .fixar .faixa_flutuante { border-bottom: 3px solid #06879a !important; }
.petroleo .grid th { border-top:0px solid #06879a; }


/* variações da cor principal */

.petroleo #botao_login:hover { background-color:#058092; }

.petroleo #botao_login { border:1px solid #269bac; }

.petroleo .sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-active { background-color: #188fa1; }

.petroleo .abrir h3 a:hover {	background-color:#7bbfca; }

.petroleo .Syncfusion-Grid-Marble .SelectionBackground { background-color: #a3d3da !important; }

.petroleo .sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-hover,
.petroleo .sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-highlight { background-color: #c1e1e6; }

.petroleo .area_retratil .aba,
.petroleo .area_retratil .abas_simples li a.ativo { border: 1px solid #cde4e3; }
.petroleo .area_retratil .abas_simples { border-bottom: 1px solid #cde4e3; }
.petroleo .grid  tr.selecionada,
.petroleo .Syncfusion-Grid-Marble .SelectionBackground { background-color:#cde4e3 !important; }

.petroleo .ui-datepicker td:hover,
.petroleo #titulo .nome_tela.secundario,
.petroleo #subtitulo .nome_tela.secundario,
.petroleo #titulo .nome_tela.breadscrumb,
.petroleo #subtitulo .nome_tela.breadscrumb,
.petroleo .area_retratil .abas_simples li a.ativo { background-color:#daedf0; }

.petroleo .painel h3 a:hover {
	background-color: rgba(153, 219, 227, 0.35);
	*background-color: #99dbe3;
}

.petroleo #menu .dropdown ul li a:hover, 
.petroleo #menu .dropdown ul li.submenu .submenu_titulo:hover, 
.petroleo #menu .dropdown ul li.selecionado .submenu_titulo { background-color:#ecf3f3; }

.petroleo .area_retratil .aba { background-color: #e2ecec; }


/* gradientes */

.petroleo #titulo .nome_tela,
.petroleo #subtitulo .nome_tela,
.petroleo #cabecalho .menu ul #nome_modulo:hover,
.petroleo #cabecalho .menu ul li.ativo,
.petroleo #titulo .nome_tela.breadscrumb,
.petroleo #subtitulo .nome_tela.breadscrumb { 
    background: #1c88d0; /* Old browsers */
    background: -moz-linear-gradient(top,  #10a5b2 0%, #06879a 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #10a5b2 0%,#06879a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #10a5b2 0%,#06879a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #10a5b2 0%,#06879a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #10a5b2 0%,#06879a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10a5b2', endColorstr='#06879a',GradientType=0 ); /* IE6-9 */
}

.petroleo .abrir h3,
.petroleo .wizard span.atual,
.petroleo #titulo .nome_tela.secundario,
.petroleo #subtitulo .nome_tela.secundario {
    background: #77ccd2; /* Old browsers */
    background: -moz-linear-gradient(top,  #86d2d6 0%, #6ac8ce 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #86d2d6 0%,#6ac8ce 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #86d2d6 0%,#6ac8ce 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #86d2d6 0%,#6ac8ce 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #86d2d6 0%,#6ac8ce 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d2d6', endColorstr='#6ac8ce',GradientType=0 ); /* IE6-9 */
}




/* ------------------------------------------------------------------------------------------ */
/* ---------------------------------------- ROXO -------------------------------------------- */
/* ------------------------------------------------------------------------------------------ */

/* cor principal */

.roxo .botao,
.roxo #botao_login,
.roxo .icone_modulo,
.roxo input.pesquisar,
.roxo #titulo .nome_tela,
.roxo .wizard span.atual h3,
.roxo #subtitulo .nome_tela,
.roxo #titulo #filtro_unidade a,
.roxo #cabecalho .menu ul li.ativo,
.roxo .componente.botao_campo input,
.roxo .menu_lateral .btn_menu_lateral,
.roxo .grid .navegacao .botao_navegacao,
.roxo #cabecalho .menu ul #nome_modulo:hover,
.roxo .home_interna #titulo h4 .icone_titulo,
.roxo .GridPager .NumericContainer .NumericItem, 
.roxo .GridPager .NumericContainer .CurrentItem { background-color:#5764c4; }

.roxo .componente.botao_campo input { *background-color: #5764c4 !important; }

.roxo .grid th a:hover,
.roxo .faixa_titulo h2,
.roxo #titulo .acoes a:hover,
.roxo #titulo .barra_botoes li .botao_texto:hover,
.roxo .Syncfusion-Grid-Marble .GridHeader .HeaderCellHover,
.roxo .menu_lateral li.submenu span:hover,
.roxo .menu_lateral li.atual a {
	color: #5764c4;
}

.roxo select:focus,
.roxo input:focus,
.roxo textarea:focus, 
.roxo .selector.focus span {
	color:#5764c4 !important;
}

.roxo #menu .dropdown ul li a:hover, 
.roxo #menu .dropdown ul li.submenu .submenu_titulo:hover, 
.roxo #menu .dropdown ul li.selecionado .submenu_titulo { border-left: 3px solid #5764c4 !important; }
.roxo #cabecalho { border-bottom: 5px solid #5764c4; }
.roxo .fixar .faixa_flutuante { border-bottom: 3px solid #5764c4 !important; }
.roxo .grid th { border-top:0px solid #5764c4; }


/* variações da cor principal */

.roxo #botao_login:hover { background-color:#515ebc; }

.roxo #botao_login { border:1px solid #6c7cd2; }

.roxo .sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-active { background-color: #636fc8; }

.roxo .abrir h3 a:hover {	background-color:#a6ade0; }

.roxo .Syncfusion-Grid-Marble .SelectionBackground { background-color: #c1c6e9 !important; }

.roxo .sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-hover,
.roxo .sf-jqueryui.Metro .ui-widget-content .ui-datepicker-calendar td a.ui-state-default.ui-state-highlight { background-color: #d5d8f0; }

.roxo .area_retratil .aba,
.roxo .area_retratil .abas_simples li a.ativo { border: 1px solid #dfe2f4; }
.roxo .area_retratil .abas_simples { border-bottom: 1px solid #dfe2f4; }
.roxo .grid  tr.selecionada,
.roxo .Syncfusion-Grid-Marble .SelectionBackground { background-color:#dfe2f4 !important; }

.roxo .ui-datepicker td:hover,
.roxo #titulo .nome_tela.secundario,
.roxo #subtitulo .nome_tela.secundario,
.roxo #titulo .nome_tela.breadscrumb,
.roxo #subtitulo .nome_tela.breadscrumb,
.roxo .area_retratil .abas_simples li a.ativo { background-color:#e6e8f6; }

.roxo .painel h3 a:hover { 
	background-color: rgba(213, 213, 242, 0.35);
    *background-color: #d5d5f2; 
}

.roxo #menu .dropdown ul li a:hover, 
.roxo #menu .dropdown ul li.submenu .submenu_titulo:hover, 
.roxo #menu .dropdown ul li.selecionado .submenu_titulo { background-color:#ebecf8; }

.roxo .area_retratil .aba { background-color: #e1e3f4; }


/* gradientes */

.roxo #titulo .nome_tela,
.roxo #subtitulo .nome_tela,
.roxo #cabecalho .menu ul #nome_modulo:hover,
.roxo #cabecalho .menu ul li.ativo,
.roxo #titulo .nome_tela.breadscrumb,
.roxo #subtitulo .nome_tela.breadscrumb { 
    background: #636fc8; /* Old browsers */
    background: -moz-linear-gradient(top,  #6f7acc 0%, #5764c4 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #6f7acc 0%,#5764c4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6f7acc 0%,#5764c4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6f7acc 0%,#5764c4 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #6f7acc 0%,#5764c4 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f7acc', endColorstr='#5764c4',GradientType=0 ); /* IE6-9 */
}

.roxo .abrir h3,
.roxo .wizard span.atual,
.roxo #titulo .nome_tela.secundario,
.roxo #subtitulo .nome_tela.secundario {
    background: #b5bcea; /* Old browsers */
    background: -moz-linear-gradient(top,  #c9cff0 0%, #a1aae6 100%); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #c9cff0 0%,#a1aae6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c9cff0 0%,#a1aae6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c9cff0 0%,#a1aae6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #c9cff0 0%,#a1aae6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9cff0', endColorstr='#a1aae6',GradientType=0 ); /* IE6-9 */
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(/Content/css/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(/Content/css/AjaxLoader.gif) no-repeat center center
}

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.tooltipster-light {
	border-radius: 5px; 
	border: 1px solid #cccccc;
	background: #ededed;
	color: #666666;
}
.tooltipster-light .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
}