/* ==========================================================================
   Título do tema - por AddTech
   ========================================================================== */


/* -----------------------------------------------------------------------------

	ÍNDICE DE CONTEÚDO
    
    1.) Google Fonts
    2.) Geral
    3.) Tipografia
    4.) Componentes
    5.) Header
    6.) Seções (Sections)
    7.) Footer
    8.) Responsivo

----------------------------------------------------------------------------- */


/* -----------------------------------------------------------------------------

    1.) GOOGLE FONTS
    Please see the documentation on how to change fonts.

----------------------------------------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Sintony:400,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Share+Tech);
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


/* -----------------------------------------------------------------------------

    2.) GERAL
	Algumas definições e redefinições gerais.
        
----------------------------------------------------------------------------- */

*::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
}

*::-webkit-scrollbar-track {
    background: transparent !important;
    border-radius: 5px !important;
    border: none !important;
}

*::-webkit-scrollbar-thumb {
    background-color: rgb(248, 145, 6) !important;
    border-radius: 5px !important;
    border: none !important;
}

body {
    background: url("../../img/header-cnseg-background.jpg");
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    background: linear-gradient(to right, rgb(246, 245, 239), rgb(231, 208, 171));
}

.container {
    /* width: 1085px; */
    margin: 0 auto;
}

/* -------------------------------------------------------------------------
        RESET
    ------------------------------------------------------------------------- */

a {
    color: #F68E26;
}

    a:hover, a:focus {
        color: #FF4000;
        text-decoration: underline;
    }


/*Reset da tabela do componente jTable*/
div.jtable-main-container {
    color: #777 !important;
}

    div.jtable-main-container div.jtable-title {
        border: none !important;
        box-shadow: 0 2px 2px #CCCCCC !important;
        -webkit-box-shadow: 0 2px 2px #CCCCCC !important;
        -moz-box-shadow: 0 2px 2px #CCCCCC !important;
    }

        div.jtable-main-container div.jtable-title div.jtable-title-text {
            text-shadow: none !important;
        }

.form-inline .form-group {
    /*display: block!important;*/
}

/*Ajusta o menu para resolção abaixo de 768 */

.jtable-data-row .label {
    white-space: inherit;
}

.jtable p {
    margin: 0;
}
/* -------------------------------------------------------------------------
       CLASSES DE UTILIDADES
    ------------------------------------------------------------------------- */

.aligncenter {
    text-align: center;
}

.alignright {
    text-align: right;
}

.rounded {
    border-radius: 50%;
}

.imgSmall {
    width: 60%;
}

.pt-10 {
    padding-top: 10px;
}

.flex-group {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.form-group-100w {
    width: 100%;
}

.flex-group-min-300w {
    flex: 1;
    min-width: 300px;
}

.flex-group-min-200w {
    flex: 1;
    min-width: 200px;
}

.actions-group {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    margin: 8px 0;
    padding: 0;
}


/* -----------------------------------------------------------------------------

    3.) TIPOGRAFIA

----------------------------------------------------------------------------- */
span {
    font-family: 'Montserrat', Arial, sans-serif !important;
}

body,
html {
    font-family: 'Montserrat', Arial, sans-serif !important;
}

/* -------------------------------------------------------------------------
        TÍTULOS
    ------------------------------------------------------------------------- */

h1 {
    margin: 16px 0 16px 0;
    line-height: 38px;
    font-size: 31px;
    font-weight: bold;
    color: #F8911F;
}

h2 {
    margin: 20px 0 0 0;
    line-height: 28px;
    font-size: 21px;
    font-weight: bold;
    color: #F8911F;
}

h3 {
    margin: 0;
    line-height: 25px;
    font-size: 18px;
    font-weight: bold;
    color: #F68E26;
}

h4 {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
}

h5 {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
}

h6 {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
}

/* -------------------------------------------------------------------------
        PARÁGRAFOS & SEÇÕES
    ------------------------------------------------------------------------- */

p {
    margin: 10px 0 0 0;
    line-height: inherit;
    text-align: justify;
}

    p.lead {
        font-size: 1.35em;
        line-height: 1.6em;
    }

/* -------------------------------------------------------------------------
        LISTAS
    ------------------------------------------------------------------------- */



/* -----------------------------------------------------------------------------

    4.) COMPONENTES

----------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------
        JTABLE
    ------------------------------------------------------------------------- */

.jtable-main-container {
    width: 100%;
    overflow-y: auto;
    overflow-x: auto;
    margin-bottom: 32px !important;
}

.jtable {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
}

.jtable, div.jtable-main-container {
    font-family: "Montserrat", Arial, sans-serif !important;
    border-radius: 12px;
    border: none !important;
}

    div.jtable-main-container .jtable-title {
        border-radius: 12px 12px 0 0 !important;
        padding: 1.5rem;
        background: linear-gradient(135deg, #f89106 0%, #f2a53d 100%) !important;
        font-size: 1.5rem;
        min-width: 600px;
    }

    div.jtable-column-header-container {
        height: auto !important;
        display: inline-block;
    }

div.jtable-main-container table.jtable thead th {
    background-color: #f8f9fa;
    padding: 1rem 1.5rem !important;
    border-left: none !important;
    border-right: none !important;
    font-weight: 600;
    color: #495057;
    border-bottom: 2px solid #e9ecef;
    position: sticky;
    top: 0;
    font-size: 11.25pt;
}

div.jtable-main-container table.jtable td {
    padding: 1rem 1.5rem !important;
    border-bottom: 1px solid #e9ecef;
    color: #495057;
    font-size: 10.5pt;
    line-height: 1.4;
}

div.jtable-main-container div.jtable-bottom-panel .jtable-page-list {
    display: flex !important;
    gap: 0.5rem;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

div.jtable-main-container div.jtable-bottom-panel {
    /*    box-shadow: 0 6px 20px rgba(0, 0, 0, .08);*/
    border: none !important;
    padding: 8px !important;
    min-width: 600px;
}

    div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number,
    div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-space,
    div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-first,
    div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-last,
    div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-previous,
    div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-next,
    div.jtable-main-container div.jtable-bottom-panel .jtable-page-list .jtable-page-number-active {
       
        border: 1px solid #dee2e6;
        background: white;
        transition: all 0.2s ease;
        font-weight: 500;
        border-color: transparent !important;

        padding: 8px 16px !important;
        border-radius: 8px;
    }

div.jtable-main-container > div.jtable-bottom-panel span.jtable-goto-page select,
div.jtable-main-container > div.jtable-bottom-panel span.jtable-page-size-change select {
    padding: 6px;
    border-radius: 6px;
    border: 1px solid #ccc;
}

div.jtable-main-container div.jtable-bottom-panel .jtable-page-info {
    font-size: 10pt;
}

.jtable tbody td {
    word-break: break-word;
}

/* -------------------------------------------------------------------------
        MENSAGENS DE ALETRA
    ------------------------------------------------------------------------- */
#divMsg {
    margin-top: 10px;
}

.text-warning {
    color: #F8911F !important;
}

/* -------------------------------------------------------------------------
        BOTÕES
    ------------------------------------------------------------------------- */
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: thin dotted;
    outline: none;
    outline-offset: -2px;
}


/* -------------------------------------------------------------------------
        BOX DE CONTEÚDO
    ------------------------------------------------------------------------- */

.sombrabox {
    width: 70px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 30px;
    margin-left: 515px;
    overflow: hidden;
    padding-bottom: 221px;
}

#sombraColuna {
    width: 70px;
    background: #777777;
    position: relative;
    border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    height: 100%;
    opacity: 0.30;
    -moz-opacity: 0.30;
    filter: alpha(opacity=30);
    min-height: 219px;
    overflow: hidden;
}

/* -------------------------------------------------------------------------
        BOX CENTRAL
    ------------------------------------------------------------------------- */

.boxCentral {
    padding: 2rem;
}

    .boxCentral h3 {
        margin-bottom: 15px;
    }



/* -------------------------------------------------------------------------
        FILTRO
    ------------------------------------------------------------------------- */

