/* Falha ao minimizar. Retornando o conteúdo não minimizado.
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg-subtle'
(58,124): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-border-color'
(95,67): run-time error CSS1046: Expect comma, found '190'
(95,74): run-time error CSS1046: Expect comma, found ')'
 */
/* ==========================================================
   TEMA CLÁSSICO - CORES DO BOOTSTRAP 3.7 PARA BOOTSTRAP 5.3
   ========================================================== */

:root { 
    /* Principais variáveis de cor */
    --bs-primary: #337ab7;
    --bs-secondary: #6c757d;
    --bs-success: #5cb85c;
    --bs-info: #5bc0de;
    --bs-warning: #f0ad4e;
    --bs-danger: #d9534f;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    /* Cor de texto e fundo padrão */
    --bs-body-bg: #ffffff;
    --bs-body-color: #212529;
    /* Bordas */
    --bs-border-color: #dee2e6;
    /* Ajustes de link */
    /*--bs-link-color: var(--bs-primary);*/
    --bs-link-hover-color: #23527c;
    --bs-link-color-rgb: 119, 142, 175;
}


/*a { color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)); text-decoration: underline; }*/

/* ==========================================================
   Botões - aparência fiel ao Bootstrap 3.7
   ========================================================== */

.btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; }
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active { background-color: #286090; border-color: #204d74; }

.btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; }
    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active { background-color: #449d44; border-color: #398439; }

.btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; }
    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active { background-color: #31b0d5; border-color: #269abc; }

.btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; }
    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning:active { background-color: #ec971f; border-color: #d58512; }

.btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; }
    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active { background-color: #c9302c; border-color: #ac2925; }

.btn-secondary { color: #000000 !important; background-color: var(--bs-secondary-bg-subtle) !important; border-color: var(--bs-btn-active-border-color) !important; }
    .btn-secondary:hover { background-color: #5a6268; border-color: #545b62; }


/* ==========================================================
   Outros componentes (badges, alerts, links)
   ========================================================== */

/*.panel-info { background-color: #bce8f1 !important; border-color: #bce8f1 !important; }*/
.panel-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
.panel-warning { background-color: #faebcc !important; border-color: #faebcc !important; }
.panel-success { background-color: #d6e9c6 !important; border-color: #d6e9c6 !important; }

.badge.bg-primary { background-color: #337ab7 !important; }
.badge.bg-success { background-color: #5cb85c !important; }
.badge.bg-info { background-color: #5bc0de !important; }
.badge.bg-warning { background-color: #f0ad4e !important; }
.badge.bg-danger { background-color: #d9534f !important; }

.alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
.alert-danger { color: #781d1b; background-color: #f2dede; border-color: #ebccd1; }

.card-header.bg-primary { background-color: #337ab7 !important; border-color: #add7fd; }
    .card-header.bg-primary .card-title { color: white !important; }
    .card-header.bg-primary .form-check-input { background-color: transparent !important; color: white !important;  border: none; }

.card-header.bg-warning { background-color: #fcf8e3 !important; border-color: #ddd; }
    .card-header.bg-warning .card-title { color: white !important; }
    .card-header.bg-warning .form-check-input { background-color: transparent !important; color: white !important; border: none; }

.card-header.bg-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.card-header.bg-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.card-header.bg-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
.card-header.bg-danger { color: #781d1b; background-color: #f2dede; border-color: #ebccd1; }

.text-bg-info { color: #fff !important; background-color: rgb(118 190 219) !important; }
.text-bg-warning { color: #8a6d3b !important; background-color: #fcf8e3 !important; }

.bg-info { background-color: #d9edf7 !important; }
.bg-warning { background-color: #fcf8e3 !important; }

.table > :not(caption) > * > * { background-color: transparent !important;  }

/* ==========================================================
   Personalizações adicionais
   ========================================================== */
.w-min-640 { min-width: 640px !important; }
.w-min-780 { min-width: 780px !important; }
.w-min-1000 { min-width: 1000px !important; }
.w-min-1300 { min-width: 1300px !important; }
.w-min-1600 { min-width: 1600px !important; }

.w-max-640 { max-width: 640px !important; }
.w-max-790 { max-width: 790px !important; }
.w-max-1000 { max-width: 1000px !important; }
.w-max-1300 { max-width: 1300px !important; }
.w-max-1600 { max-width: 1600px !important; }

.w-100px { width: 100px !important; }
.w-150px { width: 150px !important; }
.w-200px { width: 200px !important; }
.w-250px { width: 250px !important; }
.w-300px { width: 300px !important; }

.w-100px-min { min-width: 100px !important; }
.w-150px-min { min-width: 150px !important; }
.w-200px-min { min-width: 200px !important; }
.w-250px-min { min-width: 250px !important; }
.w-300px-min { min-width: 300px !important; }

.w-100px-max { max-width: 100px !important; }
.w-150px-max { max-width: 150px !important; }
.w-200px-max { max-width: 200px !important; }
.w-250px-max { max-width: 250px !important; }
.w-300px-max { max-width: 300px !important; }

.top-5 { top: 5px !important; }
.top-10 { top: 10px !important; }
/*=====================================================================*/
/*    Ajustes na formatação dos formulários que usam bootstrap         */
/*=====================================================================*/

/* CheckBox Bootstrap  */
input[type=checkbox], input[type=radio] { margin-right: 10px; margin-top: 4px; line-height: normal; width: 20px !important; height: 20px !important; }
input[type="checkbox"]:checked { background: #fff; }
input[type="checkbox"], label { padding-left: 10px !important; padding-right: 10px !important; }
input[type="radio"], label { padding-left: 10px !important; padding-right: 10px !important; }

.HiddeContent { color: transparent !important; border: transparent !important; font-size: 0px !important; background-color: transparent !important; }

/*=====================================================================*/
/* Corrige o problema do select2 e a largura
/*=====================================================================*/
/*.select2-container { position: relative; z-index: 2; float: left; width: 95%; margin-bottom: 0; display: table; table-layout: fixed; }*/
/*.form-group .select2-container { position: relative; z-index: 2; float: left; width: 95%; margin-bottom: 0; display: table; table-layout: fixed; }*/

/* Ajusta a formatação dos itens que aparecem nas listas */
/*.select2-container--bootstrap .select2-results__option { padding-top: 1px; padding-bottom: 1px; font-size: smaller; }*/
.select2-container--open { z-index: 9999999 }

/*.select2-container .select2-selection--single .select2-selection__rendered { color: #731010 !important; font-size: large !important; font-weight: bold !important; font-style: italic !important; padding: 6px 12px !important; }*/
/*.select2-container--bootstrap .select2-results__option { font-size: large !important; font-weight: bold !important; font-style: italic !important; color: olive !important; }*/

.select2-container--bootstrap .select2-results__option--highlighted { background-color: #f5f5f5 !important; color: #731010 !important; }

/*.select2-container--bootstrap .select2-selection--single { height: 50px; line-height: 1.428571429; padding: 6px 24px 6px 12px; background-color: antiquewhite; }*/

/* Ajusta a formatação dos itens que aparecem nas listas */

/*=====================================================================*/
/* Defina a altura máxima da combobox                                  */
/*.select2-container--bootstrap .select2-results > .select2-results__options { font-size: 1.2em; max-height: 280px; overflow-y: auto; }*/

/* Para dispositivos 1280x800 */
@media screen and (max-width:1280px), screen and (max-height: 800px) {
    .select2-container--bootstrap .select2-results > .select2-results__options { font-size: 1.2em; max-height: 180px; overflow-y: auto; }
}

/* Para dispositivos 800x600 */
@media screen and (max-width:800px), screen and (max-height: 600px) {
    .select2-container--bootstrap .select2-results > .select2-results__options { font-size: 1.2em; max-height: 180px; overflow-y: auto; }
}


/*=====================================================================*/
/* Texto do label no form horizontal
/*=====================================================================*/
/*@media (max-width: 690px) {
    .form-horizontal .form-label { text-align: left !important; text-overflow: clip !important; white-space: nowrap !important; padding-right: 0px !important; }
}

@media (min-width: 690px) {
    .form-horizontal .form-label { text-align: right !important; text-overflow: clip !important; white-space: nowrap !important; padding-right: 0px !important; }
}
*/

/*Afasta o container da barra lateral esquerda para os botões left*/
@media(max-width:768px) {
    .container { margin-left: 35px; }
}

@media (min-width: 690px) {
    .form-horizontal .form-label { text-align: right !important; text-overflow: clip !important; white-space: nowrap !important; padding-right: 0px !important; }
}

/*    Define o estilo do item selecionado quando estiver usando        */
/*    GridView alternando a cor da página selecionada                  */
.GridViewPager span { background-color: #efba4c; max-height: 20px; border-radius: 6px; /*font-size: 18px;*/ font-weight: bold !important; padding: 2px 10px 2px 10px; }
.GridViewPager td { padding-left: 5px; padding-right: 5px; }
.GridViewPager .card-header span { color: #009900 !important; font-weight: bold; font-size: 16pt; }
.GridViewPager a { padding-left: 3px !important; }

.GridHeaderLeft td, .GridHeaderLeft th { text-align: left }
.GridHeaderCenter td, .GridHeaderCenter th { text-align: center }
.GridHeaderRight td, .GridHeaderRight th { text-align: right }

/*    Cria um tipo form-multiline para formulários com vários campos   */
/*    que se posicionam dinamicamente de acordo com a largura          */
.form-multiline .form-group { margin-bottom: 15px !important; margin-right: 30px !important; margin-left: 30px !important; }

.form-multiline label { text-align: right !important; width: 140px !important; margin-right: 5px !important; margin-left: 15px !important; text-wrap: none !important; }

/* posiciona o texto do label a esquerda se a resolução for inferior 600 pixels de largura */
@media (max-width: 580px) {
    .form-multiline label { text-align: left !important; }
}


/*    Cria uma borda para os formulários com efeito 3d                 */
.div3d { border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, rgba(0, 0, 0, 0.12) 0px 2px 10px 0px; box-sizing: border-box; height: fit-content; border-radius: 6px !important; background-color: white !important; padding: 5px 30px 5px 20px !important; margin: 10px 30px 10px 30px !important; overflow: auto; }

/*    Paginação no GridView estilo bootstrap                           */
.pagination-ys { padding-left: 0; margin: 20px 0; border-radius: 4px; }
    .pagination-ys table > tbody > tr > td { display: inline; }
        .pagination-ys table > tbody > tr > td > a,
        .pagination-ys table > tbody > tr > td > span { position: relative; float: left; padding: 8px 12px; line-height: 1.42857143; text-decoration: none; color: #dd4814; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px; }
        .pagination-ys table > tbody > tr > td > span { position: relative; float: left; padding: 8px 12px; line-height: 1.42857143; text-decoration: none; margin-left: -1px; z-index: 2; color: #aea79f; background-color: #f5f5f5; border-color: #dddddd; cursor: default; }
        .pagination-ys table > tbody > tr > td:first-child > a,
        .pagination-ys table > tbody > tr > td:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
        .pagination-ys table > tbody > tr > td:last-child > a,
        .pagination-ys table > tbody > tr > td:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
        .pagination-ys table > tbody > tr > td > a:hover,
        .pagination-ys table > tbody > tr > td > span:hover,
        .pagination-ys table > tbody > tr > td > a:focus,
        .pagination-ys table > tbody > tr > td > span:focus { color: #97310e; background-color: #eeeeee; border-color: #dddddd; }

/*    Paginação no GridView importar extratos                    */
.table-ImpExtrato { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 0px; overflow: hidden; margin: 10px; }
    .table-ImpExtrato th, .table-ImpExtrato td { padding: 2px 8px; border: 1px solid #ddd; text-align: left; }
        .table-ImpExtrato th:first-child, .table-ImpExtrato td:first-child { width: 20%; }
        .table-ImpExtrato th:nth-child(2), .table-ImpExtrato td:nth-child(2) { width: 40%; }
        .table-ImpExtrato th:last-child, .table-ImpExtrato td:last-child { width: 40%; }
    .table-ImpExtrato tr:nth-child(even) { background-color: #f2f2f2; }
    .table-ImpExtrato tr:nth-child(odd) { background-color: #ffffff; }
    .table-ImpExtrato th { background-color: #6193b0; color: white; border-radius: 7px; text-align: center; }
.tcentralizar-vertical { display: flex; flex-direction: column; justify-content: center; height: 100%; }


/*    Paginação no GridView estilo bootstrap                           */
.GridView-rounded-corners { border: 1px solid black; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden; }

/*Diversos*/
.fullscreen { position: fixed; top: 0; left: 0; width: 100vw !important; height: 100vw !important; z-index: 9999; }


/*====================================================================*/
/* Ajustes css do Menu_Dashboard                                      */
/*====================================================================*/
.navbar { margin-bottom: 0px !important; }

/*====================================================================*/
/* iFrame dos que receberá o menu de links mais utilizados            */
/*====================================================================*/
#iframeMenuRapido { min-height: 30px !important; overflow: hidden !important; position: fixed !important; margin-top: 50px !important; right: 0 !important; left: 0 !important; border: 0 !important; width: 100% !important; height: 35px !important; max-height: 35px !important; padding-top: 0px !important; padding-bottom: 0px !important; overflow: hidden !important; z-index: 1029 !important; }

/*====================================================================*/
/* Nesse iFrame as páginas serão carregadas                           */
/*====================================================================*/

/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	#iframeMenuForms { overflow: scroll !important; min-width: 580px !important;  min-height: 1200px !important; margin-top: 60px !important; -webkit-overflow-scrolling: touch !important; }
}*/

/* Desktops and laptops ----------- */

/*@media only screen and (max-width : 580px) {

	#iframeMenuForms { overflow: scroll !important; min-width: 580px !important;  min-height: 2400px !important;  margin-top: 92px !important; -webkit-overflow-scrolling: touch !important; }
}*/

/*@media only screen and (min-width : 580px) {

	#iframeMenuForms { overflow: scroll !important; min-width: 580px !important; min-height: 1200px !important; margin-top: 86px !important; -webkit-overflow-scrolling: touch !important; }
}*/

footer { /*background-color: lightgray;*/ padding: 25px; }


/*====================================================================*/
/* Parâmetros para dispositivos até 767px
/*====================================================================*/
/*@media (max-width: 767px) {

    #MenuPrincipal { font-size: 36px !important; color: white !important }
    #MenuPrincipal li { padding: 10px 0px 10px 30px !important; color: white !important }
    #MenuPrincipal a  { padding: 10px 0px 10px 30px !important; color: white !important }
    #MenuPrincipal a.dropdown-toggle { padding: 10px 0px 10px 30px !important; color: white !important }

    #MenuPrincipal ul.dropdown-menu {  font-size: 22px !important; line-height: 30px !important;color: white !important }
    #MenuPrincipal li.menu-item.dropdown {  font-size: 26px !important; color: white !important }
    #MenuPrincipal .navbar .dropdown-menu a { color: white !important }
    
}*/

/*====================================================================================*/
/* Posiciona a imagem gif carregando...                                               */
/* O valor deve ser o mesmo do  #iframeMenuRapido para @media (max-width: 767px)      */
/* Height e Width devem ser iguais ao  #iframeMenuForms  min-width: 580px !important; */
/*====================================================================================*/
#divLoading { position: absolute; left: 0px; top: 80px; z-index: 3; opacity: 0.2; }
#imgLoading { width: 580px; position: absolute; opacity: 0.6; }
/*====================================================================*/


/*====================================================================*/
/* Altera parâmetros da navbar do rodapé do menu principal            */
/*====================================================================*/
/*.navbar { min-height: 30px !important; }*/
.navbar-fixed-bottom { min-height: 30px !important; height: 30px !important; padding: 0px !important; }
    .navbar-fixed-bottom .navbar-brand { padding: 0px 25px !important; line-height: 30px !important; height: 30px !important; font-size: 14px !important; }
    .navbar-fixed-bottom .navbar-nav > a { padding-top: 0px !important; padding-bottom: 0px !important; margin: 0px 0px !important }
    .navbar-fixed-bottom .navbar-header { padding: 0px 0px 0px 0px !important; }
        .navbar-fixed-bottom .navbar-header > a:hover { background-color: rgba(4, 47, 88, 0.95) !important; }
    .navbar-fixed-bottom .navbar-nav .nav { padding-top: 0px !important; padding-bottom: 0px !important; margin: 0px !important }
    .navbar-fixed-bottom .navbar-toggler { margin-top: 0px !important; visibility: hidden; }
    .navbar-fixed-bottom .navbar .navbar-form { margin-top: 2px !important; margin-bottom: 0px !important; }
.navbar-info { float: left; padding: 0px 25px; font-size: 9px !important; line-height: 28px; height: 25px; font-weight: bold !important; /*color: white !important;*/ }
a.navbar-info { padding: 5px 25px 0px 10px !important; }

/* posiciona o Painel de controle no centro e muda a altura do navbar bottom */
@media (max-width: 580px) {
    .navbar { min-height: 50px !important; }
    .navbar-fixed-bottom { min-height: 50px !important; height: 50px !important; padding: 0px !important; }
        .navbar-fixed-bottom .navbar-brand { /*padding: 0px 5px !important;*/ line-height: 50px !important; height: 50px !important; font-size: 18px !important; }
        .navbar-fixed-bottom .navbar-nav { margin: 0px 0px !important; width: 100% !important; }
            .navbar-fixed-bottom .navbar-nav > a { padding-top: 0px !important; padding-bottom: 0px !important; margin: 0px 0px !important }
        .navbar-fixed-bottom .navbar-header { padding: 0px 0px 0px 35px !important; }
            .navbar-fixed-bottom .navbar-header > a:hover { background-color: rgba(4, 47, 88, 0.95) !important; }
        .navbar-fixed-bottom .navbar-nav .nav { padding-top: 0px !important; padding-bottom: 0px !important; margin: 0px !important }
        .navbar-fixed-bottom .navbar-toggler { margin-top: 0px !important; visibility: hidden; }
        .navbar-fixed-bottom .navbar .navbar-form { margin-top: 2px !important; margin-bottom: 0px !important; }
    .navbar-info { float: left; padding: 0px 55px; font-size: 12px !important; line-height: 28px; height: 25px; font-weight: bold !important; /*color: white !important;*/ }
}

@media (max-width: 767px) {
    .navbar-fixed-bottom .navbar-nav .open .dropdown-menu { position: absolute !important; background-color: white !important; padding: 15px 15px !important; }
        .navbar-fixed-bottom .navbar-nav .open .dropdown-menu > li > a { font-size: 40px; background-color: white !important; padding: 20px 0px !important; }
}


/*====================================================================*/
/*Foi adicionado essa parte para permitir menu com muitos sub-menus   */
/*====================================================================*/

/* Para dispositivos móveis */
/*@media (max-width: 767px) {
    .navbar-collapse { font-size: 30px;  }

    .navbar-nav .open .dropdown-menu { font-size: 30px; }

        .navbar-nav .open .dropdown-menu > li > a { color: black; }

    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { max-height: 50%; }

    .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 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: #cccccc; margin-top: 5px; margin-right: -10px; }

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

        .dropdown-submenu.float-start { float: none; }

            .dropdown-submenu.float-start > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
}*/

/*@media (min-width: 767px) {
    .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 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: #cccccc; margin-top: 5px; margin-right: -10px; }

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

        .dropdown-submenu.float-start { float: none; }

            .dropdown-submenu.float-start > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
}*/
/*=========================================================================*/
/* Configuração para impressão da página usando onclick='window.print();'  */
/*=========================================================================*/
@media print {
    body { zoom: 0.6; margin: 1.6cm; }

    table { page-break-inside: avoid; }

    div#MenuLinks_pnlMenuLinksRapidos { visibility: hidden; }

    @page { margin: 0; }
}



/*=========================================================================*/
/*              Navbar SideBar com os botões                               */
/*=========================================================================*/
/*.menu-left { float: left; position: fixed; left: 0px; top: 0px; background: rgba(0,0,0,0.2); white-space: nowrap; width: 10px; height: 100vh; transition: width 0.3s; z-index: 4; overflow: hidden; }
    .menu-left:hover { width: 55px; background: rgba(0,0,0,0.2); transition: width 0.4s; height: 100%; }
.menu-left-item { padding: 5px 0px; height: 40px; min-width: 45px; width: 45px; overflow: hidden; margin: 5px 5px; text-align: left; z-index: 1040; }
    .menu-left-item:hover { width: 260px; transition: width 0.3s; }*/

.menu-left { position: fixed; left: 0px; top: 80px; background: rgba(0,0,0,0.3); width: 10px; height: calc(100vh - 60px); z-index: 4; padding: 5px; overflow: visible; }
    .menu-left:hover { width: 55px; transition: width 0.4s; height: 100%; }
.menu-left-item { display: flex; align-items: center; justify-content: flex-start; width: 45px; height: 45px; min-width: 45px; margin-bottom: 5px; padding: 0 !important; overflow: hidden; white-space: nowrap; text-decoration: none !important; transition: width 0.3s ease, box-shadow 0.2s ease; border: none; position: relative; }
    .menu-left-item:hover { width: 280px; box-shadow: 0 4px 8px rgba(0,0,0,0.3); z-index: 1041; }
    .menu-left-item .fa-stack { width: 45px; min-width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
    .menu-left-item .btn-text { padding-left: 8px; padding-right: 10px; opacity: 0; transition: opacity 0.2s ease; white-space: nowrap; }
    .menu-left-item:hover .btn-text { opacity: 1; transition: opacity 0.3s ease 0.1s; }

/* Ajuste para ícones FontAwesome */
.menu-left-item i { font-size: 1.2rem; }


/*=========================================================================*/
/*        CssClass para centralizar Painel e DIV no centro da página       */
/*=========================================================================*/
@media (min-width: 767px) { .panel-drag { margin-left: 25px; }
}
.panel-shadow { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) }
.panel-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }