﻿/* ******************************************************************************

Classe..: Default
Objetivo: Classes CSS padrão para todo o sistema

Autor...: Isadora Moraes

****************************************************************************** */

body, input, button, select {
    /* Define que o outline-width, 
       pois no Chrome é adicionada uma borda em preto quando elemento está com foco  */
    /*outline-width: thin !important;*/
}

.margin {
    margin:0px;
}

.margin-licenca-uso-vencendo {
    margin:0px;
    margin-top:25px !important;
}

.margin-licenca-uso-vencida {
    margin:0px;
    margin-top:36px !important;
}

.pnl-licenca-uso-vencendo {
    width:calc(100% - 17px);
    margin-top:-25px;
    padding:2px;
    padding-top:5px;
    padding-left:15px !important;
    height:18px;
    background-color:yellow;
    font-family:Tahoma;
    font-size:12px;
    text-align:center;
}

.pnl-licenca-uso-vencida {
    width:calc(100% - 17px);
    margin-top:-36px;
    padding:2px;
    padding-top:7px;
    padding-left:15px !important;
    height:27px;
    background-color:red;
    font-family:Tahoma;
    font-size:16px;
    text-align:center;
}

.table-container-ficha, .table-container {
    font-family:Tahoma;
    font-size:small;
    position:absolute;
    width:100%;
    height:100%;
    border-spacing:0px;
    border:none;
    margin:0px;
}

.table-container-ficha {
    min-width:750px;
    min-height:655px;
}

.table, .error-container {
    width:100%;
    border-spacing:0px;
}

div.e-pager.e-js {
    height:31px;
}


/* ******************************************************************************

                                Barra de Ferramentas

****************************************************************************** */
.td-toolbar {
    background-color:#E1E1E1;
    padding-left:4px;
    height:52px;
    border-bottom:1px solid #d0d1d7;
}

.button-none {
    opacity:0.0;
    filter:alpha(opacity=0);
}

.button-load {
    background-color:white;
}

.button-load-ficha {
    background-color:#E1E1E1;
}

.button-load, .button-load-ficha, .button-none {
    width:0px;
    height:0px;
    border:none;
}

.button-home {
    /* margin-left:70px; Propriedade deve ser habilitada se for usar o botão Menu */
    background:url(../../Images/home24.png) no-repeat center top;
}

.button-logout {
    background:url(../../Images/logout24.png) no-repeat center top;
}

.button-test-user {
    background:url(../../Images/user24.png) no-repeat center top;
}

.button-test-database {
    background:url(../../Images/server24.png) no-repeat center top;
}

.button-test-params-print {
    background:url(../../Images/imprimir24.png) no-repeat center top;
}

.button-new, .button-new-disable {
    background:url(../../Images/novo24.png) no-repeat center top;
}

.button-edit, .button-edit-disable, .button-edit-medium, .button-edit-medium-disable, .button-edit-large, .button-edit-large-disable {
    background:url(../../Images/editar24.png) no-repeat center top;
}

.button-delete, .button-delete-disable {
    background:url(../../Images/excluir24.png) no-repeat center top;
}

.button-help {
    background:url(../../Images/ajuda24.png) no-repeat center top;
}

.button-close {
    background:url(../../Images/sair24.png) no-repeat center top;
}

.button-save, .button-save-disable {
    background:url(../../Images/salvar24.png) no-repeat center top;
}

.button-finger, .button-finger-disable, .button-finger-large, .button-finger-large-disable {
    background:url(../../Images/fingerprint.png) no-repeat center top;
}

.button-renew, .button-renew-PT, .button-renew-disable {
    background:url(../../Images/atualizar24.png) no-repeat center top;
}

.button-add {
    background:url(../../Images/Add24.png) no-repeat center top;
}

.button-add-integracao, .button-add-integracao-disable {
    background:url(../../Images/Add24.png) no-repeat center top;
}

.button-allow, .button-allow-disable {
    background:url(../../Images/Apply_24.png) no-repeat center top;
}

.button-confirm, .button-confirm-disable, .button-confirm-large {
    background:url(../../Images/Apply_24.png) no-repeat center top;
}

.button-new-schedule, .button-new-schedule-disable {
    background:url(../../Images/confirmSchedule24.png) no-repeat center top;
}

.button-block, .button-block-disable {
    background:url(../../Images/block24.png) no-repeat center top;
    /*background:url(../../Images/locked.png) no-repeat center top;*/
}

.button-restore, .button-restore-disable,
.button-restore-medium, .button-restore-medium-disable {
    background:url(../../Images/desfazer24.png) no-repeat center top;
}

.button-historico, .button-historico-disable  {
    background:url(../../Images/history24.png) no-repeat center top;
}

.button-generate, .button-generate-disable  {
    background:url(../../Images/invoice_24.png) no-repeat center top;
}

.button-cancel, .button-cancel-disable {
    background:url(../../Images/excluir24.png) no-repeat center top;
}

.button-close-PT, .button-close-PT-disable {
    background:url(../../Images/invoice2_24.png) no-repeat center top;
}

.button-copy, .button-copy-disable {
    background:url(../../Images/Copy24.png) no-repeat center top;
}

.button-print, .button-print-disable {
    background:url(../../Images/imprimir24.png) no-repeat center top;
}

.button-print-inspect, .button-print-inspect-disable {
    background:url(../../Images/notepad24.png) no-repeat center top;
}

.button-delete-schedule, .button-delete-schedule-disable {
    background:url(../../Images/cancelSchedule24.png) no-repeat center top;
}

.button-search, .button-search-disable {
    background:url(../../Images/Find24.png) no-repeat center top;
}

.button-clean, .button-clean-disable {
    background:url(../../Images/limpar24.png) no-repeat center top;
}

.button-group, .button-group-disable {
    background:url(../../Images/group_24.png) no-repeat center top;
}

.button-edit-RG, .button-edit-RG-disable, .button-edit-CNPJ, .button-edit-CNPJ-disable {
    background:url(../../Images/edit_rg24.png) no-repeat center top;
}

.button-activities, .button-activities-disable {
    background:url(../../Images/numbered_list24.png) no-repeat center top;
}

.button-password, .button-password-disable {
    background:url(../../Images/Login.png) no-repeat center top;
}

.button-reset-password, .button-reset-password-disable {
    background:url(../../Images/restaurar24.png) no-repeat center top;
}

.button-transmit, .button-transmit-disable {
    background:url(../../Images/exportar24.png) no-repeat center top;
}

.button-open, .button-open-disable {
    background:url(../../Images/exportar24.png) no-repeat center top;
}

.button-reprocess, .button-reprocess-disable {
    background:url(../../Images/reprocess.png) no-repeat center top;
}

.button-edit-contratada, .button-edit-contratada-disable {
    background:url(../../Images/edit_contratada24.png) no-repeat center top;
}

.button-totalizar-funcionarios, .button-totalizar-funcionarios-disable {
    background: url(../../Images/numbered_list24.png) no-repeat center top;    
}

.button-aviso-ativos, .button-aviso-ativos-disable {
    background: url(../../Images/warning24.png) no-repeat center top;    
}

.button-confirm-employee, .button-confirm-employee-disable {
    background:url(../../Images/confirm_employee24.png) no-repeat center top;
}

.button-confirm-employees, .button-confirm-employees-disable {
    background:url(../../Images/confirm_employees24.png) no-repeat center top;
}

.button-edit-empresa, .button-edit-empresa-disable {
    background:url(../../Images/office_building24.png) no-repeat center top;
}

.button-function, .button-function-disable {
    background:url(../../Images/tools24.png) no-repeat center top;
}

.button-epi, .button-epi-disable {
    background:url(../../Images/epi24.png) no-repeat center top;
}

.button-refresh {
    background:url(../../Images/atualizar24.png) no-repeat center top;
}

.button-confirm-out, .button-confirm-out-disable {
    background:url(../../Images/go24.png) no-repeat center top;
}

.button-register-entry, .button-register-entry-disable {
    background:url(../../Images/go24.png) no-repeat center top;
}

.button-delivery-term, .button-delivery-term-disable {
    background:url(../../Images/license.png) no-repeat center top;
}

.button-department, .button-department-disable {
    background:url(../../Images/department24.png) no-repeat center top;
}

.button-photo, .button-photo-disable {
    background:url(../../Images/pictures24.png) no-repeat center top;
}

.button-log, .button-log-disable {
    background:url(../../Images/log24.png) no-repeat center top;
}

.button-order, .button-order-disable  {
    background:url(../../Images/invoice_24.png) no-repeat center top;
}

.button-pdf, .button-pdf-disable {
    background:url(../../Images/pdf24.png) no-repeat center top;
}

.button-reject, .button-reject-disable, .button-reject-large {
    background:url(../../Images/reject24.png) no-repeat center top;
}

.button-reject-large {
    background:url(../../Images/restaurar24.png) no-repeat center top;
}

.button-config, .button-config-disable {
    background:url(../../Images/configuration24.png) no-repeat center top;
}

.button-restore-disable, .button-renew-disable, .button-save-disable, .button-new-disable, .button-edit-disable, .button-delete-disable, 
.button-add-integracao-disable, .button-allow-disable, .button-confirm-disable, .button-block-disable, .button-function-disable, 
.button-reprocess-disable, .button-transmit-disable, .button-edit-medium-disable, .button-edit-large-disable, .button-generate-disable, 
.button-copy-disable, .button-print-disable, .button-print-inspect-disable, .button-cancel-disable, .button-delete-schedule-disable, 
.button-new-schedule-disable, .button-close-PT-disable, .button-group-disable, .button-edit-RG-disable, .button-activities-disable, 
.button-password-disable, .button-reset-password-disable, .button-edit-CNPJ-disable, .button-edit-contratada-disable, 
.button-totalizar-funcionarios-disable, .button-aviso-ativos-disable,
.button-edit-empresa-disable, .button-epi-disable, .button-confirm-employee-disable, .button-confirm-employees-disable, 
.button-refresh-disable, .button-confirm-out-disable, .button-register-entry-disable, .button-finger-disable, .button-finger-large-disable, 
.button-delivery-term-disable, .button-department-disable, .button-photo-disable, .button-log-disable, .button-order-disable,
.button-restore-medium-disable, .button-pdf-disable, .button-reject-disable, .button-open-disable, .button-config-disable {
    opacity:0.5;
}

.button-default, .button-new, .button-new-disable, .button-edit, .button-edit-disable, .button-delete, .button-delete-disable, .button-help, 
.button-close, .button-function, .button-function-disable, .button-save, .button-save-disable, .button-back, .button-home, .button-logout, 
.button-restore, .button-restore-disable, .button-generate, .button-copy, .button-print, .button-print-inspect, .button-search, 
.button-generate-disable, .button-copy-disable, .button-print-disable, .button-print-inspect-disable, .button-close-PT-disable, 
.button-close-PT, .button-group, .button-group-disable, .button-refresh, .button-refresh-disable, .button-finger, .button-finger-disable, 
.button-department, .button-department-disable, .button-photo, .button-photo-disable, .button-pdf, .button-pdf-disable, .button-reject, 
.button-reject-disable, .button-open, .button-open-disable, .button-historico, .button-historico-disable {
    background-position-y:4px;
    line-height:68px;
    vertical-align:bottom;
    background-color:#E1E1E1;
    border:none;
    font-family:Tahoma;
    margin-right:2px;
    width:68px;
    height:48px;
    font-size:small;
}

.button-medium-toolbar, .button-test-user, .button-test-database, .button-test-params-print, .button-add, .button-check-all, .button-cancel, 
.button-cancel-disable, .button-renew-PT, .button-reprocess, .button-reprocess-disable, .button-allow, .button-allow-disable, .button-block, 
.button-renew, .button-renew-disable, .button-block-disable, .button-transmit, .button-transmit-disable, .button-register-entry, 
.button-register-entry-disable, .button-edit-medium, .button-edit-medium-disable, .button-edit-RG, .button-edit-RG-disable, .button-edit-CNPJ, 
.button-edit-CNPJ-disable, .button-edit-empresa, .button-edit-empresa-disable, .button-log, .button-log-disable, .button-confirm, 
.button-confirm-disable, .button-order, .button-order-disable, .button-restore-medium, .button-restore-medium-disable, 
.button-config, .button-config-disable {
    background-position-y:4px;
    line-height:68px;
    vertical-align:bottom;
    background-color:#E1E1E1;
    border:none;
    font-family:Tahoma;
    margin-right:2px;
    width:100px;
    height:48px;
    font-size:small;
}

.button-large-toolbar, .button-add-integracao, .button-uncheck-all, .button-add-integracao-disable, .button-edit-large, 
.button-edit-large-disable, .button-activities, .button-activities-disable, .button-edit-contratada, .button-edit-contratada-disable, 
.button-totalizar-funcionarios, .button-totalizar-funcionarios-disable, .button-aviso-ativos, .button-aviso-ativos-disable,
.button-password, .button-password-disable, .button-reset-password, .button-reset-password-disable, .button-epi, .button-epi-disable, .button-confirm-large, .button-reject-large,
.button-confirm-employee, .button-confirm-employee-disable, .button-confirm-employees, .button-confirm-employees-disable, .button-confirm-out, 
.button-confirm-out-disable, .button-finger-large, .button-finger-large-disable, .button-delivery-term, .button-delivery-term-disable, 
.button-new-schedule, .button-new-schedule-disable, .button-delete-schedule, .button-delete-schedule-disable, .button-clean {
    background-position-y:4px;
    line-height:68px;
    vertical-align:bottom;
    background-color:#E1E1E1;
    border:none;
    font-family:Tahoma;
    margin-right:2px;
    width:140px;
    height:48px;
    font-size:small;
}

#btnMenu[for="nav-toggle"]:hover, .button-default:hover, .button-medium-toolbar:hover, .button-large-toolbar:hover, .button-new:hover, 
.button-edit:hover, .button-delete:hover, .button-help:hover, .button-close:hover, .button-function:hover, .button-save:hover, 
.button-back:hover, .button-home:hover, .button-logout:hover, .button-test-user:hover, .button-test-database:hover, 
.button-test-params-print:hover, .button-renew:hover, .button-add:hover, .button-allow:hover, .button-confirm:hover, 
.button-confirm-large:hover, .button-reject-large:hover, .button-block:hover, 
.button-restore:hover, .button-generate:hover, .button-cancel:hover, .button-delete-schedule:hover, .button-new-schedule:hover, 
.button-close-PT:hover, .button-copy:hover, .button-print:hover, .button-search:hover, .button-clean:hover, .button-register-entry:hover, 
.button-add-integracao:hover, .button-check-all:hover, .button-uncheck-all:hover, .button-renew-PT:hover, .button-reprocess:hover, 
.button-transmit:hover, .button-edit-medium:hover, .button-edit-large:hover, .button-group:hover, .button-edit-RG:hover, 
.button-edit-CNPJ:hover, .button-activities:hover, .button-password:hover, .button-reset-password:hover, .button-edit-empresa:hover, 
.button-edit-contratada:hover, .button-epi:hover, .button-confirm-employee:hover, .button-confirm-employees:hover, .button-refresh:hover, 
.button-totalizar-funcionarios:hover, .button-aviso-ativos:hover,
.button-confirm-out:hover, .button-finger:hover, .button-finger-large:hover, .button-delivery-term:hover, .button-department:hover, 
.button-photo:hover, .button-log:hover, .button-print-inspect:hover, .button-order:hover, .button-restore-medium:hover, .button-pdf:hover,
.button-reject:hover, .button-open:hover, .button-config:hover, .button-historico:hover {
    background-color:rgb(221, 236, 255);
    border:1px solid SkyBlue;
}

.button-toolbar:hover {
    border:1px solid SkyBlue;
}

.button-toolbar {
    text-indent:-15px;
    margin-right:2px;
    width:75px;
    height:48px;
}

.button-item {
    width:100px;
    height:30px;
    text-align:left;
    padding-left:10px;
}

.button-item:hover {
    background-color:rgb(221, 236, 255);
    border:1px solid SkyBlue;
}

.button-toolbar, .button-item {
    background-color:#E1E1E1;
    border:none;
    font-family:Tahoma;
    font-size:small;
}

.panel-options {
    margin-left:25px;
    width:100px;
    border:none;
}


/* ******************************************************************************

                                Barra de Informações

****************************************************************************** */
.tr-header {
    height:60px;
}

.header-logo-company {
    background-image:url(../../Images/header-bg.png);
    background-repeat:repeat-x;
    width:100%;
    width:75px !important; 
    padding-left:12px; 
    padding-right:10px;
    vertical-align:top;
}

.header-logo {
    background-image:url(../../Images/header-logo.png);
    background-repeat:no-repeat;
    width:133px;
}

.label-title {
    color:white;
    font-size:16px;
    font-weight:bold;
}

.label-description {
    color:white;
    font-size:12px;
}

/* ******************************************************************************

                                     Conteúdo

****************************************************************************** */
.td-content {
    padding:15px;
    vertical-align:top;
}

.button-find, .button-find-disable {
    width:24px;
}

.button, .button-disable {
    width:85px;
}

.button-large, .button-large-disable {
    width:150px;
}

.button-find, .button-find-disable, .button, .button-disable, .button-large, .button-large-disable {
    background-color:#E1E1E1;
    font-family:Tahoma;
    margin-right:2px;
    height:24px;
    font-size:small;
    border:none;
    border:1px solid #c3c4c4;
    padding:0px;
}

