@charset "UTF-8";

/* Shell */
:root {
    --shell-bg-sidebar: #182230;
    --shell-bg-elevated: #213041;
    --shell-bg-hover: rgba(255, 255, 255, 0.07);
    --shell-bg-active: rgba(61, 143, 168, 0.18);
    --shell-border: rgba(255, 255, 255, 0.08);
    --shell-text: #9aa8b8;
    --shell-text-strong: #e8eef5;
    --shell-accent: #3d8fa8;
    --shell-shadow: 0 12px 32px rgba(0, 0, 0, 0.34);
    --shell-width-collapsed: 50px;
    --shell-width-open: 230px;
    --shell-topbar-height: 52px;

    --topbar-bg: #ffffff;
    --topbar-border: #e5e9ef;
    --topbar-text: #5c6b7a;
    --topbar-text-strong: #1a2332;
    --topbar-hover: #f2f5f8;
    --topbar-tab-track: #eef1f5;
    --topbar-shadow: 0 1px 0 #e5e9ef, 0 4px 14px rgba(22, 30, 40, 0.05);

    --font-ui: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
}

* {
      outline: none;
}

body,
body.externo {
    font-family: var(--font-ui);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#menu_superior,
#menu_superior .navbar-nav > li > a,
#grupo_de_botoes_menu,
#grupo_de_botoes_menu > .btn,
#grupo_de_botoes_menu > a.btn,
.menu_superior_usuario,
.menu_lateral,
.menu_lateral .link_menu_lateral,
.menu_lateral .menu_lateral_titulo,
.titulo_menu_mobile {
    font-family: var(--font-ui);
}

    body.login2 {
        height: 100vh;
        width: 100vw;
        overflow: hidden;
        padding: 0;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: url(../_custom/img/fundo_login.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .div-video_bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        overflow: hidden;
        z-index: -100;
    }

    @media (max-width: 768px) {
        .div-video_bg {
            display: none;
        }
    }

    .div-video_bg > .video-video_bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .div-video_bg > .overlay-video_bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
    }

    @media (min-aspect-ratio: 16/9) {
        .div-video_bg > .video-video_bg {
            height: 300%;
            top: -100%;
        }
    }

    @media (max-aspect-ratio: 16/9) {
        .div-video_bg > .video-video_bg {
            width: 300%;
            left: -100%;
        }
    }

    .div-login {
        max-width: 420px;
        width: calc(100% - 32px);
        padding: 28px 28px 20px;
        background: #ffffff;
        border-radius: 16px;
        border: 1px solid rgba(229, 233, 239, 0.95);
        text-align: center;
        box-shadow: 0 18px 48px rgba(8, 16, 28, 0.28), 0 2px 8px rgba(8, 16, 28, 0.12);
        z-index: 3;
        font-family: var(--font-ui);
    }

    body.externo {
       padding: 5px 0 0;
       padding-top: 57px;
       margin-left: var(--shell-width-collapsed);
       transition: margin-left 0.35s ease;
       -webkit-transition: margin-left 0.35s ease;
       -moz-transition: margin-left 0.35s ease;
       background: #f3f5f7;
    }

    .legenda_titulo_pagina {
        margin-bottom: 5px;
    }

    .navbar-fixed-bottom {
        margin-left: var(--shell-width-collapsed);
    }

    .navbar-brand {
        padding: 0;
        height: var(--shell-topbar-height);
        line-height: var(--shell-topbar-height);
    }

    .navbar-default {
        background-color: var(--topbar-bg);
        border-color: transparent;
        border-bottom: 1px solid var(--topbar-border);
        min-height: var(--shell-topbar-height);
        box-shadow: var(--topbar-shadow);
    }

    .navbar-default .navbar-nav > li > a {
        color: var(--topbar-text);
        transition: color 0.2s ease, background-color 0.2s ease;
    }

    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        color: var(--topbar-text-strong);
        background-color: transparent;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: var(--topbar-text-strong);
        background-color: var(--topbar-hover);
    }

    .navbar-default .navbar-toggle {
        border-color: var(--topbar-border);
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: var(--topbar-text-strong);
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: var(--topbar-hover);
    }

	.icones_isolados_menu {
		color: var(--topbar-text);
        transition: color 0.2s ease, background-color 0.2s ease;
        border-radius: 8px;
	}

    .icones_isolados_menu:hover {
        color: var(--shell-accent);
        background-color: var(--topbar-hover);
    }

    .navbar-default a, .navbar-default a:visited, .navbar-default a:active, .navbar-default a:focus {
        text-decoration: none;
        color: var(--topbar-text);
    }

    .navbar-default a:hover {
        text-decoration: none;
        color: var(--topbar-text-strong);
    }

    .menu_lateral {
        position: fixed;
        left: 0;
        top: var(--shell-topbar-height);
        background: var(--shell-bg-sidebar);
        color: var(--shell-text-strong);
        height: calc(100vh - var(--shell-topbar-height));
        width: var(--shell-width-collapsed);
        z-index: 1049;
        transition: width 0.35s ease, box-shadow 0.35s ease;
        -webkit-transition: width 0.35s ease, box-shadow 0.35s ease;
        -moz-transition: width 0.35s ease, box-shadow 0.35s ease;
        overflow: hidden;
        border-right: 1px solid rgba(0, 0, 0, 0.12);
    }

    .menu_lateral_icones_apoio {
        visibility: hidden;
    }

    .menu_lateral_rodape {
        height: 76px;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.22);
        border-top: 1px solid var(--shell-border);
    }

    .menu_lateral_rodape img {
        max-height: 22px;
        width: auto;
        transition: opacity 0.35s ease;
        -webkit-transition: opacity 0.35s ease;
        -moz-transition: opacity 0.35s ease;
        opacity: 0;
    }

    .menu_lateral_aberto > .menu_lateral_rodape img {
        opacity: 0.45;
    }

    .menu_lateral_rodape_linha {
        position: relative;
        width: 230px;
        height: 38px;
        overflow: hidden;
    }

    .menu_lateral_rodape i,
    .menu_lateral_rodape .fad,
    .menu_lateral_rodape .fa {
        font-size: 16px !important;
        line-height: 1 !important;
    }

    .menu_lateral_icone_rodape {
        position: absolute;
        color: var(--shell-text);
        top: 0;
        left: 0;
        width: 50px;
        height: 38px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        transition: background-color 0.2s ease, color 0.2s ease;
    }

    .menu_lateral_icone_rodape_r {
        position: absolute;
        color: var(--shell-text);
        top: 0;
        right: 0;
        width: 50px;
        height: 38px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        transition: background-color 0.2s ease, color 0.2s ease;
    }

    .menu_lateral_icone_rodape_a {
        width: 50px;
        height: 38px;
        color: var(--shell-text);
        display: flex !important;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        transition: background-color 0.2s ease, color 0.2s ease;
    }

    .menu_lateral_rodape_texto {
        position: absolute;
        color: var(--shell-text);
        top: 0;
        left: 50px;
        width: 130px;
        height: 38px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-size: 11px;
        opacity: 0.7;
    }

    .menu_lateral_rodape_linha:first-child > a {
        display: block;
        position: relative;
        width: 50px;
        height: 38px;
        text-decoration: none;
    }

    .div_imagem_usuario {
        width: 40px;
        max-width: 40px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 6px 2px;
        flex-shrink: 0;
    }

    .div_imagem_usuario img,
    #imagem_do_usuario {
        width: 32px !important;
        height: 32px !important;
        max-width: 32px !important;
        max-height: 32px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center;
        border: 1px solid var(--topbar-border);
        display: block;
    }

    .menu_superior_usuario .icones_isolados_menu {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border-radius: 8px;
        color: var(--topbar-text) !important;
    }

    .menu_superior_usuario .icones_isolados_menu:hover {
        color: var(--shell-accent) !important;
        background: var(--topbar-hover);
    }

    .menu_lateral_icone_rodape:visited,
    .menu_lateral_icone_rodape:active,
    .menu_lateral_icone_rodape:focus {
        text-decoration: none !important;
        color: var(--shell-text);
        background: transparent;
    }

    .menu_lateral_icone_rodape:hover {
        text-decoration: none;
        background: var(--shell-bg-hover);
        color: var(--shell-accent);
    }

    .menu_lateral_icone_rodape_r:visited,
    .menu_lateral_icone_rodape_r:active,
    .menu_lateral_icone_rodape_r:focus,
    .menu_lateral_icone_rodape_a:visited,
    .menu_lateral_icone_rodape_a:active,
    .menu_lateral_icone_rodape_a:focus {
        color: var(--shell-text);
        background: transparent;
    }

    .menu_lateral_icone_rodape_r:hover,
    .menu_lateral_icone_rodape_a:hover {
        text-decoration: none;
        background: var(--shell-bg-hover);
        color: var(--shell-accent);
    }

    .menu_lateral.menu_lateral_aberto {
        width: var(--shell-width-open);
        box-shadow: var(--shell-shadow);
    }

    .input-xs {
        height: 20px;
    }

    [data-oculta_perfil='SIM'] {
        display: none;
    }

    .div_croppie_wrap {
        width: 100%;
        height: calc(100vh - 115px) !important;
        padding-bottom: 45px;
    }

    @media screen and (max-width: 991px) {

        body.login2 {
            background: black;
        }

        .menu_lateral_rodape_linha {
            width: 100%;
        }

        .menu_lateral_rodape_texto {
            width: calc(100% - 200px);
        }

        .menu_lateral_icones_apoio {
            visibility: visible;
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: absolute;
            top: 0;
            right: 0;
            width: 150px;
            height: 100%;
        }

        .calendario_data_descritivo {
            font-size: 18px;
            text-align: center;
        }

        .menu_lateral_aberto > .menu_lateral_rodape img {
            opacity: 0.55;
        }

        .calendario_botoes {
            text-align: center;
        }

        .menu_lateral.menu_lateral_aberto {
            width: 100vw;
            box-shadow: var(--shell-shadow);
        }

        .div-login {
            position: absolute;
            top: 10px;
            left: 10px;
            width: calc(100% - 20px);
            height: calc(100% - 20px);
            max-width: none;
            box-shadow: none;
            border: none;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(255, 255, 255, 0.96);
            padding: 20px 16px;
        }

        .div_croppie_wrap {
            height: calc(100vh - 155px) !important;
        }
    }

    .menu_lateral_itens {
        margin-top: 0;
        height: calc(100% - 76px);
        overflow: hidden;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
        padding: 6px 0;
    }

    .menu_lateral_itens::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    .menu_lateral_itens::-webkit-scrollbar-track {
        background: transparent;
    }

    .menu_lateral_itens::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.18);
        border-radius: 4px;
    }

    .menu_lateral_itens::-webkit-scrollbar-thumb:hover {
        background: rgba(255, 255, 255, 0.28);
    }

    .link_menu_lateral {
        width: 100%;
        margin: 0;
        display: inline-block;
        text-decoration: none;
        overflow: hidden;
        position: relative;
        border-radius: 0;
        box-sizing: border-box;
        background: transparent !important;
        box-shadow: none !important;
        transition: color 0.2s ease;
    }

    .link_menu_lateral::before {
        content: "";
        position: absolute;
        left: 4px;
        right: 4px;
        top: 3px;
        bottom: 3px;
        border-radius: 8px;
        background: transparent;
        box-shadow: none;
        z-index: 0;
        pointer-events: none;
        transition: background-color 0.18s ease, box-shadow 0.18s ease;
    }

    .link_menu_lateral > * {
        position: relative;
        z-index: 1;
    }

    .menu_lateral_grupo {
        display: none;
        padding: 2px 0 4px;
        margin: 0;
        background: transparent;
        border-left: none;
    }

    .menu_lateral_sub_grupo {
        display: none;
        padding: 0 0 2px;
        background: transparent;
    }

    .menu_lateral_grupo > .link_menu_lateral,
    .menu_lateral_sub_grupo > .link_menu_lateral {
        width: 100%;
        margin: 0;
        opacity: 0.95;
    }

    .menu_lateral_grupo > .link_menu_lateral .menu_lateral_titulo,
    .menu_lateral_sub_grupo > .link_menu_lateral .menu_lateral_titulo {
        padding-left: 4px;
    }

    .menu_lateral_titulo {
        width: calc(100% - 65px);
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 13px;
        letter-spacing: 0.01em;
        font-weight: 500;
    }

    .manu_lateral_titulo_grupo {
        font-weight: 600;
        color: var(--shell-text-strong);
        letter-spacing: 0.02em;
    }

    .manu_lateral_titulo_sub_grupo {
        font-weight: 500;
        font-size: 12.5px;
        color: var(--shell-text);
    }

    .manu_lateral_titulo_item {
        font-weight: 400;
        font-size: 13px;
    }

    .menu_lateral_caret.caret,
    .menu_lateral_caret {
        margin-left: auto;
        margin-right: 12px;
        flex-shrink: 0;
        border-top-color: rgba(232, 238, 245, 0.28);
        opacity: 0.7;
    }

    .link_menu_lateral_accordion:hover .menu_lateral_caret,
    .link_menu_lateral_accordion:focus .menu_lateral_caret {
        border-top-color: var(--shell-accent);
        opacity: 1;
    }

    #container_dashboard_desk {
        display: inline-block;
        height: 100%;
        width: calc(100% - 290px);
        position: absolute;
        left: 145px;
    }

    #menu_superior {
        max-height: var(--shell-topbar-height);
        margin-bottom: 0;
        overflow: hidden;
        background: var(--topbar-bg) !important;
    }

    .menu_superior_usuario {
        position: absolute;
        top: 0;
        right: 8px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 2px;
        font-size: 12px;
        font-weight: 600;
        width: 160px;
        text-align: right;
        color: var(--topbar-text-strong);
    }

    .menu_superior_usuario_nome {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 110px;
        display: inline-block;
        color: var(--topbar-text-strong);
    }

    .link_menu_lateral, .link_menu_lateral:visited {
        height: 38px;
        display: flex;
        align-items: center;
        color: var(--shell-text);
    }

    .link_menu_lateral:hover,
    .link_menu_lateral:active {
        text-decoration: none;
        color: var(--shell-text-strong);
        font-weight: 500;
        background: transparent !important;
        box-shadow: none !important;
    }

    .link_menu_lateral:hover::before,
    .link_menu_lateral:active::before {
        background: rgba(255, 255, 255, 0.07);
    }

    .menu_lateral.menu_lateral_aberto .link_menu_lateral:hover::before,
    .menu_lateral.menu_lateral_aberto .link_menu_lateral:active::before {
        background: rgba(255, 255, 255, 0.08);
        box-shadow: inset 3px 0 0 var(--shell-accent);
    }

    .link_menu_lateral:focus,
    .link_menu_lateral:focus-visible {
       text-decoration: none;
       outline: none !important;
       border: none !important;
       color: var(--shell-text-strong);
       background: transparent !important;
       box-shadow: none !important;
    }

    .link_menu_lateral:focus::before,
    .link_menu_lateral:focus-visible::before {
       background: var(--shell-bg-active);
       box-shadow: inset 3px 0 0 var(--shell-accent);
    }

    .menu_lateral.menu_lateral_aberto .link_menu_lateral_accordion:focus .manu_lateral_titulo_grupo,
    .menu_lateral.menu_lateral_aberto .link_menu_lateral:focus .menu_lateral_titulo {
       color: var(--shell-text-strong);
    }

    .link_menu_lateral_accordion {
        height: 38px;
        display: flex;
        align-items: center;
    }

    .link_menu_lateral_direto {
        height: 38px;
        display: flex;
        align-items: center;
    }

    .menu_lateral_icone {
        font-size: 16px;
        width: 50px;
        text-align: center;
        max-width: 50px;
        min-width: 50px;
        flex-shrink: 0;
        opacity: 0.88;
        transition: color 0.2s ease, opacity 0.2s ease;
    }

    .link_menu_lateral:hover .menu_lateral_icone,
    .link_menu_lateral:focus .menu_lateral_icone {
        opacity: 1;
        color: var(--shell-accent);
    }

    #titulo_site {
        font-size: 15px;
        color: var(--topbar-text-strong);
        line-height: 1.2;
        width: 100%;
        display: inline-block;
        font-weight: 600;
        letter-spacing: 0.02em;
    }

    body.login2 .login-wrapper {
       max-width: 360px;
       width: 100%;
       margin: 0 auto;
       text-align: center;
       font-family: var(--font-ui);
    }

    body.login2 .login-wrapper h1 {
      font-size: 32px;
      margin-top: 40px;
      margin-bottom: 40px; }
      body.login2 .login-wrapper h1 a {
        color: #999999; }
    body.login2 .login-wrapper .input-group-addon {
      padding: 0;
      background: #f2f5f8;
      min-width: 46px;
      text-align: center;
      border: 1px solid #d0d7de;
      border-right: none;
      border-radius: 10px 0 0 10px;
      color: #5c6b7a;
      vertical-align: middle;
    }
      body.login2 .login-wrapper .input-group-addon i.falock {
        font-size: 18px; }
    body.login2 .login-wrapper input.form-control {
      height: 46px;
      font-size: 14px;
      font-family: var(--font-ui);
      box-shadow: none;
      border: 1px solid #d0d7de;
      border-radius: 0 10px 10px 0;
      color: #1a2332;
      background-color: #ffffff;
      transition: border-color 0.15s ease, box-shadow 0.15s ease;
    }
    body.login2 .login-wrapper .checkbox {
      margin-bottom: 10px; }
    body.login2 .login-wrapper input[type="submit"] {
      padding: 10px 0 12px;
        margin: 10px 0 0 0; }

    body.login2 .login-wrapper h1 {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin: 0 0 18px 0;
    }

/*----------------------------------------------------------------------------------- */
/*  GED file upload */
/*----------------------------------------------------------------------------------- */
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.fileUpload2 input.uploadt2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

/*----------------------------------------------------------------------------------- */
/*  DataTables */
/*----------------------------------------------------------------------------------- */
.dataTable th {
  padding-right: 20px;
  position: relative;
  font-family: var(--font-ui);
  font-weight: 600;
  color: #334155;
  background-color: #e8eef3;
  border-bottom-color: #d5dee7 !important;
}

.dataTable th.sorting {
    cursor: pointer;
    position: relative;
}

.dataTable th.sorting_asc,
.dataTable th.sorting_desc {
    color: var(--shell-accent);
    font-weight: 600;
    cursor: pointer;
    position: relative;
}

th:active {
  outline: none;
}

#add-row {
  margin-right: 0; }

.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td {
    font-size: 12px;
}

body.login2 .form-group {
    margin-bottom: 12px;
}

.logo_e_titulo_login {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 8px;
}

@media screen and (max-width: 414px){
body.login2 {padding: 5px; }
body.login2 .login-wrapper{padding:0px 10px 10px 10px;}
body.login2 .login-wrapper h1 {margin-top:5px; margin-bottom:15px;}
body.login2 .login-wrapper h1 a:link {display:block; text-align:center;}
body.login2 img {max-width:50%; width:50%;  display:inline; border:0px;}

.modal-footer .btn+.btn {
	margin-bottom: 5px !important;
}

.modal-footer {
  text-align: center !important;
}

#dataTable1 * {font-size:10px !important;}
#dataTable1 td {min-width:100px; white-space:nowrap;}
#dataTable1 td.actions span {font-size: 12px !important; margin-left:3px !important;}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    top: 6px !important;
}

table[id^='tabela_'] * {font-size:10px !important;}
table[id^='tabela_'] td {min-width:100px; white-space:nowrap;}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {margin-left:0px; position:relative;}

.paging_full_numbers {float:left !important; max-width:320px;}
}

/*
=====================================================================
						TREEVIEW
=====================================================================
*/

.tree {width:100%; background:#ECECEC; border:1px solid #CCC; color:#467CA1; padding:10px; font-size:13px; margin-bottom:10px;}
.tree h1{margin:0px; width:100%; padding:10px; background:#467CA1; color:#FFF; letter-spacing:0px; font-size:18px; margin-bottom:10px;}

.tree li {
    list-style-type:none;
    margin:0px;
    padding:3px 5px 0 5px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-40px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:25px
}
.tree li span {
    /*-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:5px;*/
	background:#467CA1; color:#FFF;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none;
	min-width:160px;
}
.tree li.parent_li>span {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
    background:#FFF;
    color:#467CA1
}
.tree ul.primeiro{margin:0px; padding:0px;}

/*
===================================
		SUBMENU MULTINÍVEL
===================================
*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;

}

/*
===================================
		CASE DOS INPUTS
===================================
*/
input.Maiusculas
{
  text-transform: uppercase;
}

input.Minusculas
{
  text-transform: lowercase;
}

/*
===================================
			  CEP
===================================
*/

/*#loaderCEP {display:block; width:28px; height: 28px; background:url('../img/cep.gif') no-repeat;}
*/
#loaderCEP {display:none;}

.datepicker-dropdown {z-index:888888 !important;}

td.child {
    padding: 5px !important;
}

table.dataTable>tbody>tr.child span.dtr-title {
    min-width: 150px !important;
}

.modal-body {
    /*max-height: 80vh;*/
    overflow-y: auto;
}

.modal-content {
    max-height: calc(100vh - 30px);
}

@media (max-width: 480px) {

    .modal-full {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
    }

    .modal-full .modal-dialog {
        position: fixed;
        margin: 0;
        width: 100%;
        height: 100%;
        padding: 0;
    }

}

@media (min-width: 481px) {
    .modal-full {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 480px;
        left: calc((100vw - 480px)/2);
        overflow: hidden;

    }

    .modal-full .modal-dialog {
        position: fixed;
        margin: 0;
        width: 480px;
        height: 100%;
        padding: 0;
    }

}

.modal-full .modal-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0 solid #09558b;
    border-radius: 0;
    box-shadow: none;
}

.modal-full .modal-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 45px;
    padding: 5px 12px;
    background: var(--shell-accent);
    border: 0;
    color: #ffffff;
}

.modal-full .modal-title {
    font-family: var(--font-ui);
    font-weight: 600;
    color: #ffffff;
    font-size: 15px;
    line-height: 35px;
}

.modal-full .modal-body {
    position: absolute;
    top: 45px;
    bottom: 45px;
    width: 100%;
    padding: 5px;
    overflow: auto;
}

.modal-full .modal-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 45px;
    padding: 5px;
    background: #f1f3f5;
}

.modal-full .modal-body-no-footer {
    position: absolute;
    top: 45px;
    bottom: 0;
    width: 100%;
    padding: 5px;
    overflow: auto;
}

.modal-full-m .modal-body {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}

.modal-full-m .modal-body-fixed {
    height: calc(100vh - 120px);
    overflow-y: auto;
}

@media (max-width: 768px) {

        body.externo {
           margin-left: 0;
        }

        .menu_lateral {
            width: 0;
            z-index: 999;
            position: fixed;
        }

    .table-responsive {
        border: none;
    }

    .modal-full-m {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
    }

    .modal-full-m .modal-dialog {
        position: fixed;
        margin: 0;
        width: 100%;
        height: 100%;
        padding: 0;
    }

    .modal-full-m .modal-content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .modal-full-m .modal-header {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 45px;
        padding: 5px;
        border: 0;
    }

    .modal-full-m .modal-body {
        position: absolute;
        top: 45px;
        bottom: 45px;
        width: 100%;
        padding: 15px;
        overflow: auto;
        max-height: none;
    }

    .modal-full-m .modal-footer {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 45px;
        padding: 5px;
        background: #f1f3f5;
    }

    .modal-full-m .modal-body-no-footer {
        position: absolute;
        top: 45px;
        bottom: 0;
        width: 100%;
        padding: 5px;
        overflow: auto;
    }

}

    .modal_dina_close {
        z-index: 1000;
        position: absolute;
        top: 4px;
        right: 4px;
        font-size: 16px;
        font-weight: 500;
        color: #5c6b7a;
        opacity: 1;
        cursor: pointer;
        border: 1px solid #d0d7de;
        line-height: 20px;
        border-radius: 6px;
        background: #ffffff;
        width: 22px;
        height: 22px;
        text-align: center;
        padding: 0;
        transition: background-color 0.15s ease, color 0.15s ease;
    }

    .modal_dina_close:hover {
        color: #1a2332;
        background: #eef1f5;
        border-color: #c5ced8;
    }

.form_cadastro .form-group {
    margin-bottom: 5px;
}

.form_cadastro .form-group {
    margin-bottom: 3px;
}

.form_cadastro .form-control  {
    border: 1px solid #d0d7de;
    border-radius: 8px;
    border-color: #d0d7de;
}

.form_cadastro .input-group-addon:first-child {
    border: 1px solid #d0d7de;
    border-right: none;
    border-radius: 8px 0 0 8px;
    background-color: #f2f5f8;
    box-shadow: none;
    -webkit-box-shadow: none;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.form_cadastro .select2-container--bootstrap .select2-selection--single {
    border: 1px solid #d0d7de;
    border-radius: 8px;
    border-color: #d0d7de;
}

.form_cadastro .select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
    border-color: var(--shell-accent);
    box-shadow: 0 0 0 2px rgba(61, 143, 168, 0.15);
    -webkit-box-shadow: 0 0 0 2px rgba(61, 143, 168, 0.15);
}

.select2-dropdown {
    border: 1px solid #d0d7de !important;
}

select[readonly="readonly"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.form_cadastro .form-control:focus {
    border-color: var(--shell-accent);
    -webkit-box-shadow: 0 0 0 2px rgba(61, 143, 168, 0.15);
    box-shadow: 0 0 0 2px rgba(61, 143, 168, 0.15);
}

[obrigatorio="True"] {
    border-bottom-color: #d96b6b !important;
    border-bottom-width: 2px !important;
}

[obrigatorio="True"]:focus {
    border-bottom-color: var(--shell-accent) !important;
    border-color: var(--shell-accent) !important;
    border-bottom-width: 2px !important;
}

form div[class^='col'] .form-group label {

        font-family: "Calibri" !important;
        margin-bottom: 0px;
        font-size: 13px;
        max-width: 100%;
        max-height: 18px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: bottom;
}

.icone_menu {
    min-width: 20px;
    text-align: center;
}

.link_menu {
/*    display: flex !important;
    justify-content: left;
    align-items: center;*/
}

.btn-full-td {
    width:100%;
    height:100%;
    display:flex;
    align-items: center;
    justify-content: center;
}

.nav-tabs>li>a {
    padding: 10px 6px;
}

#cabecalho_das_abas.nav-tabs,
.form_cadastro .nav-tabs,
.modal .nav-tabs {
    border-bottom: 1px solid #e5e9ef;
    margin-bottom: 10px;
}

#cabecalho_das_abas.nav-tabs > li > a,
.form_cadastro .nav-tabs > li > a,
.modal .nav-tabs > li > a {
    font-family: var(--font-ui);
    font-weight: 500;
    font-size: 13px;
    color: #5c6b7a;
    background: transparent;
    border: none;
    border-radius: 8px 8px 0 0;
    margin-right: 2px;
    padding: 8px 12px;
    transition: color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}

#cabecalho_das_abas.nav-tabs > li > a:hover,
.form_cadastro .nav-tabs > li > a:hover,
.modal .nav-tabs > li > a:hover {
    background: #f2f5f8;
    color: #1a2332;
    border: none;
}

#cabecalho_das_abas.nav-tabs > li.active > a,
#cabecalho_das_abas.nav-tabs > li.active > a:hover,
#cabecalho_das_abas.nav-tabs > li.active > a:focus,
.form_cadastro .nav-tabs > li.active > a,
.form_cadastro .nav-tabs > li.active > a:hover,
.form_cadastro .nav-tabs > li.active > a:focus,
.modal .nav-tabs > li.active > a,
.modal .nav-tabs > li.active > a:hover,
.modal .nav-tabs > li.active > a:focus {
    color: var(--shell-accent);
    background: #ffffff;
    border: none;
    border-bottom: 2px solid var(--shell-accent);
    box-shadow: none;
    font-weight: 600;
}

.logo_menu_imagem {
    margin: 0 auto;
    max-height: 26px;
}

.navbar-fixed-top {
    border: none;
    box-shadow: var(--topbar-shadow);
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 100vh;
    background: var(--topbar-bg);
}

.navbar-default .dropdown-menu {
    background: #ffffff;
    border: 1px solid var(--topbar-border);
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(22, 30, 40, 0.12);
    padding: 6px 0;
    margin-top: 6px;
}

.navbar-default .dropdown-menu > li > a {
    color: var(--topbar-text);
    padding: 8px 16px;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.navbar-default .dropdown-menu > li > a:hover,
.navbar-default .dropdown-menu > li > a:focus {
    background: var(--topbar-hover);
    color: var(--topbar-text-strong);
}

.navbar-default .dropdown-menu .divider {
    background-color: var(--topbar-border);
    margin: 6px 0;
}

.link_dash_alerta_menu {
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 20px;
    width: 36px;
    color: var(--topbar-text);
    border-radius: 8px;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.link_dash_alerta_menu:hover {
    color: var(--shell-accent);
    background-color: var(--topbar-hover);
}

@media screen and (min-width: 769px) {
   .link_dash_alerta_menu {
       margin-left: 16px;
   }
}

.link_dash_menu {
    transition: color 0.2s ease, background-color 0.2s ease;
}

.link_alerta_menu {
    transition: color 0.2s ease, background-color 0.2s ease;
    cursor: pointer;
}

.link_dash_menu:hover {
    color: var(--shell-accent) !important;
}

.link_alerta_menu:hover {
    color: var(--shell-accent) !important;
}

@media screen and (max-width: 768px) {

    .link_alerta_menu {
        width: 30px;
    }

}

.titulo_menu_mobile {
    color: var(--topbar-text);
    /*position: absolute;*/
    width: calc(100% - 40px);
    /*left: 50px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-weight: 500;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-nav>li>a {
        font-size: 10px !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .icone_menu {
        font-size: 16px !important;
        min-width: 20px;
    }
}

.login_rodape {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #eef1f5;
}

.navegadores {
    /*margin-top: 12px;*/
    display: flex;
    align-items: center;
    justify-content: space-around;
    font-size:8px;
    color: #ccc;

}

.navegadores .imgnav {
    max-height: 24px;
    width: auto;
    margin: 0 5px;
}

.icone_acao_linha {
    font-size: 15px !important;
    width: 18px;
    margin-left: 1px;
    margin-right: 1px;
    text-align: center;
    display: inline-block;
    line-height: 1.35;
    vertical-align: middle;
    border-radius: 6px;
    padding: 3px 2px;
    opacity: 0.88;
    transition: opacity 0.15s ease, background-color 0.15s ease, transform 0.15s ease;
}

.icone_acao_linha:only-child {
    width: 23px;
}

.icone_acao_linha:hover {
    opacity: 1;
    background-color: rgba(61, 143, 168, 0.1);
    transform: translateY(-1px);
}

.icone_acao_linha:active {
    transform: translateY(0);
    background-color: rgba(61, 143, 168, 0.16);
}

.pagination > li > a,
.pagination > li > span {
    font-family: var(--font-ui);
    color: #3d4a5c;
    border-color: #d0d7de;
    background-color: #ffffff;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: var(--shell-accent);
    background-color: #f2f5f8;
    border-color: #b8c2cc;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: var(--shell-accent);
    border-color: var(--shell-accent);
    color: #ffffff;
}

.pagination > .disabled > a,
.pagination > .disabled > span,
.pagination > .disabled > a:hover,
.pagination > .disabled > span:hover {
    color: #9aa8b8;
    background-color: #ffffff;
    border-color: #e5e9ef;
}

.page-header {
    padding-bottom: 0px;
    margin: 10px 0 5px;
}

.form_cadastro label[data-tipo-campo="arquivo"] {
	min-height: 28px !important;
}

 .form_cadastro .form-group[data-tipo-campo="arquivo"]
,.form_cadastro .form-group[data-tipo-campo="foto"]
{
    background: #eae8e8;
    padding: 10px;
    border: 1px solid #bdbdbd;
    border-radius: 3px;
    overflow: hidden;
}

 .form_cadastro .form-group[data-tipo-campo="arquivo"][data-obrigatorio="True"]
,.form_cadastro .form-group[data-tipo-campo="foto"][data-obrigatorio="True"]
{
    border: 1px solid red;
}

.btn-vertical-menu {
    width: 100%;
    padding: 0 10px;
    margin-top: 5px;
}

.btn-vertical-menu > .btn {
    width: 100%;

}

.div_grupo_simplificado {
    border: 1px solid #e1e6eb;
    border-radius: 10px;
    /*min-height: 80px;*/
    overflow: hidden;
    position: relative;
    padding: 32px 5px 5px 5px;
    margin-top: 5px;
    background: #ffffff;
}

.cabecalho_grupo_simplificado {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e8eef3 !important;
    color: #1a2332 !important;
    font-family: var(--font-ui);
    font-size: 13px;
    font-weight: 600;
    padding: 0 8px;
}

.titulo_grupo_simplificado {
    font-family: var(--font-ui);
    font-weight: 600;
    color: #1a2332;
}

.div_itens_simplificado {
    border: 1px solid #e1e6eb;
    border-radius: 10px;
    /*min-height: 80px;*/
    overflow: hidden;
    position: relative;
    padding: 30px 0 0 0;
    margin-top: 5px;
    background: #ffffff;
}

.div_itens_simplificado_sem_cabecalho {
    padding-top: 0;
}

.cabecalho_itens_simplificado {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e8eef3 !important;
    color: #1a2332 !important;
    font-family: var(--font-ui);
    font-size: 13px;
    font-weight: 600;
    padding: 0 8px;
}

.titulo_itens_simplificado {
    font-family: var(--font-ui);
    font-weight: 600;
    color: #1a2332;
}

.cabecalho_itens_simplificado_com_explicacao {
    min-height: 30px;
    height: auto;
}

.acoes_itens_simplificado {
    width: 100%;
    position: relative;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dfdfdf;
    font-size: 12px;
    padding: 0;
}

.icone_itens_refresh {
    display:none;
    margin-left: 5px;
    color: red;
    font-weight: bold;
}

.container_itens_simplificado {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
}

.corpo_itens_simplificado {
    padding: 0 5px;
    /*height: 100%;*/
    /*overflow: hidden;*/
    /*overflow-y: auto;*/
}

.botao_refresh_itens_simplificado {
    position: absolute;
    right: 2px;
    left: 3px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    color: green;
    background: rgba(248, 248, 248, 0.64);
}

.botao_incluir_itens_simplificado {
    position: absolute;
    right: 3px;
    top: 2px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.linha_itens_simplificado_agrupadora {

}

.coluna_itens_simplificado_agrupadora {
    background: gray;
    color: white;
    text-align: center;
    font-weight: bold;
}

.coluna_itens_simplificado_excluir {
    width: 30px;
    text-align: center;
    color: #cc0000;
    cursor: pointer;
}

.coluna_itens_simplificado_editar {
    width: 30px;
    text-align: center;
    color: orange;
    cursor: pointer;
}

.coluna_itens_simplificado_visualizar {
    width: 30px;
    text-align: center;
    color: blue;
    cursor: pointer;
}

.tabela_itens_simplificado {

    margin-bottom: 0;

}

.tabela_itens_simplificado > thead {
    background: #eeeeee;
}

.tabela_itens_simplificado > thead > tr > th,
.tabela_itens_simplificado > tbody > tr > td
{
    padding: 2px 8px;
}

.tabela_itens_simplificado tbody tr.itens_linha_selecionada td {
    background-color: #aae4ff;
    border-bottom: 1px solid #004463;
}

.td_centro {
    text-align: center;
}

.td_esquerda {
    text-align: left;
}

.td_direita {
    text-align: right;
}

.td_ajustado {
    white-space: nowrap;
    width: 10px;
}

.td_negrito {
    font-weight: bold;
}

.ajuste_altura_botao {
     height: 20px;
     display: inline-block;
     width: 100%;
     color: transparent;
     background: transparent;
}

.ajuste_altura_botao::after {
   content: ".";
}

@media (max-width: 768px) {
    .ajuste_altura_botao {
        display: none;
    }
}

.ui-effects-transfer {
    border: 1px dotted black;
}

.colg {
    padding: 0 2px;
}

    .box_dash {
        position: relative;
        /*height: 100%;*/
        border-radius: 12px;
        transition: box-shadow 0.2s ease;
    }

    @media (max-width: 768px) {
        .box_dash {
            /*height: auto;*/
        }
    }

    .body_dash_board {
        background: #f3f5f7;
        font-family: var(--font-ui);
    }

    .box_dash_tem_rodape {
       padding-bottom: 28px;
    }

    .box_dash_titulo {
        padding: 8px 10px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 4px;
        font-family: var(--font-ui);
        min-height: 36px;
    }

    .box_dash_titulo_texto {
        font-family: var(--font-ui);
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
        letter-spacing: 0.01em;
        flex: 1 1 auto;
        min-width: 0;
    }

    .box_dash_titulo_icone {
        font-size: 16px;
        color: inherit;
        opacity: 0.88;
        margin-right: 6px;
        flex-shrink: 0;
    }

    .box_dash_conteudo {
        /*min-height: 80px;*/
        padding: 8px;
        position: relative;
        font-family: var(--font-ui);
    }

    .box_dash_rodape {
        height: 28px;
        padding: 2px 8px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        font-family: var(--font-ui);
        font-size: 12px;
        border-top: 1px solid rgba(26, 35, 50, 0.06);
    }

    .col_dash {
        margin-bottom: 12px;
    }

    .body_mensagem_board {
        background: #f3f5f7;
        font-family: var(--font-ui);
    }

    .box_mensagem {
        position: relative;
        height: 100%;
        transition: all 1.0s ease;
    }

    .box_mensagem_tem_rodape {
       padding-bottom: 28px;
    }

    .box_mensagem_titulo {
        padding: 2px 5px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .box_mensagem_titulo_texto {
        font-size: 16px;
        font-weight: bold;
    }

    .box_mensagem_titulo_icone {
        font-size: 18px;
        color: #333;
        margin-right: 5px;
    }

    .box_mensagem_conteudo {
        /*min-height: 80px;*/
        padding: 5px;
        position: relative;
    }

    .box_mensagem_rodape {
        height: 25px;
        padding: 2px 5px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
    }

    .row_mensagem {
       /*transition: all 400ms ease;*/
    }

    .col_mensagem {
        margin-bottom: 10px;
        /*transition: all 400ms ease;*/
    }

    .center_center {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .quadros_laterais_direita {
        border-left: 3px solid white;
        border-bottom: 1.5px solid white;
        border-top: 1.5px solid white;
    }

    .quadros_laterais_direita:first-child {
        border-bottom: none;
        border-top: none;
    }

    .quadros_laterais_direita:last-child {
        border-bottom: none;
        border-top: none;
    }

    .quadros_laterais_esquerda {
        border-right: 3px solid white;
        border-bottom: 1.5px solid white;
        border-top: 1.5px solid white;
    }

    .quadros_laterais_esquerda:first-child {
        border-bottom: none;
        border-top: none;
    }

    .quadros_laterais_esquerda:last-child {
        border-bottom: none;
        border-top: none;
    }

    .mensagens_linha_previa {
        border-bottom: 1px dotted #eeeeee;
        position: relative;
        padding-left: 30px;
    }

    .mensagens_linha_previa_sem_icone {
        padding-left: 30px;
    }

    .mensagens_linha_previa:last-child{
        border-bottom: none;
    }

    .mensagem_previa_icone {
        height: 100%;
        position: absolute !important;
        font-size: 16px;
        top: 0;
        left: 0;
        width: 30px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        color: #334a53
    }

    .cke_chrome{
        border-radius: 3px;
    }

    .cke_top{
        border-radius: 3px 3px 0 0;
    }

    .cke_bottom{
        border-radius: 0 0 3px 3px;
    }

    .iziToast-message {
        margin-top: 5px !important;
    }

    table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
        background-color: rgba(61, 143, 168, 0.20) !important;
    }

    table.dataTable tbody td.select-checkbox,
    table.dataTable thead th.select-checkbox {
        position: relative;
        cursor: pointer;
        width: 18px
    }

    .class_mostra_tem_selecao, .class_mostra_tem_selecao_unica, .class_mostra_tem_selecao_multiplas {
        display: none;
    }

    .cke_wysiwyg_frame {
        width: calc(100% - 8px) !important;
        padding: 2px 4px !important;
    }

/*    .dt-button-collection {
        left: 42px !important;
    }*/
.bt_edicao {

       transition: all 0.4s;
       -webkit-transition: all 0.4s;
       -moz-transition: all 0.4s;

}

.dt-button-collection.dropdown-menu {

    max-height: 75vh;
    overflow: hidden;
    overflow-y: auto;

}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-color: #ccc !important;
}

.select2-container--default .select2-selection--multiple {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-color: #ccc !important;
}

.select2-container--default .select2-selection--single {
    height: 34px !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-color: #ccc !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px !important;
}

.form-group[data-tipo-campo="combo_multiplo"] > .select2.select2-container.select2-container--default {
    height: 34px;
    overflow: hidden;
    overflow-y: auto;
    cursor: pointer;
}

.select2.select2-container.select2-container--default.select2-container--below.select2-container--open {
    height: auto;
    overflow: visible;
    overflow-y: auto;
    cursor: pointer;
}

.select2-container--default .select2-search--inline .select2-search__field {
    cursor: pointer;
}

.form-group[data-obrigatorio="True"] > .select2.select2-container.select2-container--default > .selection > .select2-selection.select2-selection--single {
    border-bottom: 2px solid #d96b6b !important;
}

.form-group[data-obrigatorio="True"] > .select2.select2-container.select2-container--default.select2-container--focus > .selection > .select2-selection.select2-selection--single,
.form-group[data-obrigatorio="True"] > .select2.select2-container.select2-container--default.select2-container--open > .selection > .select2-selection.select2-selection--single {
    border-bottom-color: var(--shell-accent) !important;
}

.combo_select2 {
    height: 34px;
}

.bootbox.modal {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bootbox.modal .modal-dialog {
    width: 440px;
    max-width: calc(100% - 30px);
    margin: 15px auto;
}

.bootbox.modal .modal-dialog .modal-content {
    border-radius: 12px;
    border: 1px solid #e5e9ef;
    box-shadow: 0 16px 40px rgba(22, 30, 40, 0.2);
    overflow: hidden;
}

.bootbox.modal .modal-dialog .modal-content .modal-header {
    background: #f7f9fb;
    color: #1a2332;
    border-bottom: 1px solid #e5e9ef;
    border-radius: 12px 12px 0 0;
    padding: 12px 16px;
    font-family: var(--font-ui);
}

.bootbox.modal .modal-dialog .modal-content .modal-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-ui);
    font-weight: 600;
    font-size: 15px;
    color: #1a2332;
    line-height: 1.3;
}

.bootbox.modal .modal-title img,
.modal-title img[src*="alerta"] {
    width: 22px;
    height: 22px;
    max-width: 22px;
    object-fit: contain;
    vertical-align: middle;
    margin: 0;
    flex-shrink: 0;
    opacity: 0.92;
}

.bootbox.modal .modal-dialog .modal-content .modal-header .close {
    padding: 2px 7px;
    background: transparent;
    color: #5c6b7a;
    border-radius: 6px;
    opacity: 0.7;
    text-shadow: none;
    font-weight: 400;
}

.bootbox.modal .modal-dialog .modal-content .modal-header .close:hover {
    opacity: 1;
    background: #eef1f5;
    color: #1a2332;
}

.bootbox.modal .modal-body {
    font-family: var(--font-ui);
    font-size: 14px;
    line-height: 1.45;
    color: #3d4a5c;
    padding: 16px 18px;
    min-height: 0;
}

.bootbox.modal .modal-footer {
    background: #fafbfc;
    border-top: 1px solid #eef1f5;
    padding: 10px 16px;
}

@media (max-width: 767px) {
    .bootbox.modal .modal-dialog {
        width: calc(100% - 20px);
        max-width: none;
    }
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 0px 5px;
}

.ck_editor_live_preview {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid black;
    box-shadow: 1px 1px 1px black;
    margin-left: 15px;
}

/* Topbar tabs */
#menu_superior > .container-fluid {
    max-height: var(--shell-topbar-height) !important;
    height: var(--shell-topbar-height);
    overflow: visible;
}

#grupo_de_botoes_menu {
    display: inline-flex !important;
    align-items: center;
    flex-wrap: nowrap;
    gap: 3px;
    height: 38px;
    max-height: 38px;
    padding: 3px;
    overflow: hidden;
    background: var(--topbar-tab-track);
    border: 1px solid var(--topbar-border);
    border-radius: 10px;
    box-shadow: none;
}

#grupo_de_botoes_menu.btn-group > .btn + .btn,
#grupo_de_botoes_menu.btn-group > .btn + .btn-group,
#grupo_de_botoes_menu.btn-group > .btn-group + .btn,
#grupo_de_botoes_menu.btn-group > a + a {
    margin-left: 0 !important;
}

#grupo_de_botoes_menu > .btn,
#grupo_de_botoes_menu > a.btn {
    float: none !important;
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 32px;
    margin: 0 !important;
    padding: 0 12px !important;
    border: none !important;
    border-radius: 8px !important;
    background: transparent !important;
    background-image: none !important;
    color: var(--topbar-text) !important;
    box-shadow: none !important;
    font-size: 12.5px !important;
    font-weight: 500;
    line-height: 1.2;
    text-shadow: none !important;
    white-space: nowrap;
    transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

#grupo_de_botoes_menu > .btn-default,
#grupo_de_botoes_menu > a.btn-default,
#grupo_de_botoes_menu > .btn-info,
#grupo_de_botoes_menu > a.btn-info,
#grupo_de_botoes_menu > .btn-primary,
#grupo_de_botoes_menu > a.btn-primary,
#grupo_de_botoes_menu > .btn-success,
#grupo_de_botoes_menu > a.btn-success,
#grupo_de_botoes_menu > .btn-warning,
#grupo_de_botoes_menu > a.btn-warning,
#grupo_de_botoes_menu > .btn-danger,
#grupo_de_botoes_menu > a.btn-danger {
    background: transparent !important;
    border: none !important;
    color: var(--topbar-text) !important;
    box-shadow: none !important;
}

#grupo_de_botoes_menu > .btn:hover,
#grupo_de_botoes_menu > a.btn:hover,
#grupo_de_botoes_menu > .btn:focus,
#grupo_de_botoes_menu > a.btn:focus,
#grupo_de_botoes_menu > .btn:active,
#grupo_de_botoes_menu > a.btn:active,
#grupo_de_botoes_menu > .btn-default:hover,
#grupo_de_botoes_menu > a.btn-default:hover,
#grupo_de_botoes_menu > .btn-default:focus,
#grupo_de_botoes_menu > a.btn-default:focus,
#grupo_de_botoes_menu > .btn-default:active,
#grupo_de_botoes_menu > a.btn-default:active,
#grupo_de_botoes_menu > .btn-info:hover,
#grupo_de_botoes_menu > a.btn-info:hover,
#grupo_de_botoes_menu > .btn-info:focus,
#grupo_de_botoes_menu > a.btn-info:focus,
#grupo_de_botoes_menu > .btn-info:active,
#grupo_de_botoes_menu > a.btn-info:active,
#grupo_de_botoes_menu > .btn-primary:hover,
#grupo_de_botoes_menu > a.btn-primary:hover,
#grupo_de_botoes_menu > .btn-primary:focus,
#grupo_de_botoes_menu > a.btn-primary:focus,
#grupo_de_botoes_menu > .btn-primary:active,
#grupo_de_botoes_menu > a.btn-primary:active,
#grupo_de_botoes_menu > .btn-success:hover,
#grupo_de_botoes_menu > a.btn-success:hover,
#grupo_de_botoes_menu > .btn-warning:hover,
#grupo_de_botoes_menu > a.btn-warning:hover,
#grupo_de_botoes_menu > .btn-danger:hover,
#grupo_de_botoes_menu > a.btn-danger:hover {
    background: #ffffff !important;
    background-image: none !important;
    color: var(--topbar-text-strong) !important;
    border-color: transparent !important;
    box-shadow: 0 1px 2px rgba(22, 30, 40, 0.08) !important;
    outline: none !important;
}

#menu_superior.navbar-fixed-top,
.navbar-fixed-top#menu_superior {
    z-index: 1030;
}

#menu_superior.navbar-default,
#menu_superior {
    background: var(--topbar-bg) !important;
    background-color: var(--topbar-bg) !important;
}

/* Logo C+: manter float:left do BS3 (senão as abas somem) */
#menu_superior .navbar-brand.logo_menu_link,
a.navbar-brand.logo_menu_link,
.logo_menu_link {
    float: left !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 50px !important;
    min-width: 50px !important;
    height: var(--shell-topbar-height) !important;
    line-height: var(--shell-topbar-height) !important;
    background: var(--topbar-bg) !important;
    border: none !important;
    text-align: center !important;
    overflow: hidden;
}

#menu_superior .logo_menu_link img,
#menu_superior .logo_menu_link .logo_menu_imagem,
.logo_menu_link img,
.logo_menu_link .logo_menu_imagem,
.logo_menu_imagem {
    display: block !important;
    margin: 0 auto !important;
    max-height: 28px !important;
    max-width: 36px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

.menu_superior_usuario a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

/* NÃO usar float:none aqui — quebra o navbar-collapse do BS3 */
#menu_superior .navbar-header {
    float: left;
    margin: 0;
    padding: 0;
    height: var(--shell-topbar-height);
}

#grupo_de_botoes_menu > .btn > i,
#grupo_de_botoes_menu > a.btn > i {
    font-size: 14px;
    opacity: 0.85;
}

@media (max-width: 768px) {
    #grupo_de_botoes_menu {
        height: auto;
        max-height: none;
        flex-wrap: wrap;
        overflow: auto;
        width: 100%;
    }

    #menu_superior {
        overflow: hidden !important;
        max-height: var(--shell-topbar-height) !important;
    }

    #menu_superior > .container-fluid {
        overflow: hidden !important;
        height: var(--shell-topbar-height) !important;
        max-height: var(--shell-topbar-height) !important;
    }

    #menu_superior .navbar-header {
        float: none;
        width: 100%;
        height: var(--shell-topbar-height);
    }

    #menu_superior .navbar-brand.logo_menu_link {
        float: left !important;
    }

    #menu_superior .navbar-toggle {
        float: right !important;
        margin-right: 10px;
        margin-top: 8px;
        margin-bottom: 8px;
    }

    #menu_superior .titulo_menu_mobile {
        display: none !important;
    }

    #menu_superior .navbar-header > span.navbar-brand {
        width: auto !important;
        float: left;
        height: var(--shell-topbar-height) !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden;
    }
}

.multi-line1 > a {
    margin-top: 0;
    font-size: 11px !important;
    padding: 0 8px !important;
}

.multi-line2 > a {
    margin-top: 0;
    font-size: 10px !important;
    padding: 0 6px !important;
}

.multi-line3 > a {
    margin-top: 0;
    font-size: 9px !important;
    padding: 0 5px !important;
}

.multi-line4 > a {
    margin-top: 0;
    font-size: 8px !important;
    padding: 0 4px !important;
}

.combo_busca_com_tabela {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    padding-right: 0;
    background-image: none;
    pointer-events: none;
}

/* Toggle */
.toggle-bs{
  position: relative;
  display: block;
  width: 100%;
  cursor: pointer;
  margin: 0;
  font-weight: normal;
  outline: none;
}

.toggle-bs input{
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

.toggle-track{
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 120px;
  height: 32px;
  background: #d59797;
  border-radius: 20px;
  padding: 2px;
  box-sizing: border-box;
  transition: background .25s ease;
}

.toggle-on,
.toggle-off{
  flex: 1;
  text-align: center;
  font-size: 12px;
  color: #000000;
  z-index: 2;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
}

.toggle-thumb{
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(50% - 2px);
  height: 28px;
  background: #f9f9f9;
  border-radius: 16px;
  transition: transform .25s ease;
  z-index: 1;
  box-shadow: 0 1px 2px rgba(0,0,0,.25);
}

.toggle-bs.is-on .toggle-track{
  background: #6abc8f;
}

.toggle-bs.is-on .toggle-thumb{
  transform: translateX(100%);
}

.toggle-bs:focus .toggle-track{
  box-shadow: 0 0 0 2px rgba(0,0,0,.08);
}

.toggle-bs.is-disabled{
  cursor: not-allowed;
}

.toggle-bs.is-disabled .toggle-track{
  background: #e6e1e1;
}

.toggle-bs.is-disabled .toggle-thumb{
  background: #eeeeee;
  box-shadow: none;
}

/* Listagem – cabeçalho */
#cabecalho_titulo_texto {
    font-family: var(--font-ui);
    font-weight: 600;
    color: var(--topbar-text-strong);
    letter-spacing: 0.01em;
}

#cabecalho_botoes > .btn,
#cabecalho_botoes > a.btn {
    font-family: var(--font-ui);
    font-weight: 500;
    border-radius: 8px !important;
    border-width: 1px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

#cabecalho_botoes > .btn:hover,
#cabecalho_botoes > a.btn:hover,
#cabecalho_botoes > .btn:focus,
#cabecalho_botoes > a.btn:focus {
    box-shadow: 0 1px 3px rgba(22, 30, 40, 0.12) !important;
    outline: none;
}

#cabecalho_botoes > .btn-success,
#cabecalho_botoes > a.btn-success {
    background-color: #3a9d6e !important;
    background-image: none !important;
    border-color: #348c62 !important;
    color: #ffffff !important;
}

#cabecalho_botoes > .btn-success:hover,
#cabecalho_botoes > a.btn-success:hover,
#cabecalho_botoes > .btn-success:focus,
#cabecalho_botoes > a.btn-success:focus {
    background-color: #318a5f !important;
    border-color: #2c7a54 !important;
    color: #ffffff !important;
}

#cabecalho_botoes > .btn-primary,
#cabecalho_botoes > a.btn-primary {
    background-color: var(--shell-accent) !important;
    background-image: none !important;
    border-color: #35849b !important;
    color: #ffffff !important;
}

#cabecalho_botoes > .btn-primary:hover,
#cabecalho_botoes > a.btn-primary:hover,
#cabecalho_botoes > .btn-primary:focus,
#cabecalho_botoes > a.btn-primary:focus {
    background-color: #35849b !important;
    border-color: #2f758a !important;
    color: #ffffff !important;
}

#cabecalho_botoes > .btn-info,
#cabecalho_botoes > a.btn-info {
    background-color: #e8f3f7 !important;
    background-image: none !important;
    border-color: #b7d4df !important;
    color: #2a5f70 !important;
}

#cabecalho_botoes > .btn-info:hover,
#cabecalho_botoes > a.btn-info:hover,
#cabecalho_botoes > .btn-info:focus,
#cabecalho_botoes > a.btn-info:focus {
    background-color: #d9eaf1 !important;
    border-color: #9fc4d2 !important;
    color: #214a58 !important;
}

#cabecalho_botoes > .btn-default,
#cabecalho_botoes > a.btn-default {
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #d0d7de !important;
    color: #3d4a5c !important;
}

#cabecalho_botoes > .btn-default:hover,
#cabecalho_botoes > a.btn-default:hover,
#cabecalho_botoes > .btn-default:focus,
#cabecalho_botoes > a.btn-default:focus {
    background-color: #f2f5f8 !important;
    border-color: #b8c2cc !important;
    color: #1a2332 !important;
}

#cabecalho_botoes > #btn_add_emails.btn-default,
#cabecalho_botoes > a#btn_add_emails {
    background-color: #6d4c41 !important;
    border-color: #5d4037 !important;
    color: #ffffff !important;
}

#cabecalho_botoes > #btn_add_emails:hover,
#cabecalho_botoes > a#btn_add_emails:hover {
    background-color: #5d4037 !important;
    border-color: #4e342e !important;
    color: #ffffff !important;
}

div.dt-buttons > .btn.btn-default.btn-sm,
div.dt-buttons a.btn.btn-default.btn-sm {
    font-family: var(--font-ui);
    font-weight: 500;
    border-radius: 6px !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #d0d7de !important;
    color: #3d4a5c !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

div.dt-buttons > .btn.btn-default.btn-sm:hover,
div.dt-buttons a.btn.btn-default.btn-sm:hover {
    background-color: #f2f5f8 !important;
    border-color: #b8c2cc !important;
    color: #1a2332 !important;
}

/* Listagem – DataTables */
table.dataTable {
    font-family: var(--font-ui);
    border-color: #e5e9ef !important;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 1px solid #d5dee7 !important;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #e5e9ef !important;
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd,
table.dataTable.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f7f9fb;
}

table.dataTable.stripe tbody tr.even,
table.dataTable.display tbody tr.even,
table.dataTable.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #ffffff;
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover,
table.dataTable.table-hover > tbody > tr:hover {
    background-color: #eef6f9 !important;
}

table.dataTable.hover tbody tr.selected:hover,
table.dataTable.display tbody tr.selected:hover {
    background-color: rgba(61, 143, 168, 0.26) !important;
}

table.dataTable tbody th,
table.dataTable tbody td {
    border-top-color: #eef1f4 !important;
}

table.dataTable thead input[type="text"],
table.dataTable thead input.form-control,
table.dataTable thead .form-control {
    border-radius: 6px;
    border-color: #d0d7de;
    box-shadow: none;
    font-family: var(--font-ui);
}

table.dataTable thead input[type="text"]:focus,
table.dataTable thead input.form-control:focus,
table.dataTable thead .form-control:focus {
    border-color: var(--shell-accent);
    box-shadow: 0 0 0 2px rgba(61, 143, 168, 0.15);
}

table.dataTable tbody input.input_grid,
table.dataTable tbody input.input_grid_calculo {
    font-family: var(--font-ui);
    font-size: 12px;
    color: #1a2332;
    width: 100%;
    max-width: 100%;
    height: 26px;
    padding: 2px 6px;
    border: 1px solid #d0d7de;
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: none;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

table.dataTable tbody input.input_grid:hover {
    border-color: #b8c2cc;
}

table.dataTable tbody input.input_grid:focus {
    border-color: var(--shell-accent);
    box-shadow: 0 0 0 2px rgba(61, 143, 168, 0.14);
    background-color: #ffffff;
}

table.dataTable tbody input.input_grid_calculo {
    background-color: #f2f5f8;
    color: #5c6b7a;
    border-color: #e1e6eb;
    cursor: default;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_paginate {
    font-family: var(--font-ui);
    color: #5c6b7a;
}

.dataTables_wrapper .dataTables_filter input {
    border-radius: 6px;
    border: 1px solid #d0d7de;
    box-shadow: none;
    padding: 4px 8px;
}

.dataTables_wrapper .dataTables_length select {
    border-radius: 6px;
    border: 1px solid #d0d7de;
    box-shadow: none;
}

/* Listagem – filtros */
#painel_de_titulo.panel-default {
    border-color: #e5e9ef;
    border-radius: 10px;
    box-shadow: none;
    overflow: hidden;
}

#painel_de_titulo > .panel-heading {
    background-color: #ffffff;
    border-bottom-color: #eef1f5;
    font-family: var(--font-ui);
}

#painel_de_titulo > .panel-body {
    background-color: #fafbfc;
}

#div_geral_pesquisas .form-group > label,
#div_pequisa_avancada .form-group > label {
    font-family: var(--font-ui);
    font-weight: 500;
    font-size: 12px;
    color: #5c6b7a;
    margin-bottom: 3px;
}

#div_geral_pesquisas .form-control,
#div_pequisa_avancada .form-control {
    font-family: var(--font-ui);
    border-radius: 8px;
    border-color: #d0d7de;
    box-shadow: none;
    background-color: #ffffff;
    color: #1a2332;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#div_geral_pesquisas .form-control:focus,
#div_pequisa_avancada .form-control:focus {
    border-color: var(--shell-accent);
    box-shadow: 0 0 0 2px rgba(61, 143, 168, 0.15);
    outline: none;
}

#div_geral_pesquisas .form-control[disabled],
#div_geral_pesquisas .form-control[readonly],
#div_pequisa_avancada .form-control[disabled],
#div_pequisa_avancada .form-control[readonly] {
    background-color: #f2f5f8;
    color: #5c6b7a;
}

#div_geral_pesquisas .select2-container--default .select2-selection--single,
#div_geral_pesquisas .select2-container--default .select2-selection--multiple,
#div_pequisa_avancada .select2-container--default .select2-selection--single,
#div_pequisa_avancada .select2-container--default .select2-selection--multiple {
    border-radius: 8px !important;
    border-color: #d0d7de !important;
    min-height: 30px;
}

#div_geral_pesquisas .select2-container--default.select2-container--focus .select2-selection--single,
#div_geral_pesquisas .select2-container--default.select2-container--focus .select2-selection--multiple,
#div_geral_pesquisas .select2-container--default.select2-container--open .select2-selection--single,
#div_geral_pesquisas .select2-container--default.select2-container--open .select2-selection--multiple,
#div_pequisa_avancada .select2-container--default.select2-container--focus .select2-selection--single,
#div_pequisa_avancada .select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--shell-accent) !important;
    box-shadow: 0 0 0 2px rgba(61, 143, 168, 0.15);
}

.select2-dropdown {
    border-radius: 8px !important;
    border-color: #d0d7de !important;
    box-shadow: 0 8px 24px rgba(26, 35, 50, 0.12);
    overflow: hidden;
    font-family: var(--font-ui);
}

.select2-container--default .select2-results__option {
    font-family: var(--font-ui);
    font-size: 13px;
    padding: 7px 12px;
    color: #1a2332;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--shell-accent) !important;
    color: #ffffff !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #eef5f8;
    color: #1a2332;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #5c6b7a transparent transparent transparent !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #5c6b7a transparent !important;
}

/* Formulários */
.form_cadastro .form-group > label {
    font-family: var(--font-ui);
    font-weight: 500;
    color: #5c6b7a;
    letter-spacing: 0.01em;
}

.form_cadastro .form-control {
    font-family: var(--font-ui);
    border: 1px solid #d0d7de;
    border-radius: 8px;
    box-shadow: none;
    background-color: #ffffff;
    color: #1a2332;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.form_cadastro .form-control:focus {
    border-color: var(--shell-accent);
    box-shadow: 0 0 0 2px rgba(61, 143, 168, 0.15);
    outline: none;
}

.form_cadastro .form-control[disabled],
.form_cadastro .form-control[readonly] {
    background-color: #f2f5f8;
    color: #5c6b7a;
    border-color: #e1e6eb;
}

.form_cadastro textarea.form-control {
    border-radius: 8px;
    min-height: 72px;
}

.form_cadastro .input-group .form-control {
    border-radius: 8px 0 0 8px;
}

.form_cadastro .input-group .input-group-addon {
    background-color: #f2f5f8;
    border: 1px solid #d0d7de;
    border-left: none;
    border-radius: 0 8px 8px 0;
    color: #5c6b7a;
    font-family: var(--font-ui);
}

.form_cadastro .input-group .input-group-addon:first-child {
    border-left: 1px solid #d0d7de;
    border-right: none;
    border-radius: 8px 0 0 8px;
}

.form_cadastro .input-group .input-group-addon:first-child + .form-control {
    border-radius: 0 8px 8px 0;
}

.form_cadastro .input-group-btn:last-child > .btn,
.form_cadastro .input-group-btn:last-child > .btn-group {
    border-radius: 0 8px 8px 0;
}

.form_cadastro .panel {
    border-radius: 10px;
    border-color: #e1e6eb;
    box-shadow: none;
}

.form_cadastro .panel-heading {
    font-family: var(--font-ui);
    background-color: #f7f9fb;
    border-color: #e1e6eb;
    color: #1a2332;
    border-radius: 10px 10px 0 0;
}

.form_cadastro .bt_edicao > a.btn {
    font-family: var(--font-ui);
    font-weight: 600;
    border-radius: 8px;
    box-shadow: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, filter 0.15s ease;
}

.form_cadastro .bt_edicao > a.btn:hover {
    filter: brightness(0.97);
}

.form_cadastro .select2-container--default .select2-selection--single,
.form_cadastro .select2-container--default .select2-selection--multiple {
    border-radius: 8px !important;
    border-color: #d0d7de !important;
    min-height: 30px;
}

.form_cadastro .select2-container--default.select2-container--focus .select2-selection--single,
.form_cadastro .select2-container--default.select2-container--open .select2-selection--single,
.form_cadastro .select2-container--default.select2-container--focus .select2-selection--multiple,
.form_cadastro .select2-container--default.select2-container--open .select2-selection--multiple {
    border-color: var(--shell-accent) !important;
    box-shadow: 0 0 0 2px rgba(61, 143, 168, 0.15);
}

/* Datepickers */
#div_geral_pesquisas .input-group.date .form-control,
#div_geral_pesquisas .datepicker .form-control,
#div_pequisa_avancada .input-group.date .form-control,
#div_pequisa_avancada .datepicker .form-control {
    border-radius: 8px 0 0 8px;
}

#div_geral_pesquisas .input-group .input-group-addon,
#div_pequisa_avancada .input-group .input-group-addon {
    background-color: #f2f5f8;
    border: 1px solid #d0d7de;
    border-left: none;
    border-radius: 0 8px 8px 0;
    color: var(--shell-accent);
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

#div_geral_pesquisas .input-group .input-group-addon:hover,
#div_pequisa_avancada .input-group .input-group-addon:hover {
    background-color: #e8f2f6;
    color: #2f7388;
}

#div_geral_pesquisas .input-group .input-group-addon .glyphicon,
#div_geral_pesquisas .input-group .input-group-addon .fa,
#div_geral_pesquisas .input-group .input-group-addon .fad,
#div_pequisa_avancada .input-group .input-group-addon .glyphicon,
#div_pequisa_avancada .input-group .input-group-addon .fa,
#div_pequisa_avancada .input-group .input-group-addon .fad {
    color: inherit;
}

.datepicker.dropdown-menu,
.datepicker-dropdown {
    font-family: var(--font-ui);
    border-radius: 10px;
    border: 1px solid #d0d7de;
    box-shadow: 0 10px 28px rgba(26, 35, 50, 0.14);
    padding: 8px;
}

.datepicker table tr td,
.datepicker table tr th {
    border-radius: 6px;
    font-family: var(--font-ui);
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover {
    background-color: var(--shell-accent) !important;
    background-image: none !important;
    color: #ffffff !important;
    text-shadow: none;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover {
    background-color: #e8f2f6 !important;
    background-image: none !important;
    color: #1a2332 !important;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background-color: #f2f5f8;
}

/* Login */
body.login2 {
    font-family: var(--font-ui);
}

body.login2 .div-video_bg > .overlay-video_bg {
    background: rgba(10, 18, 28, 0.28);
}

body.login2 .logo_e_titulo_login .logo_principal,
body.login2 .logo_e_titulo_login .logo_empresa {
    max-width: 72%;
    height: auto;
}

body.login2 #titulo_site {
    font-family: var(--font-ui);
    font-size: 13px !important;
    font-weight: 500;
    color: #5c6b7a;
    letter-spacing: 0.01em;
    line-height: 1.35;
    width: auto;
}

body.login2 .box_campos {
    text-align: left;
    margin-top: 6px;
}

body.login2 .input-group {
    width: 100%;
}

body.login2 .input-group:focus-within .input-group-addon {
    border-color: var(--shell-accent);
    color: var(--shell-accent);
    background-color: #eef6f8;
}

body.login2 .login-wrapper input.form-control:focus {
    border-color: var(--shell-accent);
    box-shadow: none;
    outline: none;
}

body.login2 .input-group:focus-within .form-control {
    border-color: var(--shell-accent);
    box-shadow: 0 0 0 2px rgba(61, 143, 168, 0.14);
}

body.login2 .login-wrapper .input-group-addon {
    min-width: 42px;
    background: #f7f9fb;
    color: #7a8796;
}

body.login2 .login-wrapper .input-group-addon i {
    color: inherit;
    opacity: 0.75;
    font-size: 16px !important;
}

body.login2 #div_recuperar_senha {
    text-align: center;
    margin: 8px 0 10px;
}

body.login2 #div_recuperar_senha a {
    font-family: var(--font-ui);
    font-size: 12px;
    font-weight: 500;
    color: #5c6b7a;
    text-decoration: none;
    transition: color 0.15s ease;
}

body.login2 #div_recuperar_senha a:hover,
body.login2 #div_recuperar_senha a:focus {
    color: var(--shell-accent);
    text-decoration: underline;
}

body.login2 #mantenha_conectado {
    padding-left: 0 !important;
    margin-bottom: 14px !important;
}

body.login2 #mantenha_conectado .checkbox {
    font-family: var(--font-ui);
    font-size: 13px;
    font-weight: 400;
    color: #5c6b7a;
    margin-top: 0;
    margin-bottom: 0;
}

body.login2 #mantenha_conectado .checkbox input[type="checkbox"] {
    margin-top: 2px;
}

body.login2 #botao_login {
    font-family: var(--font-ui);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #ffffff !important;
    background-color: var(--shell-accent) !important;
    background-image: none !important;
    border: 1px solid var(--shell-accent) !important;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(61, 143, 168, 0.22);
    padding: 12px 16px;
    margin-top: 2px;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

body.login2 #botao_login:hover,
body.login2 #botao_login:focus {
    background-color: #347e95 !important;
    border-color: #347e95 !important;
    box-shadow: 0 6px 16px rgba(61, 143, 168, 0.28);
    filter: none;
    color: #ffffff !important;
}

body.login2 #botao_login:active {
    background-color: #2f7388 !important;
    border-color: #2f7388 !important;
    box-shadow: 0 2px 8px rgba(61, 143, 168, 0.22);
}

body.login2 .alert {
    font-family: var(--font-ui);
    border-radius: 10px;
    border: none;
    text-align: left;
}

body.login2 .alert-danger {
    background-color: #fdecee;
    color: #8a2430;
}

body.login2 .login_rodape {
    opacity: 1;
}

body.login2 .login_rodape img {
    max-height: 40px;
    width: auto;
    opacity: 1;
}

/* Modais — não alterar .modal-full geometry */
.modal-backdrop.in {
    background-color: #0f1724;
    opacity: 0.45;
}

.modal-content {
    border: 1px solid #e5e9ef;
    border-radius: 12px;
    box-shadow: 0 16px 40px rgba(22, 30, 40, 0.18);
    font-family: var(--font-ui);
}

.modal-header {
    background: #f7f9fb;
    border-bottom: 1px solid #e5e9ef;
    padding: 12px 16px;
    border-radius: 12px 12px 0 0;
}

.modal-title {
    font-family: var(--font-ui);
    font-weight: 600;
    font-size: 15px;
    color: #1a2332;
    line-height: 1.35;
}

.modal-header .close {
    margin-top: 0;
    opacity: 0.55;
    text-shadow: none;
    color: #5c6b7a;
    font-weight: 400;
    font-size: 22px;
    border-radius: 6px;
    padding: 0 6px;
    transition: opacity 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

.modal-header .close:hover {
    opacity: 1;
    color: #1a2332;
    background: #eef1f5;
}

.modal-body {
    font-family: var(--font-ui);
    font-size: 14px;
    line-height: 1.45;
    color: #3d4a5c;
    padding: 16px 18px;
}

.modal-footer {
    background: #fafbfc;
    border-top: 1px solid #eef1f5;
    padding: 10px 16px;
    border-radius: 0 0 12px 12px;
    text-align: right;
}

.modal-footer .btn {
    font-family: var(--font-ui);
    font-weight: 600;
    border-radius: 8px;
    box-shadow: none;
    background-image: none !important;
    min-width: 88px;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.modal-footer .btn-default {
    color: #3d4a5c;
    background-color: #ffffff;
    border-color: #d0d7de;
}

.modal-footer .btn-default:hover,
.modal-footer .btn-default:focus {
    background-color: #f2f5f8;
    border-color: #c5ced8;
    color: #1a2332;
}

.modal-footer .btn-primary,
.modal-footer .btn-info {
    color: #ffffff;
    background-color: var(--shell-accent);
    border-color: var(--shell-accent);
}

.modal-footer .btn-primary:hover,
.modal-footer .btn-primary:focus,
.modal-footer .btn-info:hover,
.modal-footer .btn-info:focus {
    background-color: #347e95;
    border-color: #347e95;
    color: #ffffff;
}

.modal-footer .btn-success {
    color: #ffffff;
    background-color: #3d9a78;
    border-color: #3d9a78;
}

.modal-footer .btn-success:hover,
.modal-footer .btn-success:focus {
    background-color: #348568;
    border-color: #348568;
    color: #ffffff;
}

.modal-footer .btn-danger {
    color: #ffffff;
    background-color: #c75b5b;
    border-color: #c75b5b;
}

.modal-footer .btn-danger:hover,
.modal-footer .btn-danger:focus {
    background-color: #b34d4d;
    border-color: #b34d4d;
    color: #ffffff;
}

.modal-footer .btn-warning {
    color: #ffffff;
    background-color: #e08a5a;
    border-color: #e08a5a;
}

.modal-footer .btn-warning:hover,
.modal-footer .btn-warning:focus {
    background-color: #d17a4a;
    border-color: #d17a4a;
    color: #ffffff;
}

.bootbox.modal .modal-footer .btn-warning {
    color: #ffffff;
    background-color: #e08a5a;
    border-color: #e08a5a;
}

.bootbox.modal .modal-footer .btn-warning:hover,
.bootbox.modal .modal-footer .btn-warning:focus {
    background-color: #d17a4a;
    border-color: #d17a4a;
    color: #ffffff;
}

.modal:not(.modal-full):not(.modal-full-m) .modal-body .form-control {
    font-family: var(--font-ui);
    border-color: #d0d7de;
    box-shadow: none;
    border-radius: 8px;
}

.modal:not(.modal-full):not(.modal-full-m) .modal-body .input-group .form-control {
    border-radius: 0 8px 8px 0;
}

.modal:not(.modal-full):not(.modal-full-m) .modal-body .input-group-addon {
    background: #f2f5f8;
    border-color: #d0d7de;
    border-radius: 8px 0 0 8px;
    color: #5c6b7a;
}

.modal:not(.modal-full):not(.modal-full-m) .modal-body .form-control:focus {
    border-color: var(--shell-accent);
    box-shadow: 0 0 0 2px rgba(61, 143, 168, 0.14);
}

.modal:not(.modal-full):not(.modal-full-m) .modal-body label {
    font-family: var(--font-ui);
    font-weight: 500;
    color: #5c6b7a;
}

#modal-recupera_senha.modal.in {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

#modal-recupera_senha .modal-dialog {
    width: 400px;
    max-width: calc(100% - 30px);
    margin: 15px auto;
}

#modal-recupera_senha .modal-footer .btn-warning {
    color: #3d4a5c;
    background-color: #ffffff;
    border-color: #d0d7de;
}

#modal-recupera_senha .modal-footer .btn-warning:hover,
#modal-recupera_senha .modal-footer .btn-warning:focus {
    background-color: #f2f5f8;
    border-color: #c5ced8;
    color: #1a2332;
}

body.login2 #div_recuperar_senha a {
    display: inline;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    line-height: 1.4;
}

.modal-full .modal-content,
.modal-full-m .modal-content {
    border-radius: 0;
    border: none;
    box-shadow: none;
}

.modal-full .modal-header,
.modal-full-m .modal-header {
    border-radius: 0;
}

.modal-full .modal-footer,
.modal-full-m .modal-footer {
    background: #f7f9fb;
    border-top: 1px solid #e5e9ef;
    border-radius: 0;
}

.modal-full .modal-header .close,
.modal-full-m .modal-header .close {
    color: #ffffff;
    opacity: 0.85;
}

.modal-full .modal-header .close:hover,
.modal-full-m .modal-header .close:hover {
    color: #ffffff;
    opacity: 1;
    background: rgba(255, 255, 255, 0.14);
}

.modal:not(.modal-full):not(.modal-full-m) > .modal-dialog > .modal-content > .modal-header[style*="background"] {
    background: #f7f9fb !important;
}

/* Dashboard/Kanban — coluna transparente (inline/DB) */
body.body_dash_board {
    overflow-x: hidden;
}

.body_dash_board #conteudo_geral,
.body_dash_board .container-fluid {
    font-family: var(--font-ui);
    max-width: 100%;
    overflow-x: hidden;
}

.body_dash_board .box_dash {
    background: transparent !important;
    border: none;
    box-shadow: none;
    overflow: hidden;
    max-width: 100%;
}

.body_dash_board .box_dash:hover {
    box-shadow: none;
}

.body_dash_board .box_dash_conteudo {
    background: transparent !important;
    max-width: 100%;
    overflow-x: hidden;
}

.body_dash_board .box_dash_rodape {
    background: transparent !important;
    border-top: none;
}

.body_dash_board .box_dash_titulo {
    border-radius: 10px;
    margin-bottom: 8px;
    box-shadow: 0 1px 3px rgba(22, 30, 40, 0.05);
    max-width: 100%;
}

.row_dash {
    max-width: 100%;
}

.row_dash > .col_dash {
    max-width: 100%;
}

.box_dash_titulo a {
    color: inherit;
    opacity: 0.7;
    text-decoration: none;
    margin-left: 4px;
    border-radius: 6px;
    padding: 2px 4px;
    transition: opacity 0.15s ease, background-color 0.15s ease;
}

.box_dash_titulo a:hover,
.box_dash_titulo a:focus {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.45);
    text-decoration: none;
}

.box_dash_titulo .fa,
.box_dash_titulo .fad,
.box_dash_titulo .fas,
.box_dash_titulo .far {
    transition: opacity 0.15s ease;
}

.box_dash_conteudo > div[style*="border-left"],
.box_dash_conteudo > div[style*="border-Left"],
.box_dash_conteudo > a > div[style*="border-left"],
.box_dash_conteudo table tr td > div[style*="border-left"] {
    border-radius: 8px !important;
    box-shadow: 0 1px 4px rgba(22, 30, 40, 0.06);
    transition: box-shadow 0.15s ease, filter 0.15s ease;
}

.box_dash_conteudo > div[style*="border-left"]:hover,
.box_dash_conteudo > a > div[style*="border-left"]:hover {
    box-shadow: 0 3px 10px rgba(22, 30, 40, 0.1);
}

.box_dash_conteudo a {
    text-decoration: none;
}

.box_dash_conteudo a:hover {
    text-decoration: none;
}

.box_dash_conteudo {
    scrollbar-width: thin;
    scrollbar-color: rgba(26, 35, 50, 0.2) transparent;
}

.box_dash_conteudo::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.box_dash_conteudo::-webkit-scrollbar-thumb {
    background: rgba(26, 35, 50, 0.18);
    border-radius: 4px;
}

.box_mensagem {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(26, 35, 50, 0.07);
    box-shadow: 0 2px 10px rgba(22, 30, 40, 0.06);
}

.box_mensagem_titulo {
    font-family: var(--font-ui);
    padding: 8px 10px;
}

.box_mensagem_titulo_texto {
    font-family: var(--font-ui);
    font-weight: 600;
    font-size: 14px;
}

.box_mensagem_conteudo {
    font-family: var(--font-ui);
    padding: 8px;
}

/* Forms – Incluir / secundários */
.form_cadastro .btn-success,
.modal-body .btn-success,
.botao_incluir_itens_simplificado.btn-success,
.acoes_itens_simplificado .btn-success {
    font-family: var(--font-ui);
    font-weight: 600;
    background-color: #3a9d6e !important;
    background-image: none !important;
    border-color: #3a9d6e !important;
    color: #ffffff !important;
    border-radius: 8px;
    box-shadow: none;
}

.form_cadastro .btn-success:hover,
.form_cadastro .btn-success:focus,
.modal-body .btn-success:hover,
.modal-body .btn-success:focus,
.botao_incluir_itens_simplificado.btn-success:hover {
    background-color: #318a5f !important;
    border-color: #318a5f !important;
    color: #ffffff !important;
}

.form_cadastro .bt_edicao_secundario > a.btn-warning,
.bt_edicao_secundario.bt_cancelar > a.btn {
    background-color: #e08a5a !important;
    background-image: none !important;
    border-color: #e08a5a !important;
    color: #ffffff !important;
}

.form_cadastro .bt_edicao_secundario > a.btn-info,
.bt_edicao_secundario.bt_incluir_1 > a.btn {
    background-color: #6eb4c6 !important;
    background-image: none !important;
    border-color: #6eb4c6 !important;
    color: #ffffff !important;
}

.form_cadastro .bt_edicao_secundario > a.btn-primary,
.bt_edicao_secundario.bt_incluir_2 > a.btn {
    background-color: var(--shell-accent) !important;
    background-image: none !important;
    border-color: var(--shell-accent) !important;
    color: #ffffff !important;
}

.form_cadastro .form-control[obrigatorio="True"],
.form_cadastro .form-control[data-obrigatorio="True"],
.modal-body .form-control[obrigatorio="True"] {
    border-color: #d0d7de;
    border-bottom: 2px solid #d96b6b !important;
}

.form_cadastro .form-control[obrigatorio="True"]:focus,
.modal-body .form-control[obrigatorio="True"]:focus {
    border-color: var(--shell-accent) !important;
    border-bottom: 2px solid var(--shell-accent) !important;
    box-shadow: 0 0 0 2px rgba(61, 143, 168, 0.14);
}

.coluna_itens_simplificado_agrupadora {
    background: #5c6b7a !important;
    color: #ffffff;
    font-family: var(--font-ui);
    font-weight: 600;
}

/* Botões laterais — não alterar position/size inline */
.btn-lateral_rapido.btn {
    background-image: none !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(22, 30, 40, 0.2);
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    text-shadow: none;
    outline: none;
    transition: filter 0.15s ease, box-shadow 0.15s ease;
}

.btn-lateral_rapido.btn:hover,
.btn-lateral_rapido.btn:focus {
    filter: brightness(0.96);
    box-shadow: 0 6px 16px rgba(22, 30, 40, 0.26);
    outline: none;
}

.btn-lateral_rapido.btn:active {
    filter: brightness(0.92);
    box-shadow: 0 2px 8px rgba(22, 30, 40, 0.18);
}

.btn-lateral_rapido.btn-warning {
    background-color: #e08a5a !important;
    color: #ffffff !important;
}

.btn-lateral_rapido.btn-info {
    background-color: #6eb4c6 !important;
    color: #ffffff !important;
}

.btn-lateral_rapido.btn-primary {
    background-color: var(--shell-accent) !important;
    color: #ffffff !important;
}

.btn-lateral_rapido > span,
.btn-lateral_rapido .fa,
.btn-lateral_rapido .fad,
.btn-lateral_rapido .fas,
.btn-lateral_rapido .far {
    color: #ffffff !important;
    font-size: 13px;
    line-height: 1;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form_cadastro .bt_edicao:not(.btn-lateral_rapido) > a.btn-warning {
    background-color: #e08a5a !important;
    background-image: none !important;
    border-color: #e08a5a !important;
    color: #ffffff !important;
}

.form_cadastro .bt_edicao:not(.btn-lateral_rapido) > a.btn-info {
    background-color: #6eb4c6 !important;
    background-image: none !important;
    border-color: #6eb4c6 !important;
    color: #ffffff !important;
}

.form_cadastro .bt_edicao:not(.btn-lateral_rapido) > a.btn-primary {
    background-color: var(--shell-accent) !important;
    background-image: none !important;
    border-color: var(--shell-accent) !important;
    color: #ffffff !important;
}