.filtroTabelas {
    margin-top: 10px;
    margin-bottom: 10px;
}

#divTable {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* -------------------------------------------------------------------------
        PAGINAÇÃO
    ------------------------------------------------------------------------- */

.paginacaoCNseg > li > a, .paginacaoCNseg > li > span {
    color: #F68E26;
}

    .paginacaoCNseg > li > a:hover, .paginacaoCNseg > li > span:hover, .paginacaoCNseg > li > a:focus, .paginacaoCNseg > li > span:focus {
        color: #F68E26;
        background-color: #eee;
        border-color: #ddd;
    }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #fff;
    background-color: #F68F26;
    border-color: #F68F26;
}




/* -------------------------------------------------------------------------
        BLOCKQUOTES (FAQ)
    ------------------------------------------------------------------------- */

.faq #accordion {
}

.faq .title {
    margin: 0;
    line-height: 1.2em;
    color: #F68F26;
}

.faq .small {
    font-size: 14px;
    color: #575757;
}

.faq .footer {
    margin-top: 10px;
}

blockquote footer, blockquote small, blockquote .small {
    font-size: 14px;
    color: #575757;
}

/* -------------------------------------------------------------------------
        DIVISÓRIAS
    ------------------------------------------------------------------------- */
.divisoria-esq {
    border-left: 1px solid #ccc;
    box-shadow: -1px 0 0 #FFF;
    -webkit-box-shadow: -1px 0 0 #FFF;
    -moz-box-shadow: -1px 0 0 #FFF;
}


/* -------------------------------------------------------------------------
        LOADING
    ------------------------------------------------------------------------- */



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



/* -------------------------------------------------------------------------
        BARRA DE PROGRESSO
    ------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------
        MODAL
    ------------------------------------------------------------------------- */



/* -----------------------------------------------------------------------------

    5.) HEADER

----------------------------------------------------------------------------- */

header {
    /*background: url('../../img/brilho-topo.png') no-repeat center top;*/
}


    /* -------------------------------------------------------------------------
        LOGOTIPO
    ------------------------------------------------------------------------- */

    header .logotipo {
        margin-top: 12px;
        margin-bottom: 24px;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        width: 183px;
        height: 103px;
    }

        header .logotipo:hover {
            -ms-transform: scale(1.1,1.1); /* IE 9 */
            -webkit-transform: scale(1.1,1.1); /* Chrome, Safari, Opera */
            transform: scale(1.1,1.1);
            -webkit-transition: all 0.2s ease-in;
            -moz-transition: all 0.2s ease-in;
            -o-transition: all 0.2s ease-in;
            transition: all 0.2s ease-in;
        }

@media (max-width: 768px) {
    header .logotipo {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .menuUsuario .navbar-default {
        width: 100%;
    }
}

/* -------------------------------------------------------------------------
        MENU USUÁRIO
------------------------------------------------------------------------- */

.menuUsuario {
    margin-top: 40px;
    width: auto;
}

    .menuUsuario .navbar {
        min-height: 30px;
        padding: 0 15px 0 10px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
    }

    .menuUsuario .navbar-default .navbar-nav > li > a:hover, .menuUsuario .navbar-default .navbar-nav > li > a:focus {
        color: #F68E26;
        background-color: transparent;
    }

    .menuUsuario .navbar-default {
        box-shadow: 1px 1px 0 #FFF;
        -webkit-box-shadow: 1px 1px 0 #FFF;
        -moz-box-shadow: 1px 1px 0 #FFF;
        float: right;
    }

    .menuUsuario .sombraBoxMenuUsuario img {
        /* float: right; */
        /*background: url('../../img/bg-sombra-menu-usuario.png') no-repeat center center;*/
        padding-bottom: 30px;
        padding-right: 20px;
        position: absolute;
        top: 44px;
        z-index: 1;
        width: 100%;
    }


    .menuUsuario li {
        padding: 0 10px 0 30px;
        font-size: 12px;
        border-left: 1px solid #ccc;
    }

    .menuUsuario .dropdown li {
        padding: 0;
    }

    .menuUsuario li:first-child {
        border-left: none;
    }

    .menuUsuario .navbar-nav > li > a {
        padding: 6px 0 4px 0;
    }

    .menuUsuario .icoMenuUsuario {
        background: url('../../img/ico-menu-usuario.png') no-repeat;
    }

    .menuUsuario .icoUsuario {
        background-position: 3px 3px;
    }

    .menuUsuario .icoPerfil {
        background-position: 3px -25px;
    }

    .menuUsuario .icoSair {
        background-position: 3px -52px;
    }




/* -------------------------------------------------------------------------
        MENU PRINCIPAL
    ------------------------------------------------------------------------- */

#menuPrincipal {
    padding-left: 0;
    padding-right: 0;
}

.menu {
    padding-top: 30px;
    z-index: 20;
    margin-top: -40px;
}

.navCNseg {
    background-color: rgb(64, 61, 74);
    padding-left: 15px;
    border-color: rgb(64, 61, 74);
    margin-bottom: 0;
}

.menu .navbar-nav > li > a {
    padding: 10px 8px;
    font-weight: 500;
    transition: all 0.3s ease;
    border-bottom: 3px solid transparent;
}

.menu .navbar {
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    min-height: 40px;
}

.navbar-collapse.in {
    display: contents;
}

.navCNseg .navbar-nav > li > a, .navCNseg .navbar-nav > li > a:hover, .navCNseg .navbar-nav > li > a:focus {
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
}

    .navCNseg .navbar-nav > li > a:hover, .navCNseg .navbar-nav > li > a:focus {
        color: #F8911F;
        border-bottom: 3px solid #F8911F;
        height: 100%;
    }

.menu .navbar-nav.navbar-right:last-child {
    margin-right: 25px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #FFF;
    background-color: #F8911F;
    height: 38px;
}

/*Formata o menu quando ativo com submenu*/
.navCNseg .navbar-nav > .open > a, .navCNseg .navbar-nav > .open > a:hover, .navCNseg .navbar-nav > .open > a:focus {
    background-color: #F8911F;
    color: #FFF;
}

/*Formata o submenu*/
.dropdown-menu > li > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #9E9E9E !important;
    font-size: 12px;
    font-weight: 500;
}

@media (min-width: 768px) {

    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
        }

    .dropdown-menu {
        position: absolute !important;
        float: left !important;
        background-color: #fff !important;
      
        border: 1px solid rgba(0,0,0,.15) !important;

        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
        -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;

        transition: all 0.3s ease;
        border-radius: 0 0 8px 8px;
    }
        .dropdown-menu > li > a {
            padding: 12px 20px;
            border-left: 3px solid transparent;
            transition: all 0.2s ease;
        }

            .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
                text-decoration: none !important;
                color: #F8911F !important;
                background-color: #fff8f2;
                border-left: 3px solid #F8911F;
                padding-left: 25px;
            }
}

/* -----------------------------------------------------------------------------

    6.) SEÇÕES (SECTIONS)

----------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------
        Base do conteúdo principal
    ------------------------------------------------------------------------- */

.conteudoPrincipal {
    background-color: #FFF;
    margin-top: -20px;
    margin-bottom: 32px;
    min-height: 440px;
    z-index: 15;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
}

/* -------------------------------------------------------------------------
        PÁGINA INICIAL (LOGIN)
    ------------------------------------------------------------------------- */

.boxLogin {
    margin-top: 85px;
    margin-bottom: 85px;
    padding: 0 58px;
    height: 250px;
}

    .boxLogin h3 {
        margin-bottom: 15px;
    }

/* -------------------------------------------------------------------------
        BROWSER TEST
    ------------------------------------------------------------------------- */
.icoBrowser img {
    text-align: center;
    width: 60%;
    margin: 20px 0 0 10px;
}


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

.txtSobre {
    padding-left: 4rem;
    padding-right: 4rem;
    margin-bottom: 64px;
}

.icoBoxList {
    padding-left: 0;
    list-style: none;
    margin-top: 20px;
}

    .icoBoxList li a {
        color: #AAA;
        float: left;
        width: 25%;
        height: 130px;
        padding: 10px;
        font-size: 12px;
        line-height: 14px;
        text-align: center;
        background-color: #f9f9f9;
        border: 5px solid #FFF;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
    }

.icoBoxUsuario {
    margin-top: 100px;
}

    .icoBoxUsuario li a {
        width: 33%;
    }


    .icoBoxUsuario .icoBoxDestaque a {
        width: 100% !important;
        height: 130px !important;
        font-size: 14px !important;
        margin-top: -80px;
    }

.icoBoxDestaque a {
    width: 50% !important;
    height: 130px !important;
    font-size: 14px !important;
}


.glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}


.icoBoxDestaque .glyphicon {
    margin-bottom: 0 !important;
}

.icoBoxUltimoRelatorio {
    /*background-color: #D7E7F7!important;*/
}

.icoBoxNumero {
    font: 21px bolder Impact, 'Arial Black', sans-serif;
}

.icoBoxList .glyphicon {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 40px;
}

.icoBoxList .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}

.icoBoxList li a:hover {
    color: #fff;
    background-color: #F8911F;
    text-decoration: none;
}


.admin .jtable-data-row {
    cursor: pointer !important;
}

/* -------------------------------------------------------------------------
        GERENCIAR USUÁRIOS
    ------------------------------------------------------------------------- */
#GerenciarUsuarios .jtable-data-row {
    cursor: pointer;
}

#GerenciarUsuarios .divExportar {
    float: right;
    margin-right: 15px;
}

/* -------------------------------------------------------------------------
        EDITAR USUÁRIOS / EMPRESAS
    ------------------------------------------------------------------------- */
.listaEmpresasAssociadas, .listaUsuáriosAssociadas {
    margin-top: 25px;
}


/* -------------------------------------------------------------------------
        PAGINA DE ASSOCIAR USUÁRIOS / EMPRESAS 
    ------------------------------------------------------------------------- */

#associarUsuarioPage .bt-associaos-voltar {
    margin-top: 5px;
}

#associarEmpresaPage .bt-associaos-voltar {
    margin-top: 25px;
}



/*Filtro da lista de associados*/
.box-lista-associados .col-A {
    margin-bottom: 5px;
}

/*Box da lista de Associados*/
.boxListaAssociados {
    border: 1px solid #ccc;
    border-radius: 10px 0 0 10px;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    height: 400px;
    margin: 10px 0 20px;
    overflow-y: scroll;
    padding: 100px 10px 10px;
    background: url('../../img/bg-associar-itens.png') no-repeat 20px 10px;
}

/* Box dos dados da empresa e do usuário */
.box-dados-associados {
    padding: 16px;
    border: 1px solid #ccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 10px 0 30px;
    background-color: #f8f8f8;
}

    .box-dados-associados dl {
    }

/* Box central das Associações*/
.box-Transicao-Associados {
    background: url('../../img/setas.png') no-repeat center center;
    height: 520px;
    display: table-cell;
    vertical-align: middle;
    width: 112px;
}

/* Box das ações dos itens associados */
.box-Acoes-Associados {
    height: 520px;
    display: table-cell;
    vertical-align: middle;
    width: 112px;
}


/* Botão dos intens da lista de associados empresa e usuários*/
.bt-item-associado {
    display: block;
    padding: 10px;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    margin: 5px 0;
    cursor: pointer;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    min-height: 77px;
}

    .bt-item-associado:hover {
        background-color: #f1f1f1;
        cursor: move;
    }

.boxListaAssociados .selecionada {
    background-color: #F8911F;
    color: #fff;
}

/*Drag an drop*/


.IsMaster {
    background: url('../../img/ico-master.png') no-repeat center top;
    padding-top: 35px;
    text-align: center;
    color: #F8911F;
    font-weight: bold;
}

.Moving {
    border-color: red;
    border-style: dotted;
    border-width: thin;
    height: 60px;
    background-color: green;
}



/* -------------------------------------------------------------------------
        GERENCIAR SOLICITAÇÃO DE ACESSO
    ------------------------------------------------------------------------- */
#gerenciarsolicitacaoAcesso .jtable-data-row {
    cursor: pointer;
}

/* -------------------------------------------------------------------------
        SOLICITAÇÃO DE ACESSO
    ------------------------------------------------------------------------- */

/*Formata a div de pesquisa das empresas*/
#divEmpresaPesquisar {
    background-color: #F9F9F9;
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}


    /*Formata o filtro de busca das empresas*/

    #divEmpresaPesquisar .form-inline {
        display: flex;
        width: 100%;
        gap: 8px;
    }

    #divEmpresaPesquisar .col-A {
        flex: 1;
    }

    #divEmpresaPesquisar .col-B {
        float: right;
    }

/*Formata uma empresa selecionada na lista*/
div.jtable-main-container table.jtable tbody > tr.jtable-row-selected, div.jtable-main-container table.jtable tbody > tr.jtable-row-selected:hover {
    background-color: #FDE3C9 !important;
    color: #333 !important;
    text-shadow: none !important;
}


/* -------------------------------------------------------------------------
        DETALHES DA SOLICITAÇÃO DE ACESSO
    ------------------------------------------------------------------------- */
.col-acoes .btn {
    margin: 5px 0;
}



/* -------------------------------------------------------------------------
        GERENCIAR EMPRESAS
    ------------------------------------------------------------------------- */
.criarEmpresa {
    display: block !important;
}

#gerenciarEmpresas .divExportar {
    float: right;
    margin-right: 15px;
}

/* -------------------------------------------------------------------------
        GERENCIAR RELATÓRIOS (DASHBOARD)
    ------------------------------------------------------------------------- */

#gerenciarDashboard .col-A {
    width: 905px;
}

#gerenciarDashboard .jtable-data-row {
    cursor: default;
}

/* -------------------------------------------------------------------------
        LIBERAR RELATÓRIOS (DASHBOARD)
    ------------------------------------------------------------------------- */

#liberarDashboard .col-A {
    width: 858px;
}

/* -------------------------------------------------------------------------
        Projeção
    ------------------------------------------------------------------------- */

#projecao {
    margin-top: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/* -------------------------------------------------------------------------
        Cadernos Tecnicos
    ------------------------------------------------------------------------- */
.multifile_container.form-control {
    height: auto;
}
/* -------------------------------------------------------------------------
        GLOSSÁRIO
    ------------------------------------------------------------------------- */

#glossarioPage .col-A {
    width: 83%;
}

/*Formata as palavras do Glossário*/

.glossarioItens {
    border-top: 1px dotted #ccc;
    padding-top: 15px;
}

.glossarioBoxLink {
    border: 1px solid #ccc;
    font-size: 14px;
    line-height: 28px;
    padding: 5px;
    margin: 0 5px;
    box-shadow: 0 0 2px #CCCCCC !important;
    -webkit-box-shadow: 0 0 2px #CCCCCC !important;
    -moz-box-shadow: 0 0 2px #CCCCCC !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

    .glossarioBoxLink:hover {
        background-color: #F68E26;
        color: #fff;
        text-decoration: none;
    }


.glossarioItens h4 {
    color: #F68E26;
    font-size: 21px;
}

.glossarioItens p {
    margin: 5px 0 10px;
}

.glossarioItensBox {
    color: #F68E26;
    min-width: 50px;
    height: 50px;
    margin-right: 20px !important;
    padding: 10px 5px;
    font-size: 21px;
    border: 1px solid #ccc;
    text-align: center;
    box-shadow: 0 0 2px #CCCCCC !important;
    -webkit-box-shadow: 0 0 2px #CCCCCC !important;
    -moz-box-shadow: 0 0 2px #CCCCCC !important;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.subItem1 {
    margin-left: 50px;
}

.subItem2 {
    margin-left: 100px;
}

.subItem3 {
    margin-left: 150px;
}

.subItem4 {
    margin-left: 200px;
}

.subItem5 {
    margin-left: 250px;
}

.subItem6 {
    margin-left: 300px;
}

.subItem7 {
    margin-left: 350px;
}

.subItem8 {
    margin-left: 400px;
}

.subItem9 {
    margin-left: 500px;
}

.subItem10 {
    margin-left: 550px;
}



/*Estilo do antigo glossário
     .btnGlossarioTermos {
        float: right;
        position: relative;
        margin: -50px 50px 0 0;
    }

    .btnGlossarioTermos button{
        padding: 5px 50px;
    }

    .menuGlossario:before {
        background: url('../../img/sombra-menu-glossario-top.png') no-repeat center top;   
        height: 20px;
        width: 100%;
        padding-top: 30px
     }

    .menuGlossario:after {
        background: url('../../img/sombra-menu-glossario-top.png') no-repeat center top;   
        height: 20px;
        width: 100%;
        padding-bottom: 30px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

   .menuGlossario .nav, .menuGlossario .nav > li {
         float:none; 
         display:inline-block; 
         *display:inline;
         *zoom:1; 
         vertical-align: top;
    } 
    

    .menuGlossario .navbar-nav > li > a {
        font-size: 26px;
        font-weight: bold;
        color: #C7C7C7;
        padding: 6px 5px;
        border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
    }

    .menuGlossario .active > a {
        color: #FFF!important;
        background-color: #F68F26;
    }

     .menuGlossario .active > a:hover {
        color: #FFF!important;
        background-color: #F8911F;
    }

    .canActive {
        color: #c7c7c7 !important;
    }

    .cannotActive {
       color: #efefef !important;
    }

    .cannotActive:hover {
        font-size: 26px;
        font-weight: normal;
        color: #efefef;
        padding: 6px 5px;
        border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
        background-color: white!important;
        cursor: default;
    }
    */

/* -------------------------------------------------------------------------
        GERENCIAR GLOSSÁRIO
    ------------------------------------------------------------------------- */

#gerenciarGlossario .col-A {
    width: 30%;
}

#gerenciarGlossario .col-B {
    width: 528px;
}

#gerenciarGlossario .col-C {
    width: 163px;
}

/* -------------------------------------------------------------------------
        GERENCIAR FAQ
    ------------------------------------------------------------------------- */
#gerenciarFaq .col-A {
    width: 30%;
}

#gerenciarFaq .col-B {
    width: 528px;
}

#gerenciarFaq .col-C {
    width: 163px;
}

/* -------------------------------------------------------------------------
        GERENCIAR TEXTO
    ------------------------------------------------------------------------- */
#gerenciarTexto .segunda-linha {
    margin-top: 10px;
}

#gerenciarTexto .col-A {
    flex: 1;
    min-width: 300px;
}

#gerenciarTexto .col-B {
    flex: 1;
    min-width: 300px;
}

#gerenciarTexto .col-C {
    flex: 1;
    min-width: 300px;
}

.mce-path {
    display: none !important;
}


/* -------------------------------------------------------------------------
        GERENCIAR CADERNO
    ------------------------------------------------------------------------- */
span.fileinput-filename.truncate {
    width: 8em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* -------------------------------------------------------------------------
        CONTATOS
    ------------------------------------------------------------------------- */
#contatoPage h1, #contatoPage h3 {
    margin-bottom: 15px;
}

/* -------------------------------------------------------------------------
        Página de Erro
    ------------------------------------------------------------------------- */

.msgErro {
    text-align: center;
}

    .msgErro h1 {
        font-size: 100px;
        line-height: 90px;
        color: #C4C4C4;
        margin-top: 90px;
    }

    .msgErro h3 {
        font-size: 16px;
        line-height: 26px;
    }

    .msgErro .btn-msgErro {
        width: 235px;
        margin-top: 10px;
    }

.boxErro {
    border: 1px solid #ccc;
    box-shadow: 0 2px 2px #CCCCCC !important;
    -webkit-box-shadow: 0 2px 2px #CCCCCC !important;
    -moz-box-shadow: 0 2px 2px #CCCCCC !important;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 20px;
    height: 200px;
    white-space: pre-line;
    word-wrap: break-word;
    margin-top: 15px;
    overflow: auto;
}

/* -------------------------------------------------------------------------
        LOG DE ATIVIDADES 
    ------------------------------------------------------------------------- */
#logPage .col-A {
    width: 292px;
}

#logPage .col-B {
    width: 292px;
}

#logPage .col-C {
    width: 90px;
}

#logPage #dataFinal, #logPage #dataInicial, .hasDatepicker {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 $px 4px 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-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;
}

/*Reset do quadro de datas*/
.ui-datepicker table {
    font-size: 0.8em !important;
}

.ui-widget-header {
    color: #555 !important;
    font-weight: normal !important;
    text-shadow: 0 1px #fff !important;
}

    .ui-widget-header .ui-icon {
        opacity: 0.4;
        filter: alpha(opacity=40); /* For IE8 and earlier */
    }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    cursor: pointer;
}

.ui-datepicker th {
    color: #F68E26;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #F8911F !important;
    background: #F68E26 !important;
    font-weight: normal /*{fwDefault}*/;
    color: #FFF !important /*{fcActive}*/;
    text-shadow: none !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    text-shadow: 0 1px #fff;
}


/* -------------------------------------------------------------------------
        HELP 
    ------------------------------------------------------------------------- */

#Help img {
    width: 100%;
}

#Help h2 {
    margin-bottom: 20px;
}

#Help .thumbnail {
    min-height: 345px;
}

/* -----------------------------------------------------------------------------

    7.) FOOTER

----------------------------------------------------------------------------- */

div.footer {
    min-height: 40px;
    padding: 0 8px;
    text-align: center;
    padding-top: 20px;
    background-color: #FFFFFF;
    font-size: 11px;
    color: #777777;
}

/* -----------------------------------------------------------------------------

    8.) RESPONSIVO

----------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------
        LARGE DESKTOP (default)
    ------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------
        SMALL DESKTOP
    ------------------------------------------------------------------------- */

@media (max-width: 1199px) {

    /* GERAL */
    /* TIPOGRAFIA */
    /* COMPONENTES */
    /* HEADER */
    /* SEÇÕES */
    /* FOOTER */

}

/* -------------------------------------------------------------------------
        TABLET LANDSCAPE
    ------------------------------------------------------------------------- */

@media (max-width: 979px) {

    /* GERAL */
    /* TIPOGRAFIA */
    /* COMPONENTES */
    /* HEADER */
    /* SEÇÕES */
    /* FOOTER */

}

/* -------------------------------------------------------------------------
        TABLET PORTRAIT
    ------------------------------------------------------------------------- */

@media (max-width: 767px) {

    /* GERAL */
    /* TIPOGRAFIA */
    /* COMPONENTES */
    /* HEADER */
    /* SEÇÕES */
    /* FOOTER */

    div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
        position: relative !important;
    }

    .jtable-left-area {
        width: 100%;
    }

    div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
        display: flex !important;
        width: 100%;
    }


    .jtable-page-list span {
        flex: 1 1 0;
        display: inline-block;
        text-align: center;
        box-sizing: border-box;
        min-width: 0;
    }


    .jtable-bottom-panel {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 8px;
        padding: 10px;
    }
}

/* -------------------------------------------------------------------------
        SMARTPHONE
    ------------------------------------------------------------------------- */

@media (max-width: 480px) {

    /* GERAL */
    /* TIPOGRAFIA */
    /* COMPONENTES */
    /* HEADER */
    /* SEÇÕES */
    /* FOOTER */

    div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
        position: relative !important;
    }

    .jtable-left-area {
        width: 100%;
    }

    div.jtable-main-container > div.jtable-bottom-panel .jtable-page-list {
        display: flex !important;
        width: 100%;
    }


    .jtable-page-list span {
        flex: 1 1 0;
        display: inline-block;
        text-align: center;
        box-sizing: border-box;
        min-width: 0;
    }


    .jtable-bottom-panel {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 8px;
        padding: 10px;
    }
}