.button-find:hover, .button:hover, .button-large:hover {
    background-color:rgb(221, 236, 255);
    border:1px solid SkyBlue; 
}

.button-find:hover:disabled { /* Quando botão desabilitado */
    background-color:#E1E1E1 !important;
    border:1px solid #c3c4c4 !important;
}

.button-find-disable, .button-disable, .button-large-disable {
    opacity:0.5;
}

.td-height-spacing {
    height:8px;
}

.table-column-spacing { /* Espaçamento entre colunas */
    width:25px;
}

.table-ficha {
    width:100%;
    padding:10px;
}

.table-scroll {
    width:100%;
    border-spacing:0px;
    padding-top:2px;
    padding-right:2px;
}

.table-tab {
    border:none;
    width:100%;
}

.td-tab-grid {
    position:absolute;
    width:calc(100% - 27px);
    height:calc(100% - 69px);
}

.td-tab-grid-executantes, .td-tab-grid-funcionarios, .td-tab-grid-executantes-empresa-parceira {
    position:absolute;
    width:calc(100% - 27px);
}

.td-tab-grid-executantes {
    height:calc(100% - 103px);
}

.td-tab-grid-funcionarios {
    height:calc(100% - 99px);
}

.td-tab-grid-executantes-empresa-parceira {
    height:calc(100% - 238px);
}

.td-tab-grid-large {
    position:absolute;
    width:calc(100% - 27px);
    height:calc(100% - 27px);
}



/* ******************************************************************************

                                     Rodapé

****************************************************************************** */
.td-footer {
    background-color:#E1E1E1;
    padding:2px;
    height:16px;
    font-size:10px;
    border-top:1px solid #d0d1d7;
}

.td-status-icon {
    width:20px;
    text-align:center;
}

.td-status {
    width:200px;
}

.td-status-version {
    width:100px;
}


/* ******************************************************************************

                                    Update Progress

****************************************************************************** */
.progress-default {
    width:100%;
    height:100%;
}

.progress-default {
    z-index:50;
    position:fixed;
    display:block;
}

.container-progress {
    margin:50px auto;
}

.container-default {
    margin:250px auto;
}

.container-progress, .container-default {
    z-index:51;
    background-image:url(../../Images/progress-bg.png);
    background-repeat:repeat-x;
    text-align:center;
    border:none;
    border-radius:10px;
    width:320px;
    height:80px;
}

.container-progress img, .container-default img {
    width:50px;
    height:50px;
}

.table-progress {
    margin:0px auto;
    width:320px;
    height:80px;
    text-align:center;
}

.table-progress td {
    vertical-align:middle;
}

.label-progress {
    font-family:Tahoma;
    font-size:small;
    color:white;
    font-weight:bold;
}

.error-container {
    background-color:white;
    padding:15px;
}

.error-content {
    width:100%;
    border:1px solid black;
    padding:15px;
}

.error-content h2 {
    color:brown;
}


/* ******************************************************************************

                                    Modal Popup

****************************************************************************** */
.modal-background {
    z-index:20;
    position:fixed;
    background-color:rgba(0, 0, 0, 0.80);
    margin-top:0px;
}

.modal-popup, .modal-dialog, .modal-dialog-large, .modal-popup-large, .modal-popup-foto, .modal-popup-extra {
    z-index:41;
    background-color:white;
    border:5px solid rgba(100, 159, 196, 1);
    border-spacing:0px;
    padding:0px;
    /*border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;*/
}

.modal-popup {
    height:390px;
    width:635px;
}

.modal-popup-large {
    height:510px;
    width:675px;
}

.modal-popup-foto {
    height:510px;
    width:380px;
}

.modal-popup-extra {
    height:600px;
    width:900px;  
}

.modal-dialog {
    height:220px;
    width:480px;
}

.modal-dialog-large {
    height:320px;
    width:680px;
}

.td-title-popup {
    background:linear-gradient(to right, rgba(100, 159, 196, 1), rgba(144, 200, 227, 1));
    padding-left:5px;
    padding-right:5px;
    color:white;
    height:25px;
}

.td-message-dialog {
    width:100%;
    height:100%;
}

.td-description-ficha {
    padding-left:15px;
}

.td-description-popup {
    padding-left:5px;
}

.td-description-popup, .td-description-ficha {
    height:40px;
}

.table-popup, .panel-popup, .panel-popup-large, .panel-popup-extra {
    margin:10px;
}

.panel-popup-large {
    height:365px;
}

.panel-popup-extra {
    height:100%;
}

.panel-popup {
    height:245px;
}

