/*****************************************ALTERAÇÕES ALINE*****************************************************/
:root {
    --fundo: #f9fafe; /*#f9fafe; /*linear-gradient(to bottom, #addfff 50%, white) no-repeat;*/
    --bordasuperior: white;
    /*Tema Principal*/
    --cortema: #73879C; /*#058783;/*#b32647; #6754b3 ;#73879C*/
    /*Cor do texto dos cadastros*/
    --cortextos: #000000;
    /*Cor do texto dos titulos Painel Controle*/
    --cortextosP: #808080;
    /*Textos dos Cabeçalhos/Tabs*/
    --cortextos_header: #969393 !important; /*#d3d3d3;lightgray*/
    /*Tamanho Fonte dos Textos*/
    --font_size_textos: 8pt;
    /* Tipo de Fontes dos Textos */
    --font_family_textos: Verdana, Arial, sans-serif;
    /* Tamanho Fonte dos Cabeçalhos/Títulos */
    --font_size_header: 20px;
    /* Negrito - Necessário para eliminar os negritos nos outros idiomas */
    --negrito: bold;
    /* tamanho Fonte das Abas*/
    --font_size_abas: 12px;
    /* Espaçamento do Grid nos cadastros */
    --padding_gridview: 4px;
    /*Botões*/
    --btn_textos: #ffffff;
    --btn_padrao: #73879C;
    --btn_salvar: #169F85;
    --btn_excluir: #d9534f;
    --btn_voltar: #a8a8a8; /*#9c71d1 ;*/
    --btn_cancelar: #5bc0de;
    --btn_sim: #169F85;
    --btn_nao: #d9534f;
    --tamanho: 4px 10px;
    --tamanho_adicionais: 6px 20px 6px 20px; /* É válido rever estes tamanhos nos outros idiomas, por conta do alinhamento invertido dos ícones*/
    /*Menu*/
    --font_size_titulo_totais: 20px;
    --font_size_totais: 10px;
    --font_size_menu: 12px;
    --font_size_empresa: 18px;
    /* Formatação Radio e Check - Português */
    --float: left;
    --text_indent: 17px;
    --margin_right: 6px;
    --margin_left: -18px;
    --margin_right_check: 2px;
    --margin_left_check: -16px;
    /* Formatação Radio e Check - Arabe 
	--float: right;
	--text_indent: 0px;
	--margin_right: 0px;
	--margin_left:5px;

	--margin_right_check: 2px;
	--margin_left_check: 5px;*/
    /**********************************************************************************************************/
    --menu: #e7e7e7;
    --icon-claro: #f2db29;
    --icon-escuro: #bd1818;
    --icon-menu-claro: #5bc0de; /*#5bc0de;#bd1818*/
    --icon-menu-escuro: #003366;
    /*Cores do Menu - Gradientes*/
    /*Roxo*/
    --gradient1: radial-gradient(circle at 8.75% 8.45%, #20002c, transparent 100%),radial-gradient(circle at 94.06% 82.83%, #cbb4d4, transparent 100%), radial-gradient(circle at 50% 50%, #20002c, #20002c 100%);
    --gradient1_arabe: radial-gradient(circle at 94.06% 82.83%, #20002c, transparent 100%),radial-gradient(circle at 8.75% 8.45%, #cbb4d4, transparent 100%), radial-gradient(circle at 50% 50%, #cbb4d4, #cbb4d4 100%);
    --itens_gradient1: rgba(255, 255, 255, 0.96);
    /*Cinza*/
    --gradient2: radial-gradient(circle at 8.75% 8.45%, #2c3e50, transparent 100%),radial-gradient(circle at 94.06% 82.83%, #bdc3c7, transparent 100%), radial-gradient(circle at 50% 50%, #2c3e50, #2c3e50 100%);
    --gradient2_arabe: radial-gradient(circle at 94.06% 82.83%,#2c3e50, transparent 100%),radial-gradient(circle at 8.75% 8.45%, #bdc3c7, transparent 100%), radial-gradient(circle at 50% 50%, #bdc3c7, #bdc3c7 100%);
    --itens_gradient2: rgba(255, 255, 255, 0.96);
    /*Laranja*/
    --gradient3: radial-gradient(circle at 8.75% 8.45%, #f37335, transparent 100%),radial-gradient(circle at 94.06% 82.83%, #FDC830, transparent 100%), radial-gradient(circle at 50% 50%, #f37335, #f37335 100%);
    --gradient3_arabe: radial-gradient(circle at 94.06% 82.83%,#f37335, transparent 100%),radial-gradient(circle at 8.75% 8.45%, #FDC830, transparent 100%), radial-gradient(circle at 50% 50%, #f37335,#f37335 100%);
    --itens_gradient3: rgba(255, 255, 255, 0.96);
    /*Vermelho*/
    --gradient4: radial-gradient(circle at 8.75% 8.45%, #dd1818, transparent 100%),radial-gradient(circle at 94.06% 82.83%, #333333, transparent 100%), radial-gradient(circle at 50% 50%, #dd1818, #dd1818 100%);
    --gradient4_arabe: radial-gradient(circle at 94.06% 82.83%,#dd1818, transparent 100%),radial-gradient(circle at 8.75% 8.45%, #333333, transparent 100%), radial-gradient(circle at 50% 50%, #333333, #333333 100%);
    --itens_gradient4: rgba(255, 255, 255, 0.96);
    /*AzulxRoxo*/
    --gradient5: radial-gradient(circle at 8.75% 8.45%, #7474BF, transparent 100%),radial-gradient(circle at 94.06% 82.83%, #348AC7, transparent 100%), radial-gradient(circle at 50% 50%, #7474BF, #7474BF 100%);
    --gradient5_arabe: radial-gradient(circle at 94.06% 82.83%, #7474BF, transparent 100%),radial-gradient(circle at 8.75% 8.45%, #348AC7, transparent 100%), radial-gradient(circle at 50% 50%, #348AC7, #348AC7 100%);
    --itens_gradient5: rgba(255, 255, 255, 0.96);
    /*Azul*/
    --gradient6: radial-gradient(circle at 8.75% 8.45%, #0072ff, transparent 100%),radial-gradient(circle at 94.06% 82.83%, #00dbde, transparent 100%), radial-gradient(circle at 50% 50%, #0072ff, #0072ff 100%);
    --gradient6_arabe: radial-gradient(circle at 94.06% 82.83%, #0072ff, transparent 100%),radial-gradient(circle at 8.75% 8.45%, #00dbde, transparent 100%), radial-gradient(circle at 50% 50%, #00dbde, #00dbde 100%);
    --itens_gradient6: rgba(255, 255, 255, 0.96);
    /*Verde*/
    --gradient7: radial-gradient(circle at 8.75% 8.45%, #134E5E, transparent 100%),radial-gradient(circle at 94.06% 82.83%, #71B280, transparent 100%), radial-gradient(circle at 50% 50%, #134E5E, #134E5E 100%);
    --gradient7_arabe: radial-gradient(circle at 94.06% 82.83%, #134E5E, transparent 100%), radial-gradient(circle at 8.75% 8.45%, #71B280, transparent 100%), radial-gradient(circle at 50% 50%, #71B280, #71B280 100%);
    --itens_gradient7: rgba(255, 255, 255, 0.96);
    /*AzulxVerde*/
    --gradient8: radial-gradient(circle at 8.75% 8.45%, #4b6cb7, transparent 100%),radial-gradient(circle at 94.06% 82.83%, #0cc285, transparent 100%), radial-gradient(circle at 50% 50%, #4b6cb7, #4b6cb7 100%);
    --gradient8_arabe: radial-gradient(circle at 94.06% 82.83%, #4b6cb7, transparent 100%),radial-gradient(circle at 8.75% 8.45%, #0cc285, transparent 100%), radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%);
    --itens_gradient8: rgba(255, 255, 255, 0.96);
    /*Amarelo*/
    --gradient9: radial-gradient(circle at 8.75% 8.45%, #FACC2E, transparent 100%),radial-gradient(circle at 94.06% 82.83%, white, transparent 100%), radial-gradient(circle at 50% 50%, yellow, #FACC2E 100%);
    --gradient9_arabe: radial-gradient(circle at 94.06% 82.83%, #FACC2E, transparent 100%),radial-gradient(circle at 8.75% 8.45%, white, transparent 100%), radial-gradient(circle at 50% 50%, yellow, #FACC2E 100%);
    --itens_gradient9: gray;
}

h1 {
    margin: 0 !important;
}

h2 {
    margin: 0 !important;
}

h3 {
    margin: 0 !important;
}

.visualizar {
    background: #0870E3;
    padding: 8px 10px 8px 40px; /* 40px = tamanho :before + 10px */
    color: #fff;
    border: none;
    font-size: 15px;
    position: relative;
}

    .visualizar:before {
        content: 'f';
        background-image: url("imagens/Botoes/Skin_Button_filtro.png");
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background: #0A62C4;
        width: 30px;
        line-height: 34px;
        text-align: center;
        font-weight: bold;
        font-size: 18px;
    }
/*******************************************************************************************************/

.tuto_youtube {
    float: right !important;
    margin-top: 2px !important;
    margin-right: 10px !important;
    margin-left:3px !important;
}

.tuto_pag_principais{
    width: 23px;
    height: 23px;
}


/*Abertura*/

.FTB_Solicitacao_OuterTable, .FTB_Atendimento_OuterTable, .Chamado_abas1_TC_Abas_TP_Solicitacao_FTB_Solicitacao_OuterTable, .Chamado_abas1_TC_Abas_TP_Procedimento_FTB_Procedimento_OuterTable,
.Chamado_abas1_TC_Abas_TP_Outros_TC_Outros_TP_Outros_Geral_FTB_Impacto_OuterTable, .Chamado_abas1_TC_Abas_TP_Outros_TC_Outros_TP_Outros_Planejamento_FTB_Planejamento_Impacto_OuterTable,
.Chamado_abas1_TC_Abas_TP_Outros_TC_Outros_TP_Outros_Planejamento_FTB_Planejamento_Rollout_OuterTable, .Chamado_abas1_TC_Abas_TP_Outros_TC_Outros_TP_Outros_Planejamento_FTB_Planejamento_Backout_OuterTable,
.Chamado_abas1_TC_Abas_TP_Outros_TC_Outros_TP_Outros_Planejamento_FTB_Planejamento_Checklist_OuterTable, .Chamado_abas1_TC_Abas_TP_Outros_TC_Outros_TP_Outros_Revisao_FTB_Revisao_Revisao_OuterTable,
.Chamado_abas1_TC_Abas_TP_Outros_TC_Outros_TP_Outros_Analise_FTB_Analise_Impacto_OuterTable, .Chamado_abas1_TC_Abas_TP_Outros_TC_Outros_TP_Outros_Analise_FTB_Analise_Causa_OuterTable,
.Chamado_abas1_TC_Abas_TP_Outros_TC_Outros_TP_Outros_Analise_FTB_Analise_Sintoma_OuterTable, .Chamado_abas1_TC_Abas_TP_Outros_TC_Outros_TP_Outros_Solucao_FTB_Solucao_Alternativa_OuterTable,
.Chamado_abas1_TC_Abas_TP_Outros_TC_Outros_TP_Outros_Solucao_FTB_Solucao_Efetiva_OuterTable {
    width: 680px;
    background-color: lightgray !important;
    background-color: var(--fundo) !important;
}



    .img_erro {
    color: gray;
    font-family: Verdana, Arial, sans-serif !important;
    font-family: var(--font_family_textos) !important;
    /*background-image:url("imagens/Botoes/Skin_Button_filtro.png");*/
}

/*Agenda*/

/*Feriados do Mês*/

.dhx_month_head.dhx_year_event {
    background-color: #fceecf !important;
}


/*Eventos*/
.dhx_cal_event_line {
    background-image: none !important;
    background-color: #fceecf !important;
    border: 1px solid #FFBD51;
    color: #000;
}

.dhx_multi_day_icon, .dhx_multi_day_icon_small {
    background-color: var(--fundo) !important;
}

.dhx_multi_day {
    background-color: var(--fundo) !important;
    background-image: none !important;
    border-bottom: 1px solid var(--cortema) !important;
    border-top: 1px solid var(--cortema) !important;
}


/*Textos*/

.dhx_cal_data {
    border-top: 1px solid var(--cortema) !important;
}

.dhx_cal_event .dhx_header, .dhx_cal_event .dhx_title, .dhx_cal_event .dhx_body, .dhx_cal_event .dhx_footer, .dhx_cal_event_clear, .dhx_cal_light, .dhx_cal_event_line {
    font-family: Verdana, Arial, sans-serif !important;
    font-family: var(--font_family_textos) !important;
    font-size: 8pt !important;
    font-size: var(--font_size_textos) !important;
}

/*cabeçalho*/
.dhx_cal_header, .dhx_cal_container {
    background: var(--cortema) !important;
    color: #fff !important;
    font-weight: var(--negrito);
    font-family: Verdana, Arial, sans-serif !important;
    font-family: var(--font_family_textos) !important;
}

/*lateral*/
.dhx_matrix_scell, .dhx_year_month, .dhx_year_week, .dhx_tooltip_line, .dhx_scale_hour {
    background: #d4d4d4 !important;
    color: var(--cortema) !important;
    font-weight: var(--negrito);
    font-family: Verdana, Arial, sans-serif !important;
    font-family: var(--font_family_textos) !important;
}

/*bordas*/
.dhx_month_body, .dhx_matrix_cell, .dhx_matrix_scell, .dhx_scale_hour, .dhx_scale_holder, .dhx_scale_holder_now {
    border-right: 1px solid #b8b8b8 !important;
    border-bottom: 1px solid #b8b8b8 !important;
}

.dhx_month_head {
    border-right: 1px solid #b8b8b8 !important;
}

.dhx_scale_bar {
    background: transparent !important;
}

/*abas e botões*/
.dhx_cal_tab {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    background: #d4d4d4 !important;
    color: var(--cortema) !important;
    font-weight: var(--negrito);
}

.dhx_now .dhx_month_body {
    background: var(--fundo) !important;
}

.dhx_now .dhx_month_head {
    background: var(--fundo) !important;
}

/*Novo Compromisso*/
.dhx_cal_lsection {
    background: var(--cortema) !important;
    font-size: 14px;
    font-family: Verdana, Arial, sans-serif !important;
    font-family: var(--font_family_textos) !important;
    padding: 5px 0 5px 10px;
    color: #fff !important;
    /*border:1px solid lightgray;*/
}

.dhx_cal_larea {
    width: 643px !important;
}

.dhx_cal_light {
    width: 652px !important;
}


    .dhx_cal_light select {
        min-width: 70px;
        font-size: 8pt !important;
        font-size: var(--font_size_textos) !important;
        font-family: Verdana, Arial, sans-serif !important;
        font-family: var(--font_family_textos) !important;
        padding: 2px;
        /*line-height: 1.62857143;*/
        color: #555 !important;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        margin-bottom: 2px;
    }

.dhx_cal_event .dhx_body {
    background-color: #ffefcc !important;
}

/*check do compromisso*/

.dhx_cal_checkbox {
    position: relative !important;
    vertical-align: middle !important;
    margin-bottom: 3px !important;
}

    .dhx_cal_checkbox input[type=checkbox], input[type=checkboxfield] {
        display: none !important;
    }

    .dhx_cal_checkbox label {
        float: left !important;
        float: var(--float) !important;
        color: #000000 !important;
        color: #fff !important;
        font-size: 14px;
        font-family: Verdana, Arial, sans-serif !important;
        font-family: var(--font_family_textos) !important;
        cursor: pointer !important;
        white-space: nowrap !important;
    }

    .dhx_cal_checkbox input[type=checkbox] + label {
        display: table !important;
        width: 15px !important;
        height: 15px !important;
        border: 0.0625em !important; /*0.0625em solid rgb(192,192,192) !important;*/
        border-radius: 0.25em !important;
        background: transparent !important; /*rgb(211,168,255) !important;*/
        vertical-align: middle !important;
        text-indent: 17px !important;
        text-indent: var(--text_indent) !important;
        font-size: 8pt !important;
        font-size: var(--font_size_textos) !important;
        padding-right: 4px !important;
        padding-top: 1px !important;
        /*margin-left: -3px !important;*/
    }

    .dhx_cal_checkbox input[type=checkbox]:enabled + label::before {
        padding: 1px 4px;
        content: "\2713" !important;
        color: transparent !important;
        height: 16px !important;
        line-height: 1.1em !important;
        width: 16px !important;
        font-weight: 900 !important;
        margin-right: 2px !important;
        margin-right: var(--margin_right_check) !important;
        margin-left: -19px !important;
        margin-left: var(--margin_left_check) !important;
        border: 2px solid #cfcfcf !important;
        background: white !important;
        border-radius: 0.25em !important;
    }

    .dhx_cal_checkbox input[type=checkbox]:disabled + label::before {
        padding: 1px 4px;
        content: "\2713" !important;
        color: #eee !important;
        height: 16px !important;
        line-height: 1.1em !important;
        width: 16px !important;
        font-weight: 900 !important;
        /*margin-right    : 2px !important;
        margin-left     : -19px !important;*/
        margin-right: 2px !important;
        margin-right: var(--margin_right_check) !important;
        margin-left: -19px !important;
        margin-left: var(--margin_left_check) !important;
        background: #eee !important;
        border: 2px solid #e1e1e1 !important;
        border-radius: 0.25em !important;
    }

    .dhx_cal_checkbox input[type=checkbox]:hover + label::before {
        padding: 1px 4px;
        content: "\2713" !important;
        color: transparent !important;
        height: 16px !important;
        line-height: 1.1em !important;
        width: 16px !important;
        font-weight: 900 !important;
        /*margin-right    : 2px !important;
        margin-left     : -19px !important;*/
        margin-right: 2px !important;
        margin-right: var(--margin_right_check) !important;
        margin-left: -19px !important;
        margin-left: var(--margin_left_check) !important;
        background: #dedede !important;
        border-radius: 0.25em !important;
    }

    .dhx_cal_checkbox input[type=checkbox]:checked + label::before {
        padding: 1px 4px;
        content: "\2713" !important;
        color: #fff !important;
        height: 16px !important;
        line-height: 1.1em !important;
        width: 16px !important;
        font-weight: 900 !important;
        /*margin-right    : 2px !important;
        margin-left     : -19px !important;*/
        margin-right: 2px !important;
        margin-right: var(--margin_right_check) !important;
        margin-left: -19px !important;
        margin-left: var(--margin_left_check) !important;
        background: #73879C !important;
        background: var(--cortema) !important;
        border-radius: 0.25em !important;
    }

/*Chat*/

.sistema_entrada {
    background-color: #272727 !important;
    background-color: var(--fundo) !important;
}

.chat {
    font-size: 8pt !important;
    font-size: var(--font_size_textos) !important;
    font-family: Verdana, Arial, sans-serif !important;
    font-family: var(--font_family_textos) !important;
    color: black !important;
    color: var(--cortextos) !important;
}

.me {
    background-color: #cce0ed !important;
}

    .me::before {
        background-color: #cce0ed !important;
    }

.listcontainer {
    min-height: 105px !important;
}

#panel {
    width: 100%;
    color: #272727;
    color: #fff;
    background: #3396df;
    background: var(--cortema);
    overflow: hidden;
    position: relative;
    z-index: 3;
    display: none;
}

.Skin_label_Chat {
    color: #fff;
}

.sistema {
    background-color: #ff6a6a !important;
    color: #fff !important;
}

.tab a.open, .tab a.close {
    height: 20px;
    line-height: 20px !important;
    padding-left: 10px !important;
    cursor: pointer;
    display: block;
    width: 110px;
    position: relative;
    top: 11px;
    font-size: 8pt !important;
    font-size: var(--font_size_textos) !important;
    font-family: Verdana, Arial, sans-serif !important;
    font-family: var(--font_family_textos) !important;
}

.tab {
    /*background: url(imagens/Chattab/tab_b.png) repeat-x 0 0;*/
    background: transparent;
    border-top: 10px solid blue;
    border-top: 10px solid var(--cortema);
    height: 42px;
    position: relative;
    top: 0;
    z-index: 999;
}

    .tab ul.login {
        display: block;
        position: relative;
        float: right;
        clear: right;
        height: 42px;
        width: auto;
        font-weight: var(--negrito);
        line-height: 42px;
        margin: 0;
        right: 5px;
        color: white;
        font-size: 80%;
        text-align: center;
    }

        .tab ul.login li.left {
            /*background: url(imagens/Chattab/tab_l.png) no-repeat left 0;*/
            background: transparent;
            height: 42px;
            width: 30px;
            padding: 0;
            margin: 0;
            display: block;
            float: left;
        }

        .tab ul.login li.right {
            /*background: url(imagens/Chattab/tab_r.png) no-repeat left 0;*/
            background: transparent;
            height: 42px;
            width: 30px;
            padding: 0;
            margin: 0;
            display: block;
            float: left;
        }

        .tab ul.login li {
            text-align: left;
            padding: 0 6px;
            display: block;
            float: left;
            height: 42px;
            /*background: url(imagens/Chattab/tab_m.png) repeat-x 0 0;*/
            background: #3396df;
            background: var(--cortema);
            border-radius: 0px 0px 10px 10px;
        }


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

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    font-size: var(--font_size_abas);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: #73879C;
    color: inherit;
}

.msg_list, .message {
    color: var(--cortextos);
    font-size: 8px !important;
    font-size: var(--font_size_textos) !important;
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
}



.notify {
    background: rgba(255, 255, 255, 0.96) !important;
    color: black !important;
    right: 0px !important;
    border: 1px solid lightgray !important;
}

ul.msg_list li {
    background-color: var(--fundo) !important;
}

a:focus, .dropdown-menu > li > a:hover {
    background-color: var(--fundo) !important;
}

a.Link_Top:focus {
    background-color: unset !important;
}

.dropdown-menu {
    min-width: 220px !important;
/*    Div Notification*/
    max-height: 80vh !important;
}

.ajax__calendar_body {
    width: 240px !important;
}

.ajax__calendar .ajax__calendar_container {
    width: 240px !important;
}

.e-treegridPane .e-treegrid .e-selectionbackground {
    background: #eee !important;
}

.e-ganttchart .e-gantt-mouseclick {
    background: #eee !important;
}

/*Menu - Totais*/
.class_titulo_totais {
    font-size: 11px !important;
    font-size: var(--font_size_titulo_totais) !important;
    color: #73879C !important;
    color: var(--cortema) !important;
    font-family: Verdana, Arial, sans-serif !important;
    font-family: var(--font_family_textos) !important;
}

.class_icone_totais {
    /*   margin-right: 5px;
    margin-right: 5px;
    margin-top: 5px;*/
    font-size: 30px !important;
    /*   font-size: var(--font_size_titulo_totais) !important;*/
    color: #73879C !important;
    color: var(--cortema) !important;
}


.class_totais {
    font-size: 20px !important;
    /*    font-size: var(--font_size_totais) !important;*/
    color: #73879C;
    color: var(--cortema);
    line-height: 25px;
    width: 100%;
}


/** Items do pop-up de temas **/

#pop {
    display: none;
    position: absolute;
    float: right;
    right: 10px;
    top: 51px;
    height: 410px;
    border: 1px solid #d0d0d0;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);
    background: #fff;
    width: 300px;
    padding: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    z-index: 60;
    -webkit-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    margin-left: 80%;
}

.pop2 {
    display: block;
    position: relative;
    float: right;
    margin-top: 0px;
    width: 54px;
    height: 58px;
    line-height: 50px;
    font-size: 27px;
    border-right: 0;
    border-radius: 0;
    text-align: center;
    z-index: 55;
    padding: 0;
    color: #fff;
    /*background: #00bca4;
    border-color: #00a792;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-width: 1px;
    border-style: solid;*/
    background: transparent;
    border-color: none;
}

.spin {
    width: 45px;
    height: 45px;
    cursor: pointer;
    animation: spin 3s linear infinite;
    margin-top: 5px;
}

@keyframes spin {
    0% {
        transform: rotateZ(0deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

#theme-switcher-wrapper .header {
    /*background: #FEFEFF;*/
    background: var(--fundo);
    border-top: var(--fundo) solid 1px;
    border-bottom: var(--fundo) solid 1px;
    text-transform: uppercase;
    padding: 13px 15px 10px;
    font-size: 12px;
    color: var(--cortema);
    font-family: Verdana, Arial, sans-serif;
}



.set-adminheader-style {
    font-weight: bold;
    text-transform: capitalize;
    float: right;
    color: var(--cortema);
    font-family: Verdana, Arial, sans-serif;
}

.theme-color-wrapper {
    padding: 0px 10px;
    box-sizing: border-box;
    display: block;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #3e4855;
    background-color: #fff;
    line-height: 1.42857143;
}

    .theme-color-wrapper a {
        height: 24px;
        width: 24px;
        display: block;
        overflow: hidden;
        text-indent: -999em;
        float: var(--float);
        margin: 2px;
        border-radius: 5px;
        border: #fff solid 2px !important;
        box-shadow: 1px 2px 3px rgba(0,0,0,0.2);
        opacity: 0.8;
    }

.clearfix {
    display: table;
    content: '';
    margin-top: 10px;
}

.mrg15T {
    font-weight: bold;
    font-size: 12px;
    color: dimgray;
}


/* Cores do Menu */
.bg-padrao {
    color: #fff !important;
    background: #EDEDED !important;
}

.bg-padrao-menu {
    color: #fff !important;
    background: #2A3F54 !important;
}


.bg-primary {
    color: #fff !important;
    background: #00bca4 !important;
}

.bg-greenx {
    color: #fff !important;
    background: #2ecc71 !important;
}

.bg-red {
    color: #fff !important;
    background: red !important;
}

.bg-blue {
    color: #fff !important;
    background: #3498db !important;
}

.bg-warning {
    color: #fff !important;
    background: #e67e22 !important;
}

.bg-purple {
    color: #fff !important;
    background: #6E48AA !important;
}

.bg-black {
    color: #ccc !important;
    background: #2d2d2d !important;
}


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


/*Roxo*/
.bg-gradient-1 {
    background: var(--gradient1) !important;
    background-color: transparent !important;
    color: var(--itens_gradient1);
}

/*Roxo no Árabe*/
.bg-gradient-11 {
    background: var(--gradient1_arabe) !important;
    background-color: transparent !important;
    color: var(--itens_gradient1);
}

/*Cinza*/
.bg-gradient-2 {
    background: var(--gradient2) !important;
    background-color: transparent !important;
    color: var(--itens_gradient2);
}

/*Cinza no Árabe*/
.bg-gradient-22 {
    background: var(--gradient2_arabe) !important;
    background-color: transparent !important;
    color: var(--itens_gradient2);
}

/*Laranja*/
.bg-gradient-3 {
    background: var(--gradient3) !important;
    background-color: transparent !important;
    color: var(--itens_gradient3);
}

/*Laranja no Árabe*/
.bg-gradient-33 {
    background: var(--gradient3_arabe) !important;
    background-color: transparent !important;
    color: var(--itens_gradient3);
}

/*Vermelho*/
.bg-gradient-4 {
    background: var(--gradient4) !important;
    background-color: transparent !important;
    color: var(--itens_gradient4);
}

/*Vermelho no Árabe*/
.bg-gradient-44 {
    background: var(--gradient4_arabe) !important;
    background-color: transparent !important;
    color: var(--itens_gradient4);
}

/*AzulxRoxo*/
.bg-gradient-5 {
    background: var(--gradient5) !important;
    background-color: transparent !important;
    color: var(--itens_gradient5);
}

/*AzulxRoxo no Árabe*/
.bg-gradient-55 {
    background: var(--gradient5_arabe) !important;
    background-color: transparent !important;
    color: var(--itens_gradient5);
}

/*AzulxAzul*/
.bg-gradient-6 {
    background: var(--gradient6) !important;
    background-color: transparent !important;
    color: var(--itens_gradient6);
}

/*AzulxAzul no árabe*/
.bg-gradient-66 {
    background: var(--gradient6_arabe) !important;
    background-color: transparent !important;
    color: var(--itens_gradient6);
}

/*VerdexVerde*/
.bg-gradient-7 {
    background: var(--gradient7) !important;
    background-color: transparent !important;
    color: var(--itens_gradient7);
}

/*VerdexVerde no árabe*/
.bg-gradient-77 {
    background: var(--gradient7_arabe) !important;
    background-color: transparent !important;
    color: var(--itens_gradient7);
}

/*AzulxVerde*/
.bg-gradient-8 {
    background: var(--gradient8) !important;
    background-color: transparent !important;
    color: var(--itens_gradient8);
}

/*AzulxVerde no árabe*/
.bg-gradient-88 {
    background: var(--gradient8_arabe) !important;
    background-color: transparent !important;
    color: var(--itens_gradient8);
}

/*Azul&Verde do Template*/
.bg-gradient-9 {
    background: var(--gradient9) !important;
    background-color: transparent !important;
    color: var(--itens_gradient9);
}

/*Azul&Verde do Template no Árabe*/
.bg-gradient-99 {
    background: var(--gradient9_arabe) !important;
    background-color: transparent !important;
    color: var(--itens_gradient9);
}

.bg-white {
    color: #3e4855 !important;
    background: white !important;
}


/*Definir uma cor do icone padrão*/
.icon-menu {
    color: white;
    text-shadow: none !important;
}

.icon-menu2 {
    color: rgb(0, 147, 217);
    text-shadow: none !important;
}

.icon-menu-top {
    margin-right: 4px;
    font-size: 20px !important;
}

.icon-menu-avisos {
    font-size: 20px !important;
}

.icon-menu-destaque {
    font-size: 20px !important;
}



/*Definir a cor do texto padrão - Formatação do H3 antigo*/
.text-menu {
    color: white;
    font-size: 12px !important;
    font-size: var(--font_size_menu) !important;
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
/*    font-weight: bold !important;
    font-weight: var(--negrito) !important;*/
    /*text-shadow: 0.5px 0.5px #000;*/
}

.text-menu-top {
    color: white;
    font-size: 12px !important;
    font-size: var(--font_size_menu) !important;
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
 /*   font-weight: bold !important;
    font-weight: var(--negrito) !important;*/
    /*text-shadow: 0.5px 0.5px #000;*/
}

.class-empresa {
    font-size: 22px;
    font-size: var(--font_size_empresa);
}

.logo-client {
    border: 0px;
    margin: -1px;
    background-color: transparent !important;
}

.dxtcLite_MetropolisBlue.dxtc-top > .dxtc-stripContainer .dxtc-activeTab, .dxtcLite_MetropolisBlue.dxtc-top > .dxtc-stripContainer .dxtc-tab, .dxtcLite_MetropolisBlue.dxtc-top > .dxtc-stripContainer .dxtc-leftIndent, .dxtcLite_MetropolisBlue.dxtc-top > .dxtc-stripContainer .dxtc-spacer, .dxtcLite_MetropolisBlue.dxtc-top > .dxtc-stripContainer .dxtc-rightIndent, .dxtcLite_MetropolisBlue.dxtc-top > .dxtc-stripContainer .dxtc-sbWrapper, .dxtcLite_MetropolisBlue.dxtc-top > .dxtc-stripContainer .dxtc-sbIndent, .dxtcLite_MetropolisBlue.dxtc-top > .dxtc-stripContainer .dxtc-sbSpacer {
    border-bottom: 4px solid var(--cortema) !important;
}

.dxtcLite_MetropolisBlue > .dxtc-stripContainer .dxtc-tabHover {
    background: var(--cortema) !important;
}

.dxgvDataRowAlt_MetropolisBlue {
    background-color: var(--fundo) !important;

}


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

.adicionais {
    background-color: white;
    margin-top: 10px;
}

.Filtro {
    background-color: #f9fafe !important;
    padding-bottom: 2px;
}

input[type=image] {
    vertical-align: middle !important;
}

input[type=HyperLink] {
    vertical-align: middle !important;
}

.Relacionamentos_Header {
    color: #73879C;
    color: var(--cortema);
    font-size: 14px;
    font-size: var(--font_size_abas);
    font-weight: var(--negrito);
    text-transform: uppercase;
}

.Treeview {
    color: #000000;
    color: var(--cortextos);
}

.HoverTreeview {
    color: #73879C;
    color: var(--cortema) !important;
}


/*Classes Gustavo*/

.w3-theme-d2 {
    color: #fff !important;
    background-color: var(--cortema) !important;
}

a.dxbButton_Metropolis {
    color: #73879C !important;
    color: var(--cortema) !important;
}

.dxGridView_gvHeaderFilterActive_Metropolis {
    background-color: #73879C;
    background-color: var(--cortema);
}

.dxpLite_MetropolisBlue .dxp-current {
    background-color: #73879C;
    background-color: var(--cortema);
}

.dxpLite_MetropolisBlue .dxp-hoverDropDownButton {
    background-color: #73879C !important;
    background-color: var(--cortema) !important;
}

.dxmLite_MetropolisBlue .dxm-main .dxm-hovered {
    background-color: #73879C !important;
    background-color: var(--cortema) !important;
}

.dxbButtonHover_MetropolisBlue {
    background-color: #73879C !important;
    background-color: var(--cortema) !important;
    border: 1px solid #73879C !important;
    border: 1px solid var(--cortema) !important;
}

.dxeFocused_MetropolisBlue {
    border: 1px solid #73879C !important;
    border: 1px solid var(--cortema) !important;
}

.dxeListBoxItemSelected_MetropolisBlue {
    background-color: #73879C !important;
    background-color: var(--cortema) !important;
}

.dxeButtonEditButtonHover_MetropolisBlue {
    background-color: #73879C !important;
    background-color: var(--cortema) !important;
}

.dxeListBoxItemHover_MetropolisBlue {
    color: White !important;
}

.dxm-hovered {
    background-color: #73879C !important;
    background-color: var(--cortema) !important;
}

.dxgvDataRow_MetropolisBlue td.dxgv, .dxgvFilterRow_MetropolisBlue td.dxgv, .dxgvHeader_MetropolisBlue { /*, */
    border-right: 0px !important;
}

.dxtcLite_MetropolisBlue.dxtc-bottom > .dxtc-stripContainer .dxtc-activeTab, .dxtcLite_MetropolisBlue.dxtc-bottom > .dxtc-stripContainer .dxtc-tab, .dxtcLite_MetropolisBlue.dxtc-bottom > .dxtc-stripContainer .dxtc-leftIndent, .dxtcLite_MetropolisBlue.dxtc-bottom > .dxtc-stripContainer .dxtc-spacer, .dxtcLite_MetropolisBlue.dxtc-bottom > .dxtc-stripContainer .dxtc-rightIndent, .dxtcLite_MetropolisBlue.dxtc-bottom > .dxtc-stripContainer .dxtc-sbWrapper, .dxtcLite_MetropolisBlue.dxtc-bottom > .dxtc-stripContainer .dxtc-sbIndent, .dxtcLite_MetropolisBlue.dxtc-bottom > .dxtc-stripContainer .dxtc-sbSpacer {
    border-top: 4px solid #0072C6;
    border-top: 4px solid var(--cortema) !important;
}

.dxtcLite_MetropolisBlue.dxtc-bottom > .dxtc-stripContainer .dxtc-activeTab {
    background-color: #0072C6;
    background-color: var(--cortema) !important;
    color: #FFFFFF;
}

.dxtcLite_MetropolisBlue > .dxtc-stripContainer .dxtc-activeTab, .dxtcLite_MetropolisBlue > .dxtc-stripContainer .dxtc-activeTab a {
    background-color: #0072C6;
    background-color: var(--cortema) !important;
    color: #FFFFFF;
}
/*.dxtc-tab .dxheStatusBarTab_MetropolisBlue .dxtc-last .dxtc-tabHover .dxtc-psi .dxtcLite_MetropolisBlue{

}*/
.dxtcLite_MetropolisBlue.dxtc-bottom > .dxtc-stripContainer .dxtc-tabHover {
    background-color: #0072C6;
    background-color: var(--cortema) !important;
    color: #FFFFFF;
}

/*****************************************EVOLUA*****************************************************/

body {
    /*height: 100%;*/
    margin: 0 !important;
    max-height: 100%;
    color: #2A3F54;
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
}

.topo {
    float: left;
    padding-right: 399px;
    margin-bottom: 2px;
    /*background: url("imagens/master/topo.jpg") no-repeat right top;*/
}

    .topo * {
        margin-bottom: -3px;
    }

.topo_informacoes {
    padding-right: 10px;
    vertical-align: top;
}

    .topo_informacoes div {
        padding-top: 1px;
        padding-bottom: 2px;
    }

    .topo_informacoes * {
        white-space: nowrap !important;
        vertical-align: middle !important;
        text-decoration: none !important;
    }

    .topo_informacoes, .topo_informacoes * {
        /*font: 7pt Verdana, Arial;
        color: #ffffff;*/
        font-size: 8pt;
        font-size: var(--font_size_textos);
        font-family: Verdana, Arial, sans-serif;
        font-family: var(--font_family_textos);
        color: #000;
        color: var(--cortextos);
    }

        .topo_informacoes a:hover {
            text-decoration: none !important;
            text-decoration: underline;
        }

            .topo_informacoes a:hover span {
                text-decoration: underline;
            }

.tabela1master {
    /*height: 26px;
    background: url("imagens/master/barra_gradiente.png") repeat-x bottom;*/
    margin-top: 0px;
    height: 30px;
    background: var(--cortema) !important;
}

    .tabela1master * {
        vertical-align: middle;
    }

    .tabela1master a {
        /* font: 8pt Verdana, Arial !important;
        color: #000000 !important;*/
        color: #fff !important;
        font-weight: var(--negrito);
        font-size: 10pt !important;
        font-family: Verdana, Arial, sans-serif !important;
        font-family: var(--font_family_textos) !important;
        text-decoration: none !important;
    }

.tabela2master {
    height: 25px;
    background: url("imagens/master/rodape1.png") repeat-x bottom;
}

    .tabela2master td {
        width: 50%;
    }

    .tabela2master #esquerda {
        padding-left: 10px;
    }

        .tabela2master #esquerda .Link {
            text-decoration: underline;
        }

        .tabela2master #esquerda a {
            margin-left: 20px !important;
            text-decoration: none !important;
        }

            .tabela2master #esquerda a:hover {
                text-decoration: none !important;
                text-decoration: underline;
            }

                .tabela2master #esquerda a:hover span {
                    text-decoration: underline !important;
                }

    .tabela2master #direita {
        padding: 0 10px;
        text-align: right;
    }

        .tabela2master #direita a {
            margin-right: 15px;
        }

    .tabela2master *, .tabela3master * {
        white-space: nowrap;
        vertical-align: middle;
    }

    .tabela2master, .tabela2master * {
        font: 10px Verdana, Arial !important;
        color: #ffffff !important;
    }

.tabela3master {
    height: 16px;
    background: url("imagens/master/rodape2.gif") repeat-x top;
}

    .tabela3master td {
        padding: 0 10px;
        text-align: right;
    }

        .tabela3master td a {
            padding-left: 20px;
            text-decoration: underline !important;
        }

    .tabela3master, .tabela3master * {
        font: 7pt Verdana, Arial !important;
        color: #ffffff !important;
    }

.Simples_body {
    margin: 0;
    font-family: Verdana, Arial;
    background: #ffffff url("imagens/Simples/bg.jpg") repeat-x top;
    font-size: 10pt;
    color: #565656;
}

.Simples_Cabecalho {
    min-height: 5px;
    margin: 0 0 10px 0;
    display: block;
    height: 40px;
    position: relative;
}

    .Simples_Cabecalho h1 {
        font-size: 32px;
        font-family: "Gill Sans MT", Arial, Tahoma;
        color: #b82a2a;
        font-weight: normal;
        float: left;
        margin: 0;
    }

    .Simples_Cabecalho .barra {
        font-weight: normal;
        color: #436986;
        font-size: 20px;
        float: left;
        margin: 8px 6px;
    }

    .Simples_Cabecalho .cec_sigla {
        font-family: Verdana, arial, tahoma;
        font-size: 11px;
        float: left;
        color: #436986;
        margin: 10px 0;
    }

    .Simples_Cabecalho .texto_cabecalho {
        position: absolute;
        right: 10px;
        top: 0;
        font-family: Verdana;
        font-size: 14px;
        color: #436986;
    }

.Simples_Navegacao {
    position: relative;
    height: 57px;
    clear: both;
}

    .Simples_Navegacao .menu {
        position: absolute;
        left: 0;
        margin: 7px 0 0 0;
    }

        .Simples_Navegacao .menu, .Simples_Navegacao .menu li {
            padding: 0;
            display: inline;
            list-style: none;
        }

            .Simples_Navegacao .menu li {
                float: left;
                margin: 0 3px 0 0;
                list-style: none;
            }

                .Simples_Navegacao .menu li a {
                    display: inline-block;
                    height: 38px;
                }

                    .Simples_Navegacao .menu li a.novo_chamado {
                        width: 108px;
                        background: url("imagens/Simples/bt_novo_chamado.gif") no-repeat;
                    }

                        .Simples_Navegacao .menu li a.novo_chamado:hover {
                            background: url("imagens/Simples/bt_novo_chamado_hover.gif") no-repeat;
                        }

                    .Simples_Navegacao .menu li a.consultar_chamado {
                        width: 132px;
                        background: url("imagens/Simples/bt_consultar_chamado.gif") no-repeat;
                    }

                        .Simples_Navegacao .menu li a.consultar_chamado:hover {
                            background: url("imagens/Simples/bt_consultar_chamado_hover.gif") no-repeat;
                        }

    .Simples_Navegacao .filtros {
        position: absolute;
        right: 0;
    }

.MenuPopup {
    display: none;
    padding-top: 5px;
    border: solid 1px #336699;
    background: #ffffff url("imagens/master/MenuPopup.png") repeat-x bottom;
    white-space: nowrap;
}

    .MenuPopup a {
        display: block;
        padding: 1px 3px 1px 3px;
        border-bottom: solid 1px #b9ccd9;
        font: 8pt Verdana, Arial;
        color: #003366;
        text-decoration: none;
    }

        .MenuPopup a:hover {
            background: #cee4f2;
        }

.Catalogo_Items {
    background: #eee;
    border: 1px solid var(--cortema);
}


.astreeview-tree li .astreeview-node-selected:link, .astreeview-tree li .astreeview-node-selected:hover, .astreeview-tree li .astreeview-node-selected:visited {
    background-color: var(--cortema) !important;
    color: white;
}

.Skin_Label_Treeview {
    color: white !important;
}
/**********************************************************************
 * Page Background Styles                                             *
 **********************************************************************/
.pageBackground_Painel {
    /*background-color: #78bae3;*/
    background: #f9fafe;
    background: var(--fundo);
}


/********* Fundo das páginas - azul claro antigo *********************/
.pageBackground {
    /*padding: 1px;*/
    background: #f9fafe;
    background: var(--fundo) !important;
}

/**************************** BORDAS **********************************/

.pageBorderTL, .pageBorderT, .pageBorderTR, .pageBorderL, .pageBorderR, .pageBorderBL, .pageBorderB, .pageBorderBR {
    background: #fff;
    border: 1px solid #E6E9ED;
    opacity: 1;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
}

.dialogHeaderEdgeR_I, .dialogHeaderEdgeL_I {
    background: #fff;
    opacity: 1;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
}

/*************************  FUNDO DO CADASTRO *************************/
.pageBorderC {
    background-color: white;
    padding: 5px 10px; /*dash*/
}

.page_yellow {
    padding: 10px 0px 0px 0px;
}
/*******************Fundo das telas de consulta*************************/
.dialog_body {
    background-color: white;
    color: #003366;
    padding: 4px;
}

.dialog_body_popup {
    background-color: #ffffff;
    color: #000000;
    color: var(--cortextos); /*#003366;*/
    border-right: :solid 1px #73879C;
    border-right: solid 1px var(--cortema);
    border-left: solid 1px #73879C;
    border-left: solid 1px var(--cortema);
    border-bottom: solid 1px #73879C;
    border-bottom: solid 1px var(--cortema);
    padding: 4px;
}

.dialog_header {
    border-bottom: 1px #dcbb4a solid;
}

/********************** CABEÇALHO DOS CADASTROS ***********************/

.dialog_header_text /*TÍTULO*/ {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    /*   font-weight: var(--negrito);
    font-size: 20px;
    font-size: var(--font_size_header);*/
    color: #73879C;
    color: var(--cortema);
    padding-left: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: middle;
    background-color: var(--bordasuperior);
    border-bottom: 1px solid #73879C;
    border-bottom: 2px solid var(--fundo); /*var(--cortema);*/
    width: 100%;
    /* white-space: nowrap;
    min-width: 500px;*/
}

.dialogHeaderTotalRecordCount {
    padding-left: 4px;
    padding-top: 4px;
    vertical-align: middle;
    /*Minimo da Janela*/
    /*min-width: 450px;*/
    background-color: var(--bordasuperior);
    border-bottom: 1px solid #73879C;
    border-bottom: 2px solid var(--fundo);
    font-weight: var(--negrito);
    font-size: 8pt;
    font-size: var(--font_size_textos);
    color: #000000;
    color: var(--cortextos);
    text-transform: uppercase;
    white-space: nowrap;
}


/**************************** Abas *********************************/

.ajax__tab .ajax__tab_header {
    font-size: 14px;
    font-size: var(--font_size_abas);
    font-size: 12px;
    /* font-weight: var(--negrito); */
    color: #d3d3d3;
    color: var(--cortextos_header);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    background-color: white;
}
    /*.ajax__tab .ajax__tab_active .ajax__tab_outer, .ajax__tab .ajax__tab_header .ajax__tab_outer, .ajax__tab .ajax__tab_hover .ajax__tab_outer
{
	/*Tamanho das abas
    height: 34px;
}*/
    .ajax__tab .ajax__tab_active .ajax__tab_inner, .ajax__tab .ajax__tab_header .ajax__tab_inner, .ajax__tab .ajax__tab_hover .ajax__tab_inner {
        /*Tamanho das abas*/
        height: 24px;
        margin-left: 3px;
    }

    .ajax__tab .ajax__tab_active .ajax__tab_tab, .ajax__tab .ajax__tab_hover .ajax__tab_tab, .ajax__tab .ajax__tab_header .ajax__tab_tab {
        margin: 5px 5px 4px 5px;
        /*margin: 8px 10px 4px 10px;*/
    }

.ajax__tab .ajax__tab_hover .ajax__tab_tab, .ajax__tab .ajax__tab_active .ajax__tab_tab {
    color: #031324;
    color: var(--cortema); /*#4b5056;*/
    color: white;
    cursor: pointer;
    /*padding-bottom: 6px;*/
    /*border-bottom: 0px solid var(--cortema); /*#dfe8f1;*/
    /*margin-top: 13px;*/
}

.ajax__tab .ajax__tab_body {
    /* Fundo dos Cadastros */
    border-top: 0;
    /* Espaçamento dos Cadastros */
    /*padding-top: 5px;
    padding-bottom: 30px;*/
    background-color: #ffffff;
    /*margin-left: 10px;*/
    padding: 4px 0px;
}

.ajax__tab .ajax__tab_header {
    /*Fundo de todas as abas*/
    /*margin-top: 10px;*/
    border-bottom: 2px solid #d3d3d3;
    border-bottom: 2px solid var(--cortextos_header);
    /*background-color: yellow;/*#dfe8f1*/
}


.ajax__tab .ajax__tab_hover .ajax__tab_outer, .ajax__tab .ajax__tab_active .ajax__tab_outer {
    /*background: url("imagens/Abas/left.gif") no-repeat left bottom;*/
    background-color: white;
}

.ajax__tab .ajax__tab_hover .ajax__tab_inner, .ajax__tab .ajax__tab_active .ajax__tab_inner {
    /*background: url("imagens/Abas/right.gif") no-repeat right bottom;*/
    color: #73879C;
    color: var(--cortema);
    background-color: white;
    background-color: var(--cortema);
    transition: background-color 1s ease;
    border-radius: 1px;
    border: 0px solid var(--cortema);
    text-align: bottom;
    border-bottom: 2px solid #73879C;
    border-bottom: 2px solid var(--cortema);
}

/*** Outros **************************************************************/

.modalBackground {
    background: url("imagens/Fundos/ModalPopup.png") repeat;
}

#dhtmltooltip {
    position: absolute;
    width: 450px;
    font: 8pt Verdana, Arial;
    border: 1px solid #336699;
    padding: 2px;
    background: var(--fundo) repeat-x bottom;
    visibility: hidden;
    z-index: 100;
    color: #003366;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.Agrupamento {
    font-size: 11px;
    font-weight: bold;
    color: white; /*#333333;*/
    padding-left: 4px;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #73879C;
    background-color: var(--cortema); /*#adc6f7;*/
}

    .Agrupamento:hover {
        font-size: 11px;
        font-weight: bold;
        color: white; /*#333333;*/
        padding-left: 4px;
        white-space: nowrap;
        vertical-align: middle;
        background-color: #73879C;
        background-color: var(--cortema) !important; /*#adc6f7;*/
    }

.ConsultaSeparador {
    height: 69px;
    padding-left: 10px;
    background: url("imagens/master/ConsultaSeparador.gif") bottom;
    background-position: 0 -33px;
    cursor: pointer;
}

/*** Skins ***************************************************************/
.grid-view {
    padding: 0;
    margin: 0;
    border: 1px solid #333;
    font-family: "Verdana, Arial, Helvetica, sans-serif, Trebuchet MS";
    font-size: 0.9em;
}

    .grid-view tr.header {
        color: white;
        background-color: #FF5600;
        height: 25px;
        vertical-align: middle;
        text-align: center;
        font-weight: bold;
    }

    .grid-view tr {
        color: black;
        background-color: #FDC64E;
        height: 25px;
        vertical-align: middle;
        text-align: center;
    }

        .grid-view tr.alternate {
            color: black;
            background-color: #D59200;
            height: 25px;
            vertical-align: middle;
            text-align: center;
        }


            .grid-view tr:hover, .grid-view tr.alternate:hover {
                background-color: white;
                color: black;
                font-weight: bold;
            }

/************************** asp:GridView / asp:DataGrid *************/

.SkinGridView .HeaderStyle:hover {
    background-color: #f9fafe;
}

.SkinGridView tr:hover {
    background-color: #eee;
}

.SkinGridView {
    /*color: #8da0aa;*/
    color: black;
    color: var(--cortextos);
    opacity: 1.0;
    border: none;
    border-bottom: none;
}

    .SkinGridView tbody tr th, .SkinGridView thead tr th, .SkinGridView tbody tr td {
        /*Bordas da tabela*/
        /*padding: 6px;*/
        padding: 4px;
        padding: var(--padding_gridview);
        /*   border-collapse: separate;*/
        border: none;
        border-bottom: none;
    }

    .SkinGridView .HeaderStyle {
        border: none;
        border-bottom: none;
        /*#dfe8f1;
        border-collapse: separate;
        */
    }

    .SkinGridView .HeaderStyle {
        color: #73879C;
        color: var(--cortema); /*#4b5056;*/
        background-color: #f9fafe;
        font-weight: var(--negrito);
        font-size: 8pt;
        font-size: var(--font_size_textos);
        font-family: Verdana, Arial, sans-serif;
        font-family: var(--font_family_textos);
    }

        .SkinGridView .HeaderStyle * {
            font-weight: var(--negrito);
            font-size: 8pt;
            font-size: var(--font_size_textos);
            font-family: Verdana, Arial, sans-serif;
            font-family: var(--font_family_textos);
            color: #73879C;
            color: var(--cortema); /*#4b5056;*/
        }

        .SkinGridView .HeaderStyle th table * {
            padding: 0;
        }

    .SkinGridView .RowStyle {
        /*background: #f5f5f5;*/
        background: #f4f7fd;
        background: var(--fundo);
        /*Fundo do grid com a cor do header
    background: var(--fundo_header_grid);
    opacity: 0.05;*/
        font-size: 8pt;
        font-size: var(--font_size_textos);
        font-family: Verdana, Arial, sans-serif;
        font-family: var(--font_family_textos);
        border: none;
        border-bottom: none;
    }
. .SkinGridView .AlternatingRowStyle {
    background: white;
    border: none;
    border-bottom: none;
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
}

.SkinGridView_HoverRowStyle {
    background: #f5f5f5;
    font-size: 8pt;
    border: none;
    border-bottom: none;
    font-size: var(--font_size_textos);
}



.SkinGridView .SelectedRowStyle {
    background: #D1DDF1;
    font-weight: var(--negrito);
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: #333333;
}

.SkinGridView .EditRowStyle {
    background: #f5f5f5;
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
}

.SkinGridView .FooterStyle, .SkinGridView_FooterStyle {
    color: #73879C;
    color: var(--cortema); /*#4b5056;*/
    background-color: #f9fafe;
    font-weight: var(--negrito);
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
}

.SkinGridView .PagerStyle, .SkinGridView_PagerStyle {
    background-color: #f9fafe;
}

    .SkinGridView .PagerStyle *, .SkinGridView_PagerStyle {
        color: #73879C;
        color: var(--cortema); /*#4b5056;*/
        background-color: #f9fafe;
        font-weight: var(--negrito);
        font-size: 8pt;
        font-size: var(--font_size_textos);
        font-family: Verdana, Arial, sans-serif;
        font-family: var(--font_family_textos);
    }

    .SkinGridView .PagerStyle td {
        padding: 2px 4px;
    }

.SkinGridView_PagerStyle {
    padding: 4px;
}

    .SkinGridView_PagerStyle span {
        padding: 2px;
    }

    .SkinGridView_PagerStyle .CurrentPageStyle a, .SkinGridView_PagerStyle .OtherPageStyle a {
        color: #73879C;
        color: var(--cortema); /* #4b5056;*/
    }

.Numeric_Pager, .PagerStyle1 {
    color: #73879C;
    color: var(--cortema);
}

.Skin_ListView {
    background: #ededed;
    background: var(--fundo);
}

.BottomMarginX {
    background: white !important;
    border-radius: 5px !important;
    border: solid 1px #ededed !important;
}

/* asp:DataList */
.Skin_datalist {
 /*   border-collapse: separate;
    border: solid 1px var(--cortema);
 */   color: #333333;
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
}

.Skin_datalist2 {
    border: none;
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
}

.Skin_datalist .HeaderStyle {
    padding: 3px;
    /*background: #6d90b8 url("imagens/Skin_datalist_Header.png") repeat-x bottom;*/
    background-color: var(--cortema);
    font-weight: var(--negrito);
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: White;
}

.Skin_datalist .RowStyle {
    /*background: #f5f5f5;*/
    background: #f4f7fd;
    background: var(--fundo);
}

    .Skin_datalist .ItemStyle {
    padding: 4px;
 /*   border-top: solid 1px var(--cortema);
 */   background: #F7F6F3;
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: #333333;
}

.Skin_datalist2 .ItemStyle {
    padding: 0;
    background: White;
}

.Skin_datalist .AlternatingItemStyle {
    padding: 4px;
 /*   border-top: solid 1px var(--cortema);
 */   background: White;
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: #284775;
}

.Skin_datalist .SelectedItemStyle {
 /*   border-top: solid 1px var(--cortema);
 */   background: #E2DED6;
    font: bold 7pt Verdana, Arial;
    color: #333333;
}

.Skin_datalist .FooterStyle {
    background: #5D7B9D;
    font-weight: var(--negrito);
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: White;
}

.Skin_datalist HoverRowStyle {
    background: #f5f5f5;
    font-size: 8pt;
    border: none;
    border-bottom: none;
    font-size: var(--font_size_textos);
}


.Skin_datalist_proc {
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: #ffa07a;
}

    .Skin_datalist_proc .ItemStyle {
        padding: 4px;
        background: #FFFBD6;
        font-size: 8pt;
        font-size: var(--font_size_textos);
        font-family: Verdana, Arial, sans-serif;
        font-family: var(--font_family_textos);
        color: Red;
    }

.Skin_datalist_proc HoverRowStyle {
    background: #f5f5f5;
    font-size: 8pt;
    border: none;
    border-bottom: none;
    font-size: var(--font_size_textos);
}

/ /* asp:Calendar */
.Skin_Calendar {
    border: none !important;
    background: #ffffff;
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: #333333;
    min-width: 500px;
}

    .Skin_Calendar tr td {
        padding: 0;
    }

    .Skin_Calendar .TitleStyle * {
        /*background: #5584de url("imagens/SkinGridView_Header.png") repeat-x bottom;*/
        background-color: var(--cortema);
        font-weight: var(--negrito);
        color: #ffffff !important;
    }

    .Skin_Calendar .TitleStyle tr td {
        padding: 4px;
    }

    .Skin_Calendar .DayHeaderStyle {
        padding: 4px;
        vertical-align: middle;
        /*background-color: #adc6f7;
    background-color: var(--cortema);
    opacity: 0.6;*/
        background-color: #d4d4d4;
        /*color: #333333;*/
        color: var(--cortema);
        font-size: 11px;
        font-weight: var(--negrito);
    }

    .Skin_Calendar .DayStyle, .Skin_Calendar .WeekendDayStyle, .Skin_Calendar .TodayDayStyle, .Skin_Calendar .OtherMonthDayStyle {
        padding: 4px;
        padding-bottom: 3px;
        border: solid 1px #dddddd;
        text-align: left;
        vertical-align: top;
    }

    .Skin_Calendar .WeekendDayStyle {
        background: #f5f5f5;
    }

    .Skin_Calendar .TodayDayStyle {
        background: #e6e6e6;
    }

    .Skin_Calendar .OtherMonthDayStyle {
        color: #cccccc;
    }

        .Skin_Calendar .DayStyle .Label_Dia, .Skin_Calendar .WeekendDayStyle .Label_Dia, .Skin_Calendar .TodayDayStyle .Label_Dia, .Skin_Calendar .OtherMonthDayStyle .Label_Dia {
            display: inline-block;
            width: 18px;
            margin-bottom: 1px;
            padding: 1px 3px;
            border: solid 1px #dddddd;
            background: #eeeeee;
            font-weight: var(--negrito);
            text-align: center;
        }

        .Skin_Calendar .DayStyle .Tabela_Chamado, .Skin_Calendar .WeekendDayStyle .Tabela_Chamado, .Skin_Calendar .TodayDayStyle .Tabela_Chamado, .Skin_Calendar .OtherMonthDayStyle .Tabela_Chamado {
            width: 100%;
            margin-bottom: 1px;
            font-size: 8pt;
            font-size: var(--font_size_textos);
        }

            .Skin_Calendar .DayStyle .Tabela_Chamado tr td, .Skin_Calendar .WeekendDayStyle .Tabela_Chamado tr td, .Skin_Calendar .TodayDayStyle .Tabela_Chamado tr td, .Skin_Calendar .OtherMonthDayStyle .Tabela_Chamado tr td {
                padding: 1px;
                margin: 0;
                color: #ffffff;
            }

            .Skin_Calendar .DayStyle .Tabela_Chamado .Link_Chamado, .Skin_Calendar .WeekendDayStyle .Tabela_Chamado .Link_Chamado, .Skin_Calendar .TodayDayStyle .Tabela_Chamado .Link_Chamado, .Skin_Calendar .OtherMonthDayStyle .Tabela_Chamado .Link_Chamado {
                display: block;
                color: #ffffff;
                text-decoration: none;
            }
/************************  Label's ********************/
.Skin_label {
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: #000000;
    color: var(--cortextos);
    line-height: 1.5em;
}


.Skin_label_filtro_avancado {
    font-weight: var(--negrito);
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: #000000;
    color: var(--cortextos);
}

.Skin_label_Header {
    color: #73879C;
    color: var(--cortema);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    text-transform: uppercase;
}

.Skin_label_header_registro {
    font-size: 8pt;
    font-size: var(--font_size_textos);
    text-transform: uppercase;
}

.Skin_label_header_adicional {
    color: #000000;
    color: var(--cortextos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    text-transform: uppercase;
}

.Skin_labelDB {
    font-weight: 300;
    font-weight: var(--negrito);
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: #000000;
    color: var(--cortextos);
}

.Skin_label_error {
    font-weight: var(--negrito);
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: #b82b2b; /*Red;*/
    vertical-align: middle;
}

.L_Titulo {
    font-weight: var(--negrito);
    font-size: 10pt;
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: var(--cortema);
}

.L_Titulo_Compartilhados {
    font-weight: var(--negrito);
    font-size: 10pt;
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: #fff;
    background: var(--cortema);
}

.Label_Link_Header {
    vertical-align: middle;
    font-weight: var(--negrito);
    font-size: 14px;
    font-size: var(--font_size_abas);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    text-decoration: underline;
    cursor: pointer;
}

.Label_Button_Filtro {
    color: #ffffff;
    color: var(--btn_textos);
    background-color: #73879C;
    background-color: var(--btn_padrao);
    background-repeat: no-repeat;
    background-position: left center;
    background-position: var(--float) center;
    background-image: url("imagens/Botoes/Skin_Button_filtro.png");
    border-color: transparent;
    box-shadow: none;
    border-radius: 3px;
    padding: 4px 20px 4px 20px;
    padding: var(--tamanho_adicionais);
    opacity: 0.9;
    font-size: 8pt;
    font-size: var(--font_size_textos);
}

    .Label_Button_Filtro:hover {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #73879C;
        background-color: var(--btn_padrao);
        background-repeat: no-repeat;
        background-position: left center;
        background-position: var(--float) center;
        background-image: url("imagens/Botoes/Skin_Button_filtro.png");
        border-color: transparent;
        box-shadow: none;
        border-radius: 3px;
        padding: 6px 20px 6px 20px;
        padding: var(--tamanho_adicionais);
        opacity: 1;
        font-size: 8pt;
        font-size: var(--font_size_textos);
    }

/* asp:Button */
.Skin_Button, .Skin_Button_Pesquisa, .Skin_Button_Voltar, .Skin_Button_Salvar, .Skin_Button_Cancelar, .Skin_Button_Anexo, .Skin_Button_Adicionar, .Skin_Button_Remover, .Skin_Button_Limpar, .Skin_Button_Lixeira, .Skin_Button_Editar, .Skin_Button_Fechar, .Skin_Button_Ok, .Skin_Button_Aprovacao, .Skin_Button_Aprovado, .Skin_Button_Download {
    color: #ffffff;
    color: var(--btn_textos);
    font-size: var(--font_size_textos);
    background-color: #73879C;
    background-color: var(--btn_padrao);
    border-color: transparent;
    box-shadow: none;
    border-radius: 3px;
    padding: 4px 10px;
    padding: var(--tamanho);
    opacity: 0.9;
    margin-bottom: 1px;
    cursor: pointer;
    vertical-align: middle !important;
}

    .Skin_Button:hover, .Skin_Button_Pesquisa:hover, .Skin_Button_Voltar:hover, .Skin_Button_Salvar:hover, .Skin_Button_Cancelar:hover, .Skin_Button_Anexo:hover, .Skin_Button_Adicionar:hover, .Skin_Button_Remover:hover, .Skin_Button_Limpar:hover, .Skin_Button_Lixeira:hover, .Skin_Button_Editar:hover, .Skin_Button_Fechar:hover, .Skin_Button_Ok:hover, .Skin_Button_Aprovacao:hover, .Skin_Button_Aprovado:hover, .Skin_Button_Download:hover {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #73879C;
        background-color: var(--btn_padrao); /*#286090;*/
        border-color: transparent;
        box-shadow: none;
        padding: 4px 10px;
        padding: var(--tamanho);
        opacity: 1.0;
    }

    .Skin_Button:disabled, .Skin_Button_Pesquisa:disabled, .Skin_Button_Voltar:disabled, .Skin_Button_Salvar:disabled, .Skin_Button_Cancelar:disabled, .Skin_Button_Anexo:disabled, .Skin_Button_Adicionar:disabled, .Skin_Button_Remover:disabled, .Skin_Button_Limpar:disabled, .Skin_Button_Lixeira:disabled, .Skin_Button_Editar:disabled, .Skin_Button_Fechar:disabled, .Skin_Button_Ok:disabled, .Skin_Button_Aprovacao:disabled, .Skin_Button_Aprovado:disabled, .Skin_Button_Download:disabled {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #73879C;
        background-color: var(--btn_padrao);
        border-color: transparent;
        box-shadow: none;
        opacity: 0.6;
        padding: 4px 10px;
        padding: var(--tamanho);
        filter: grayscale(60%);
    }

.Skin_Button {
    padding-left: 5px !important;
    padding-right: 5px !important;
    /*background: #badcf5 url("imagens/Botoes/Skin_Button.png") repeat-x top;*/
}

.Skin_Button_Pesquisa {
    /* background-image: url("imagens/Botoes/Skin_Button_Pesquisa.png");*/
}

.Skin_Button_Voltar {
    /*background-image: url("imagens/Botoes/Skin_Button_Voltar.png");*/
}

.Skin_Button_Salvar /*Ok*/ {
    /* background-image: url("imagens/Botoes/Skin_Button_Salvar.png");*/
}

.Skin_Button_Cancelar {
    /* background-image: url("imagens/Botoes/Skin_Button_Cancelar.png");*/
}

.Skin_Button_Anexo {
    /*  background-image: url("imagens/Botoes/Skin_Button_Anexo.png");*/
}

.Skin_Button_Adicionar {
    /*background-image: url("imagens/Botoes/Adicionar.gif");*/
}

.Skin_Button_Remover {
    /*  background-image: url("imagens/Botoes/Skin_Button_Remover.png");*/
}

.Skin_Button_Limpar {
    /* background-image: url("imagens/Botoes/Skin_Button_Limpar.png");*/
}

.Skin_Button_Lixeira {
    /*  background-image: url("imagens/Botoes/Skin_Button_Lixeira.png");*/
}

.Skin_Button_Editar {
    /* background-image: url("imagens/Botoes/Skin_Button_Editar.png");*/
}

.Skin_Button_Fechar {
    /*background-image: url("imagens/Botoes/Skin_Button_Fechar.png");*/
}

.Skin_Button_Ok {
    /* background-image: url("imagens/Botoes/Skin_Button_Ok.png");*/
}

.Skin_Button_Aprovacao {
    /* background-image: url("imagens/Botoes/Skin_Button_Aprovacao.png");*/
}

.Skin_Button_Aprovado {
    /*  background-image: url("imagens/Botoes/Skin_Button_Aprovado.png");*/
}

.Skin_Button_Download {
    /* background-image: url("imagens/Botoes/Skin_Button_Download.png");*/
}

.Skin_Button_Tab {
    background: ActiveBorder;
    border-color: #CCCCCC;
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: Black;
}

/*********************************Botões***************************/

/*PADRÃO - SALVAR*/
.Skin_Button_Tabela {
    color: #ffffff;
    color: var(--btn_textos);
    font-size: 8pt;
    font-size: var(--font_size_textos);
    background-color: #73879C;
    background-color: var(--btn_padrao);
    border-color: transparent;
    box-shadow: none;
    border-radius: 3px;
    padding: 4px 10px;
    padding: var(--tamanho);
    opacity: 0.9;
    margin-bottom: 1px;
    cursor: pointer;
}

    .Skin_Button_Tabela:Active {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #73879C;
        background-color: var(--btn_padrao);
        border-color: transparent;
        box-shadow: none;
        border-radius: 3px;
        padding: 4px 10px;
        padding: var(--tamanho);
        opacity: 0.9;
    }

    .Skin_Button_Tabela:hover {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #73879C;
        background-color: var(--btn_padrao); /*#286090;*/
        border-color: transparent;
        box-shadow: none;
        padding: 4px 10px;
        padding: var(--tamanho);
        opacity: 1.0;
    }

    .Skin_Button_Tabela[disabled], .Skin_Button_Tabela[disabled]:hover {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #73879C;
        background-color: var(--btn_padrao);
        border-color: transparent;
        box-shadow: none;
        opacity: 0.6;
        padding: 4px 10px;
        padding: var(--tamanho);
        filter: grayscale(60%);
    }

/*PADRÃO - VOLTAR*/
.btn_voltar {
    color: #ffffff;
    color: var(--btn_textos);
    font-size: 8pt;
    font-size: var(--font_size_textos);
    background-color: #a8a8a8;
    background-color: var(--btn_voltar);
    border-color: transparent;
    box-shadow: none;
    border-radius: 3px;
    padding: 4px 10px;
    padding: var(--tamanho);
    opacity: 0.9;
    cursor: pointer;
}

    .btn_voltar:Active {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #a8a8a8;
        background-color: var(--btn_voltar);
        border-color: transparent;
        box-shadow: none;
        border-radius: 3px;
        padding: 4px 10px;
        padding: var(--tamanho);
        opacity: 0.9;
    }

    .btn_voltar:hover {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #a8a8a8;
        background-color: var(--btn_voltar);
        border-color: transparent;
        box-shadow: none;
        padding: 4px 10px;
        padding: var(--tamanho);
        opacity: 1.0;
    }

    .btn_voltar[disabled], .btn_voltar[disabled]:hover {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #a8a8a8;
        background-color: var(--btn_voltar);
        border-color: transparent;
        box-shadow: none;
        opacity: 0.6;
        padding: 4px 10px;
        padding: var(--tamanho);
        filter: grayscale(60%);
    }

/*PADRÃO - Excluir*/
.btn_excluir {
    color: #ffffff;
    color: var(--btn_textos);
    font-size: 8pt;
    font-size: var(--font_size_textos);
    background-color: #d9534f;
    background-color: var(--btn_excluir);
    border-color: transparent;
    box-shadow: none;
    border-radius: 3px;
    padding: 4px 10px;
    padding: var(--tamanho);
    opacity: 0.9;
    cursor: pointer;
}

    .btn_excluir:Active {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #d9534f;
        background-color: var(--btn_excluir);
        border-color: transparent;
        box-shadow: none;
        border-radius: 3px;
        padding: 4px 10px;
        padding: var(--tamanho);
        opacity: 0.9;
    }

    .btn_excluir:hover {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #d9534f;
        background-color: var(--btn_excluir);
        border-color: transparent;
        box-shadow: none;
        opacity: 1.0;
        padding: 4px 10px;
        padding: var(--tamanho);
    }

    .btn_excluir[disabled], .btn_excluir[disabled]:hover {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #d9534f;
        background-color: var(--btn_excluir);
        border-color: transparent;
        box-shadow: none;
        opacity: 0.6;
        padding: 4px 10px;
        padding: var(--tamanho);
        filter: grayscale(60%);
    }
/*PADRÃO - Cancelar*/
.btn_cancelar {
    color: #ffffff;
    color: var(--btn_textos);
    font-size: 8pt;
    font-size: var(--font_size_textos);
    background-color: #5bc0de;
    background-color: var(--btn_cancelar);
    border-color: transparent;
    box-shadow: none;
    border-radius: 3px;
    padding: 4px 10px;
    padding: var(--tamanho);
    opacity: 0.9;
    cursor: pointer;
}

    .btn_cancelar:Active {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #5bc0de;
        background-color: var(--btn_cancelar);
        border-color: transparent;
        box-shadow: none;
        border-radius: 3px;
        padding: 4px 10px;
        padding: var(--tamanho);
        opacity: 0.9;
    }

    .btn_cancelar:hover {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #5bc0de;
        background-color: var(--btn_cancelar);
        border-color: transparent;
        box-shadow: none;
        opacity: 1.0;
        padding: 4px 10px;
        padding: var(--tamanho);
    }

    .btn_cancelar[disabled], .btn_cancelar[disabled]:hover {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #5bc0de;
        background-color: var(--btn_cancelar);
        border-color: transparent;
        box-shadow: none;
        opacity: 0.6;
        padding: 4px 10px;
        padding: var(--tamanho);
        filter: grayscale(60%);
    }

/*PADRÃO - Salvar*/
.btn_salvar {
    color: #ffffff;
    color: var(--btn_textos);
    font-size: 8pt;
    font-size: var(--font_size_textos);
    background-color: #169F85;
    background-color: var(--btn_salvar);
    border-color: transparent;
    box-shadow: none;
    border-radius: 3px;
    padding: 4px 10px;
    padding: var(--tamanho);
    opacity: 0.9;
    cursor: pointer;
}

    .btn_salvar:Active {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #169F85;
        background-color: var(--btn_salvar);
        border-color: transparent;
        box-shadow: none;
        border-radius: 3px;
        padding: 4px 10px;
        padding: var(--tamanho);
        opacity: 0.9;
    }

    .btn_salvar:hover {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #169F85;
        background-color: var(--btn_salvar);
        border-color: transparent;
        box-shadow: none;
        opacity: 1.0;
        padding: 4px 10px;
        padding: var(--tamanho);
    }

    .btn_salvar[disabled], .btn_salvar[disabled]:hover {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #169F85;
        background-color: var(--btn_salvar);
        border-color: transparent;
        box-shadow: none;
        opacity: 0.6;
        padding: 4px 10px;
        padding: var(--tamanho);
        filter: grayscale(60%);
    }

/*PADRÃO - Sim (Confirmação) */
.btn_sim {
    color: #ffffff;
    color: var(--btn_textos);
    font-size: 8pt;
    font-size: var(--font_size_textos);
    background-color: #169F85;
    background-color: var(--btn_sim);
    border-color: transparent;
    box-shadow: none;
    border-radius: 3px;
    padding: 4px 10px;
    padding: var(--tamanho);
    opacity: 0.9;
    cursor: pointer;
}

    .btn_sim:Active {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #169F85;
        background-color: var(--btn_sim);
        border-color: transparent;
        box-shadow: none;
        border-radius: 3px;
        padding: 4px 10px;
        padding: var(--tamanho);
        opacity: 0.9;
    }

    .btn_sim:hover {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #169F85;
        background-color: var(--btn_sim);
        border-color: transparent;
        box-shadow: none;
        opacity: 1.0;
        padding: 4px 10px;
        padding: var(--tamanho);
    }

    .btn_sim[disabled], .btn_sim[disabled]:hover {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #169F85;
        background-color: var(--btn_sim);
        border-color: transparent;
        box-shadow: none;
        opacity: 0.6;
        padding: 4px 10px;
        padding: var(--tamanho);
        filter: grayscale(60%);
    }
/*PADRÃO - Não (Não Confirmação) */
.btn_nao {
    color: #ffffff;
    color: var(--btn_textos);
    font-size: 8pt;
    font-size: var(--font_size_textos);
    background-color: #d9534f;
    background-color: var(--btn_nao);
    border-color: transparent;
    box-shadow: none;
    border-radius: 3px;
    padding: 4px 10px;
    padding: var(--tamanho);
    opacity: 0.9;
    cursor: pointer;
}

    .btn_nao:Active {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #d9534f;
        background-color: var(--btn_nao);
        border-color: transparent;
        box-shadow: none;
        border-radius: 3px;
        padding: 4px 10px;
        padding: var(--tamanho);
        opacity: 0.9;
    }

    .btn_nao:hover {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #d9534f;
        background-color: var(--btn_nao);
        border-color: transparent;
        box-shadow: none;
        opacity: 1.0;
        padding: 4px 10px;
        padding: var(--tamanho);
    }

    .btn_nao[disabled], .btn_nao[disabled]:hover {
        color: #ffffff;
        color: var(--btn_textos);
        background-color: #d9534f;
        background-color: var(--btn_nao);
        border-color: transparent;
        box-shadow: none;
        opacity: 0.6;
        padding: 4px 10px;
        padding: var(--tamanho);
        filter: grayscale(60%);
    }

/* asp:Panel */
.Panel_Tab, .Skin_Panel_Tab {
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: #000000;
    color: var(--cortextos);
    /*margin-top: 5px;
    margin-bottom: 10px;*/
}

    .Panel_Tab fieldset {
        border: 1px solid #D3D3D3; /* Substitua a cor e a espessura da borda conforme necessário */
        border-radius: 5px; /* Opcional: adicione cantos arredondados */
        /*padding: 10px;*/ /* Opcional: adicione preenchimento interno para afastar o conteúdo da borda */
    }

/* asp:TextBox */
.Skin_TextBox {
    border: 1px solid #eee;
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: #000000;
    /*margin-right: 5px;
    margin-left: 5px;*/
    border-radius: 4px;
}

.Skin_TextBox_cad, .Skin_Textbox {
    /*padding: 1px 0;
    border: solid 1px #000000;
    font: 7pt Verdana, Arial;
    color: #000000;*/
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    /*line-height: 1.42857143;*/
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    /*margin-right: 5px;*/
    padding: 3.5px 2px;
    /*width: 100%;
	  height: 34px;
	  	  display: block;
	  padding: 3px 6px;*/
}

    .Skin_TextBox_cad[disabled], .Skin_Textbox[disabled] {
        /*padding: 1px 0;
    border: solid 1px #000000;
    font: 7pt Verdana, Arial;
    color: #000000;*/
        font-size: 8pt;
        font-size: var(--font_size_textos);
        font-family: Verdana, Arial, sans-serif;
        font-family: var(--font_family_textos);
        /*line-height: 1.42857143;*/
        color: #555;
        background-color: #eee;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        /*margin-right: 5px;*/
        padding: 2px;
        /*width: 100%;
	  height: 34px;
	  	  display: block;
	  padding: 3px 6px;*/
    }

/* asp:HyperLink */
.Skin_Master_HL {
    /*font:smaller;*/
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: White;
}

.Skin_HL {
    /*font:smaller;*/
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: #000000;
    color: var(--cortextos);
    vertical-align: bottom;
}
/* [Geral] */
/*.SkinRadioL
{
    border: none;
    font-size: 8pt;
	font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
	font-family: var(--font_family_textos);
    color: #000000;
    color: var(--cortextos);
}
.SkinRadio
{
    border: none;
    font-size: 8pt;
   	font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
	font-family: var(--font_family_textos);
    color: #000000;
   color: var(--cortextos);
}
.Skin_Chklist
{
    border: none;
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
	font-family: var(--font_family_textos);
    color: #000000;
     color: var(--cortextos);  
}*/
.Skin_Chk {
    border: none;
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: #000000;
    color: var(--cortextos);
}

    .Skin_Chk * {
        vertical-align: middle;
    }



/***************************FORMATAÇÃO DE UM ASP:CHECKBOX*/

.ListControl input[type=checkbox], input[type=radio] {
    display: none;
}

.ListControl input[type=radio] {
    border: none;
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: #000000;
    color: var(--cortextos);
}

.ListControl label {
    margin-top: 3px;
    float: left;
    float: var(--float);
    text-indent: 17px;
    text-indent: var(--text_indent);
    color: #000000;
    color: var(--cortextos);
    cursor: pointer;
    white-space: nowrap;
    padding-right: 4px;
}

.ListControl input[type=checkbox] + label {
    display: table;
    width: 10px;
    height: 10px;
    border: 0.0625em solid transparent;
    border-radius: 1em;
    /*background       : rgb(211,168,255);*/
    background: transparent;
    /*background-image : -moz-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image : -ms-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image : -o-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image : linear-gradient(rgb(240,240,240),rgb(211,168,255));*/
    vertical-align: middle;
    line-height: 1.1em;
    font-size: 8pt;
    font-size: var(--font_size_textos);
    padding-right: 6px;
}

.ListControl input[type=checkbox]:enabled + label::before {
    content: "\2713";
    color: #fff;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    margin-right: var(--margin_right);
    margin-left: -22px;
    margin-left: var(--margin_left);
    border: 1px solid gray;
    background: #fff;
    border-radius: 1em;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}


.ListControl input[type=checkbox]:hover + label::before {
    content: "\2713";
    color: #eee;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    margin-right: var(--margin_right);
    margin-left: -22px;
    margin-left: var(--margin_left);
    background: #eee;
    border-radius: 1em;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.ListControl input[type=checkbox]:checked + label::before {
    content: "\2713";
    color: #fff;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    margin-right: var(--margin_right);
    margin-left: -22px;
    margin-left: var(--margin_left);
    background: #73879C;
    background: var(--cortema);
    border: 1px solid #73879C;
    border: 1px solid var(--cortema);
    border-radius: 1em;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    /*border: 1px solid var(--cortema);*/
}

.ListControl input[type=radio] + label {
    display: table;
    width: 10px;
    height: 10px;
    border: 0.0625em solid transparent;
    /*border: 3em solid transparent;*/
    border-radius: 1em;
    /*background       : rgb(211,168,255);*/
    background: transparent;
    /*background-image : -moz-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image : -ms-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image : -o-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image : linear-gradient(rgb(240,240,240),rgb(211,168,255));*/
    vertical-align: middle;
    line-height: 1.1em;
    font-size: 8pt;
    font-size: var(--font_size_textos);
    padding-right: 6px;
}


.ListControl input[type=radio]:enabled + label::before {
    content: "\2713";
    color: #fff;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    margin-right: var(--margin_right);
    margin-left: -22px;
    margin-left: var(--margin_left);
    border: 1px solid gray;
    background: #fff;
    border-radius: 1em;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.ListControl input[type=radio]:disabled + label::before {
    content: "\2713";
    color: #eee;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    margin-right: var(--margin_right);
    margin-left: -22px;
    margin-left: var(--margin_left);
    border: 1px solid #e1e1e1;
    background: #eee;
    border-radius: 1em;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}


.ListControl input[type=radio]:hover + label::before {
    content: "\2713";
    color: #eee;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    margin-right: var(--margin_right);
    margin-left: -22px;
    margin-left: var(--margin_left);
    background: #eee;
    border-radius: 1em;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.ListControl input[type=radio]:checked + label::before {
    content: "\2713";
    color: #fff;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    margin-right: var(--margin_right);
    margin-left: -22px;
    margin-left: var(--margin_left);
    background: #73879C;
    background: var(--cortema);
    border: 1px solid #73879C;
    border: 1px solid var(--cortema);
    border-radius: 1em;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    /*border: 1px solid var(--cortema);*/
}

/*ListControlF Radio para Formulários*/

.ListControlF input[type=radio] + label {
    display: inline-table;
    /*width: 50px;*/
    height: 10px;
    border: 0.0625em solid transparent;
    border-radius: 1em;
    background: transparent;
    vertical-align: middle;
    line-height: 2em;
    font-size: 8pt;
    font-size: var(--font_size_textos);
    padding-right: 6px;
}


.ListControlF input[type=radio]:enabled + label::before {
    content: "\2713";
    color: #fff;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    margin-left: 6px;
    border: 1px solid gray;
    background: #fff;
    border-radius: 1em;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.ListControlF input[type=radio]:disabled + label::before {
    content: "\2713";
    color: #eee;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    margin-left: 6px;
    border: 1px solid #e1e1e1;
    background: #eee;
    border-radius: 1em;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.ListControlF input[type=radio]:hover + label::before {
    content: "\2713";
    color: #eee;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    margin-left: 6px;
    background: #eee;
    border-radius: 1em;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.ListControlF input[type=radio]:checked + label::before {
    content: "\2713";
    color: #fff;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    margin-left: 6px;
    background: #73879C;
    background: var(--cortema);
    border: 1px solid #73879C;
    border: 1px solid var(--cortema);
    border-radius: 1em;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
}

/*Single Checkbox*/
.CheckBoxLabel {
    white-space: nowrap;
}

.SingleCheckbox {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-bottom: 3px;
}

    .SingleCheckbox input[type=checkbox], input[type=checkboxfield] {
        display: none;
    }

    .SingleCheckbox label {
        float: left;
        float: var(--float);
        color: #000000;
        color: var(--cortextos);
        cursor: pointer;
        white-space: nowrap;
    }

    .SingleCheckbox input[type=checkbox] + label {
        display: table;
        width: 15px;
        height: 15px;
        border: 0.0625em; /*0.0625em solid rgb(192,192,192);*/
        border-radius: 0.25em;
        background: transparent; /*rgb(211,168,255);*/
        vertical-align: middle;
        text-indent: 17px;
        text-indent: var(--text_indent);
        font-size: 8pt;
        font-size: var(--font_size_textos);
        padding-right: 4px;
        padding-top: 1px;
        /*margin-left: -3px;*/
    }

    .SingleCheckbox input[type=checkbox]:enabled + label::before {
        content: "\2713";
        color: transparent;
        height: 16px;
        line-height: 1.1em;
        width: 16px;
        font-weight: 900;
        margin-right: 2px;
        margin-right: var(--margin_right_check);
        margin-left: -19px;
        margin-left: var(--margin_left_check);
        border: 1px solid gray;
        background: white;
        border-radius: 0.25em;
        padding-left: 4px;
        padding-right: 4px;
        padding-bottom: 1px;
        padding-top: 1px;
    }

    .SingleCheckbox input[type=checkbox]:disabled + label::before {
        content: "\2713";
        color: #eee;
        height: 16px;
        line-height: 1.1em;
        width: 16px;
        font-weight: 900;
        /*margin-right    : 2px;
    margin-left     : -19px;*/
        margin-right: 2px;
        margin-right: var(--margin_right_check);
        margin-left: -19px;
        margin-left: var(--margin_left_check);
        background: #eee;
        border: 1px solid #e1e1e1;
        border-radius: 0.25em;
        padding-left: 4px;
        padding-right: 4px;
        padding-bottom: 1px;
        padding-top: 1px;
    }

    .SingleCheckbox input[type=checkbox]:hover + label::before {
        content: "\2713";
        color: transparent;
        height: 16px;
        line-height: 1.1em;
        width: 16px;
        font-weight: 900;
        /*margin-right    : 2px;
    margin-left     : -19px;*/
        margin-right: 2px;
        margin-right: var(--margin_right_check);
        margin-left: -19px;
        margin-left: var(--margin_left_check);
        background: #dedede;
        border-radius: 0.25em;
        padding-left: 4px;
        padding-right: 4px;
        padding-bottom: 1px;
        padding-top: 1px;
    }

    .SingleCheckbox input[type=checkbox]:checked + label::before {
        content: "\2713";
        color: #fff;
        height: 16px;
        line-height: 1.1em;
        width: 16px;
        font-weight: 900;
        /*margin-right    : 2px;
    margin-left     : -19px;*/
        margin-right: 2px;
        margin-right: var(--margin_right_check);
        margin-left: -19px;
        margin-left: var(--margin_left_check);
        background: #73879C;
        background: var(--cortema);
        border-radius: 0.25em;
        padding-left: 4px;
        padding-right: 4px;
        padding-bottom: 1px;
        padding-top: 1px;
    }


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

.Skin_Combo {
    /*font: 7pt Verdana, Arial;
    color: #000000;*/
    min-width: 70px;
    font-size: 8pt;
    font-size: var(--font_size_textos);
    padding: 2px;
    /*line-height: 1.62857143;*/
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 2px;
}


.Skin_linkbutton {
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: black;
}

    .Skin_linkbutton img {
        border: none;
    }

.Skin_Listbox {
    /*font: 7pt Verdana, Arial;
    color: #000000;*/
    min-width: 70px;
    font-size: 8pt;
    font-size: var(--font_size_textos);
    padding: 2px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.Validator {
    font-weight: var(--negrito);
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: Red;
}
/* act:AutoCompleteExtender */
.AutoCompleteExtender_CompletionListCssClass {
    margin: 0;
    padding: 0;
    height: 200px;
    overflow: auto;
    /*border: solid 1px #336699;
    background: #ffffff url("imagens/master/MenuPopup.png") repeat-x bottom;*/
    list-style: none;
    z-index: 10000;
    -webkit-z-index: 10000;
    -ms-z-index: 10000;
    visibility: hidden;
    border: solid 1px lightgray;
    background-color: white;
}

.AutoCompleteExtender_CompletionListItemCssClass, .AutoCompleteExtender_CompletionListHighlightedItemCssClass {
    display: block;
    padding: 2px 3px 2px 3px;
    border-bottom: solid 1px lightgray; /*#b9ccd9;*/
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: #000000;
    color: var(--cortextos); /*#003366;*/
}

.AutoCompleteExtender_CompletionListItemCssClass {
    background: none;
}

.AutoCompleteExtender_CompletionListHighlightedItemCssClass {
    background: #eee; /*#cee4f2;*/
    cursor: pointer;
}

.Watermark {
    border-color: #000000;
    color: #999999;
}

.UpdatePG_Centro {
    z-index: 30;
    position: fixed;
    top: 50%;
    left: 50%;
    text-align: center;
}

.Relogio {
    display: inline-block;
    padding: 2px 4px;
/*    border: solid 1px var(--cortema);*/
    border: solid 1px var(--fundo);
    background: #ffffff;
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: #003366;
    border-radius: 4px;
}

    .Relogio .Tempo {
        font-weight: var(--negrito);
        font-size: 8pt;
        font-size: var(--font_size_textos);
        font-family: Verdana, Arial, sans-serif;
        font-family: var(--font_family_textos);
    }

    .Relogio * {
        vertical-align: middle;
    }

.Indice_TE, .Indice_T1, .Indice_TC, .Indice_T2, .Indice_TD, .Indice_E, .Indice_C, .Indice_D, .Indice_BE, .Indice_B1, .Indice_BC, .Indice_B2, .Indice_BD {
    padding: 0;
}

.Indice_TE, .Indice_TC, .Indice_TD, .Indice_E, .Indice_C, .Indice_D, .Indice_BE, .Indice_BC, .Indice_BD {
    width: 0;
}

.Indice_TE, .Indice_TC, .Indice_TD {
    padding-top: 22px;
}
/* Todas as imagens do topo possuem a mesma altura. */
.Indice_T1, .Indice_T2 {
    height: 22px;
}
/* Todas as imagens do topo possuem a mesma altura. */
.Indice_E, .Indice_C, .Indice_D {
    background-repeat: repeat-y;
}
/* Todas as imagens de "colunas" devem ter repetição vertical. */
.Indice_BE, .Indice_BC, .Indice_BD {
    padding-top: 29px;
}
/* Todas as imagens da base possuem a mesma altura. */
.Indice_B1, .Indice_B2 {
    height: 29px;
}
/* Todas as imagens da base possuem a mesma altura. */
.Indice_T1, .Indice_T2, .Indice_B1, .Indice_B2 {
    background-repeat: repeat-x;
}
/* Todas as imagens de "linhas" devem ter repetição horizontal. */
.Indice_TE, .Indice_E, .Indice_BE {
    padding-left: 24px;
}
/* Todas as imagens da coluna da esquerda possuem a mesma largura. */
.Indice_TC, .Indice_C, .Indice_BC {
    padding-left: 28px;
}
/* Todas as imagens da coluna central possuem a mesma largura. */
.Indice_TD, .Indice_D, .Indice_BD {
    padding-left: 12px;
}
/* Todas as imagens da coluna da direita possuem a mesma largura. */

.Indice_TE {
    background-image: url("imagens/bordas/Indice_TE.png");
}

.Indice_T1 {
    background-image: url("imagens/bordas/Indice_T1.png");
}

.Indice_TC {
    background-image: url("imagens/bordas/Indice_TC.png");
}

.Indice_T2 {
    background-image: url("imagens/bordas/Indice_T2.png");
}

.Indice_TD {
    background-image: url("imagens/bordas/Indice_TD.png");
}

.Indice_E {
    background-image: url("imagens/bordas/Indice_E.png");
}

.Indice_C {
    background-image: url("imagens/bordas/Indice_C.png");
}

.Indice_D {
    background-image: url("imagens/bordas/Indice_D.png");
}

.Indice_BE {
    background-image: url("imagens/bordas/Indice_BE.png");
}

.Indice_B1 {
    background-image: url("imagens/bordas/Indice_B1.png");
}

.Indice_BC {
    background-image: url("imagens/bordas/Indice_BC.png");
}

.Indice_B2 {
    background-image: url("imagens/bordas/Indice_B2.png");
}

.Indice_BD {
    background-image: url("imagens/bordas/Indice_BD.png");
}

.Indice_Esquerda, .Indice_Direita {
    padding: 0;
    margin: 0;
    text-align: center;
    vertical-align: middle;
}

    .Indice_Esquerda, .Indice_Esquerda a {
        background: #3a73b9;
        font: bold 22px Calibri, Arial, Verdana;
        color: #ffffff;
    }

        .Indice_Esquerda a {
            display: block;
            text-decoration: none;
        }

            .Indice_Esquerda a:hover {
                text-decoration: underline;
            }

.Indice_Direita {
    text-align: left;
    background: #cdd4e2;
    font-weight: var(--negrito);
    font-size: 8pt;
    font-size: var(--font_size_textos);
    font-family: Verdana, Arial, sans-serif;
    font-family: var(--font_family_textos);
    color: #333333;
}





.pageBorderTL_I {
    background-image: url(imagens/bordas/pageBorderTL.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 0;
    height: 0;
    padding-left: 14px;
    padding-top: 10px;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}

.pageBorderTR_I {
    background-image: url(imagens/bordas/pageBorderTR.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
    width: 0;
    height: 0;
    padding-left: 14px;
    padding-top: 10px;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}

.pageBorderL_I {
    background-image: url(imagens/bordas/pageBorderL.gif);
    background-repeat: repeat-y;
    background-position: center left;
    width: 14px;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}

.pageBorderR_I {
    background-image: url(imagens/bordas/pageBorderR.gif);
    background-repeat: repeat-y;
    background-position: center right;
    width: 14px;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}

.pageBorderBL_I {
    background-image: url(imagens/bordas/pageBorderBL.gif);
    background-repeat: no-repeat;
    background-position: top left;
    width: 0;
    height: 0;
    padding-left: 14px;
    padding-top: 10px;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}

.pageBorderBR_I {
    background-image: url(imagens/bordas/pageBorderBR.gif);
    background-repeat: no-repeat;
    background-position: top right;
    width: 0;
    height: 0;
    padding-left: 14px;
    padding-top: 10px;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}
/*.dialogHeaderEdgeL_I
{
   /* background: url(imagens/bordas/dialogHeaderEdgeL.gif) no-repeat left bottom;
    width: 29px;
    height: 30px;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
/*filter: fliph; /*IE*/
/*}*/
/*.dialogHeaderEdgeR_I
{
    /*background: url(imagens/bordas/dialogHeaderEdgeR.gif) no-repeat right bottom;
    width: 29px;
    height: 30px;
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
/*filter: fliph; /*IE*/
/*}*/
.e-rte-toolbar-icon, .e-background-color, .e-font, .e-rte-footericon, .e-rte-footer .e-resize-handle {
    font-size: 12px !important;
}

.e-rte .e-background-color, .e-rteItem-backgroundColor .e-background-color, .e-rte .e-font, .e-rteItem-fontColor .e-font, .e-rte-toolbar-icon {
    height: 20px !important;
    width: 20px !important;
}

.e-toolbar > ul > li {
    border: 0px solid transparent !important;
    padding: 0px !important;
}

.e-btn, .e-tbtn, .e-split-btn {
    font-weight: normal !important;
    font-size: 10px !important;
}

.e-ddl .e-input, .e-ddl .e-input[readonly], .e-ddl-popup, .e-ddl .e-options {
    font-size: 12px !important;
}

.e-btn.e-select {
    border: 0px !important;
}

.e-templatetable {
    width: 100%;
}

.details > table {
    margin-left: 2px;
    border-collapse: separate;
    border-spacing: 2px;
    width: 100%;
}

.details td {
    vertical-align: top;
}

.details {
    padding: 8px 8px 10px 0;
}

.photo {
    padding: 8px 6px 10px 6px;
    text-align: center;
}

.CardHeader {
    font-weight: bolder;
    padding-right: 10px;
}

.menu-header {
    height: 60px;
    background-color: #416187;
    background-color: var(--cortema);
}

    .menu-header .container {
        position: relative;
        width: 80%;
        max-width: 1000px;
        margin: 0 auto;
    }

    .menu-header a {
        text-decoration: none;
        padding: 0px 10px;
        color: #fff;
        font-size: 13px;
        border: 1px solid rgba(0,0,0,0);
        display: block;
        letter-spacing: 1px;
        line-height: 2.5;
        border-radius: 4px;
        text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    }

    .menu-header ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .menu-header ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .menu-header li {
        float: left;
        margin: 14px 5px 0 0;
    }

.user-menu li {
    margin-left: 10px;
}

.menu-header li {
    float: left;
    margin: 14px 5px 0 0;
}

.ul-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.e-headercelldiv {
    color: var(--cortema) !important;
}

.e-kanban .e-kanbancontent .e-rowcell .e-shrinkheader {
    color: var(--cortema) !important;
}

.e-kanban .e-kanbancard.e-hover {
    background: #f9fafe;
    background: var(--fundo) !important;
}
/* sidenavi wrapper */
#sideNavi,
.side-navi-item,
.side-navi-data,
.side-navi-tab {
    margin: 0;
    padding: 0;
}

#sideNavi {
    position: fixed;
    right: 50px;
    top: 75px;
}
/* items */
.side-navi-item-default {
    height: 50px;
    display: none;
}

.side-navi-item {
    left: 0px;
    position: absolute;
    left: 0;
    display: inline-block;
    width: 60px;
    height: 50px;
    transform: rotate(-90deg);
    transform-origin: left top 0;
    color: #fff;
    background-color: #003366;
    background-color: var(--cortema);
    cursor: pointer;
    border-radius: 50px 50px 0px 0px;
}

    .side-navi-item.item1 {
        top: 60px;
    }

    .side-navi-item.item2 {
        top: 122px;
    }

    .side-navi-item.active,
    .side-navi-item:hover {
        background-color: #003366;
        background-color: var(--cortema) !important;
        color: White;
    }

    .side-navi-item > div {
        /* margin-left: 10px;
        padding-top: 10px;
        text-align: left;*/
        padding: 10px 10px !important;
    }
/* data wrapper */
.side-navi-data {
    position: absolute;
    top: 0;
    left: 50px;
    width: 600px;
    height: 420px;
    background-color: #003366;
    background-color: var(--cortema) !important;
    border-radius: 0px 0px 0px 5px;
}
/* tab wrapper */
.side-navi-tab {
    display: none;
    border-radius: 30px 0px 0px 5px;
    background-color: White;
    margin-left: 2px;
    margin-right: 1px !important;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 545px;
    height: 416px;
}

    .side-navi-tab.active {
        display: inline-block;
    }

    .side-navi-tab > div {
    }

.side-navi-divitem {
    border: 1px solid var(--cortema);
    border-radius: 10px;
    width: 510px;
    height: 60px;
    margin-left: 5px;
    margin-top: 5px;
    border-left: 5px solid var(--cortema);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 0%,rgba(237,237,237,1) 0%,rgba(255,255,255,1) 41%);
}

div.side-navi-divitem:hover {
    background: -webkit-linear-gradient(left, rgba(254,191,1,0.66) 0%,rgba(254,191,1,0) 1.3%);
    cursor: pointer;
}

.SP01 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: 700px;
    padding: 10px;
    background-color: white;
    display: none;
    border: 2px solid var(--cortema);
    border-left: 5px solid var(--cortema);
}

.DivFAQ {
    border-bottom: 2px solid var(--cortema);
    margin-bottom: 10px;
}

.DivFaq_TAB {
    border-bottom: 2px solid var(--cortema);
    width: 100%;
}

.e-toolbar > .e-horizontal .e-active, .e-toolbar > .e-vertical > .e-active {
    background: var(--cortema) !important;
}

.e-toolbar > .e-horizontal .e-hover, .e-toolbar > .e-vertical > .e-hover {
    background: var(--fundo) !important;
}

.e-ddl .e-select:hover, .e-ddl.e-rtl .e-select:hover {
    background: var(--fundo) !important;
}

.e-rte .e-tooltxt .e-btn.e-ntouch.e-select:hover {
    background: var(--fundo) !important;
}

.e-rte .e-toolbarspan {
    border-bottom: 3px solid var(--cortema) !important
}

.e-splitter .e-hover.e-splitbar.e-split-divider, .e-splitter .e-splitbar.e-split-divider:hover {
    background-color: var(--fundo) !important;
}

.e-scrollbar .e-vhandle:hover, .e-scrollbar .e-hhandle:hover {
    background-color: var(--fundo) !important;
    cursor: default;
    border-color: #c8c8c8;
}

.e-scrollbar .e-button:hover {
    background-color: var(--fundo) !important;
    color: #282827;
}