.table-popup-search {
    margin:10px;
    width:652px;
    border-spacing:0px;
}

.td-popup-section-spacing {
    padding-top:15px;
}

.td-content-popup {
    background-color:#E1E1E1;
}

.td-content-popup, .td-content-ficha {
    vertical-align:top;
}

.td-content-dialog{
    background-color:white;
    vertical-align:middle;
}

.td-footer-popup, .panel-footer-popup {
    background-color:#E1E1E1;
    height:24px;
    text-align:right;
    vertical-align:top;
}

.td-footer-popup {
    padding:10px;
    padding-top:0px;
}

.panel-footer-popup {
    padding:9px;
    padding-top:2px;
}

.td-footer-dialog {
    background-color:#E1E1E1;
    height:24px;
    padding:10px;
    padding-top:0px;
    vertical-align:top;
    text-align:right;
}

.footer-line {
    margin-bottom:10px;
}

.region-title {
    background:linear-gradient(to right, rgba(100, 159, 196, 1), rgba(144, 200, 227, 1));
    padding-left:5px;
    color:white;
    width:100%;
    height:18px;
    border-spacing:0px;
    border:none;
}

.button-popup {
    background-color:#E1E1E1;
    font-family:Tahoma;
    margin-right:2px;
    width:85px;
    height:24px;
    font-size:small;
    border:none;
    border:1px solid #c3c4c4;
}

.button-popup:hover {
    background-color:rgb(221, 236, 255);
    border:1px solid SkyBlue;
}

.td-message-dialog {
    word-wrap:break-word;
    overflow:hidden;
    text-overflow:ellipsis;
}



/* ******************************************************************************

                                   Menu Side Bar

****************************************************************************** */
.side-bar {
    z-index:10;
    position:absolute;
    display:block;
    /*
    top:115px;
    left:-120px;
    width:120px;
    height:calc(100% - 140px);
    background-color:#dbdbdb;
    border-right:1px solid #c3c4c4;*/
    overflow-y:auto;
    overflow-x:hidden;
}

.nav-toggle {
    position:absolute;
    clip:rect(0, 0, 0, 0);
}

.nav-toggle:checked ~.side-bar {
    left:0px;
}

.side-bar {
    transition:left 0.2s;
}

#btnMenu[for="nav-toggle"] {
    background:url(../Images/menu32.png) no-repeat center top;
    background-position-y:8px;
    position:absolute;
    z-index:1;
    background-color:#E1E1E1;
    border:none;
    font-family:Tahoma;
    width:64px;
    height:46px;
    font-size:small;
    visibility:hidden;
}

/* Quando largura da tela menor que 880px */
@media (max-width:880px){

    /* Reposicionar barra de ferramentas */
    .side-bar {
        top:113px;
        left:-120px;
        width:120px;
        height:calc(100% - 113px);
        background-color:#dbdbdb;
        border-right:1px solid #c3c4c4;
    }

    /* Formatar botões no menu lateral */
    .side-bar > input {
        background-position-y:10px !important;
        line-height:85px;
        vertical-align:bottom;
        background-color:#E1E1E1;
        border:none;
        font-family:Tahoma;
        width:120px;
        height:60px;
        font-size:small;
        border-bottom:1px solid #c3c4c4;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    /* Exibir botão para visualizar barra de ferramentas*/
    #btnMenu[for="nav-toggle"] {
        visibility:visible;
    }
}

/* ******************************************************************************

                       Mesnagem de Avisto TOP

****************************************************************************** */
.table-aviso-top {
    display:inline-block;
    vertical-align:middle;
}

.table-td-aviso-top {
    min-width:70%;
}
/* ******************************************************************************

                                       Grid

****************************************************************************** */
/* Definir fonte e tamanho para o conteúdo do Grid */
.e-grid .e-rowcell, .e-grid .e-headercelldiv, .e-gridcontent, .e-grid .e-pager, .e-grid .e-gridheader .e-headercelldiv, .e-grid .e-gridheader th {
    font-family:Tahoma; 
    font-size:small;
}

/* Propriedade hover para o cabeçalho do Grid */
.e-grid .e-headercell:hover {
    background-color:rgb(221, 236, 255); 
    border:0px solid SkyBlue;
}

.e-grid .e-rowcell, .e-grid .e-headercell {
    text-overflow:ellipsis; /* Cria reticências quando o texto excede o tamanho da coluna */
    padding:5px !important;
}

.e-grid .e-columnheader th {
    height:20px !important;
}