/**
Css padrão utilizado pela aplicação Base com os padrões de interface do ICMBIO.
 */
html, body {
    height: 100vh;
    margin: 0;
    border: 0;
}

body{
    padding-top:90px !important;
    font: inherit;
    font-family: Roboto, "Times New Roman", sans-serif;
    font-size: 100%;
    height: 100vh;
    overflow-y: hidden;
    background-color: #fff;
    /*background: linear-gradient(to bottom, #eaf4e0, #fff);*/
}

h1,h2,h3,h4,h5,h6 {
    margin-bottom: 0;
}

.bg-base {
    background: rgb(191,213,169) !important;
    background: linear-gradient(#dfe9d5, #c1d2b0) !important;
}

.app-main-wrapper {
    height:calc(100vh - 100px);
}

.app-main-wrapper-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;"
}

.card-session-exprired {
    max-height: 110px;
    max-width:300px;
}

.navbar-icmbio {
    min-height: 72px;
    padding:0px;
    margin:0px;
}

.navbar-icmbio .nav-item-area {
    height: 70px;
    padding: 0px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar-icmbio .nav-item-area:hover {
    background: linear-gradient(#cccccc55,#ffffff55);
}

.navbar-icmbio .nav-item-divider {
    border: none;
    height: 70px;
    border-left: 2px outset #ccc;
    border-right: 2px inset #ccc;
}

.navbar-icmbio .nav-item-divider-right {
    border:none;
    height: 70px;
    border-right:2px inset #ccc;
}

.navbar-icmbio .btn-user-data {
    font-size: 0.9rem;
}

.navbar-icmbio .btn-user-data .fa-user {
    font-size: 1.3rem;
}

.navbar-icmbio .dropdown-toggle {
    color:#1b1e21 !important;
}

.navbar-icmbio .btn-user-data:focus {
  border:none;
  background-color: transparent !important;
  outline: none;
  box-shadow:none !important;
}

.navbar-icmbio .btn-user-data:active {
  border:none;
  background-color: transparent !important;
  outline: none;
  box-shadow:none;
}

.navbar-icmbio .img-logo-header {
    height: 70px;
    width: 120px;
    margin: 0;
    padding: 0;
    padding-bottom: 2px;
    margin-left: 10px;
    margin-right: 20px;
    cursor: pointer;
}

.navbar-icmbio .img-logo-ibama-header {
    height: 70px;
    width: 73px;
    margin: 0;
    padding: 0;
    padding-bottom: 2px;
    margin-left: 10px;
    margin-right: 20px;
    cursor: pointer;
}

.dropdown-menu-icmbio {
    font-size: 14px;
    background-color: #f9fbf6; /*rgba(212, 224, 187, 0.13)*/
}

.dropdown-item-icmbio:hover {
    background-color: #c5d5b5 !important;
    border-radius: 10px;
}

.nav-link-icmbio-main {
    padding: .2rem 1rem;
    color:#343a40 !important;
}

.nav-link-icmbio {
    color:#343a40 !important;
}

.nav-link-icmbio-main:hover
{
    background-color: #a4b495 !important;
    border-radius: 10px;
}

.dropdown-menu-user-logged
{
    margin-top:0px;
    width:300px;
}

.navbar-app-menu {
    margin-top:60px !important;
    max-height: 30px;
}

.app-version {
    font-size:9px;
}

.legend {
    font-size: 1.2rem;
    border-bottom: 2px solid #1c7430;
}

.table {
    font-size: 0.85em;
}

/* Extra small devices (phones, up to 480px) */
@media screen and (max-width: 991px) {
    body{
        padding-top:105px !important;
    }
    .dropdown-menu-icmbio {
        font-size: 11px !important;
    }

    .navbar-collapse
    {
        background-color: #f9fbf6 !important;
    }

}

/*
!** MENU PRINCIPAL HORIZONTAL LIGHT *!

#navbarAppMenu li a {
    display: flex;
    color:inherit;
    align-items: center;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

#navbarAppMenu li a:hover {

    color:inherit;
    text-decoration: none;
}

!*INICIO MENU PRINCIPAL HORIZONTAL*!
.icmbio-main-menu-wrapper-light {
    position: fixed;
    top:91px;
    left:0px;
    width: 100vw;
    height:50px;
    padding-left: 10px;
    margin-bottom: 10px;
    z-index: 1029;
    background-color: #f8f9fa;
    display: flex;
    justify-content: left;
    align-items: center;
}

.icmbio-menu-horizontal-light {
    position: relative;
    width: 100%;
    height: 50px;
    border: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: stretch;
}


.aToggleMain .dropdown-toggle
{
    padding: 0;
    margin:0;
}
#navbarAppMenu li.dropdown {
    display: flex;
    align-items: center;
    justify-content: left;
    height: 50px;
    background-color: #3dd515;
}


#navbarAppMenu {
    height: 50px;
}

#navbarAppMenu .navbar-nav {
    !*justify-content: center;*!
}

#navbarAppMenu .aToggleMain {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0px 10px;
    color:#1b1e21;
    text-decoration: none;
    !*border-right: 1px inset #cbcbcb;*!
}

#navbarAppMenu .aToggleMain:hover {
    background-color: #e8e9ea;
    text-decoration: none;
    color:inherit;
}


#navbarAppMenu .dropdown-menu {
    !*border:1px solid #cbcbcb;*!
    white-space: nowrap;
    padding-top: 0px;
    padding-bottom: 0px;
    !*background-color: silver;*!

}

#navbarAppMenu li {
    height: 40px;
    background-color: transparent;
    padding:0 10px;
    margin-right:5px;
}

#navbarAppMenu li:hover {
    background-color: #e8e9ea;
    color:inherit;
}


#navbarAppMenu li.dropdown {
    display: flex;
    align-items: center;
    justify-content: left;
    height: 50px;
    background-color: #9fcdff;
}


!*SUBMENUS*!
#navbarAppMenu .dropdown-menu li {
    border-bottom: 1px inset #cbcbcb;
    padding: 10px 0px;
}





!** MENU PRINCIPAL HORIZONTAL *!
.icmbio-main-menu-wrapper {
    position: fixed;
    top:61px;
    left:0px;
    width: 100vw;
    height:35px;
    padding-left: 10px;
    z-index: 1029;
}

.icmbio-menu-horizontal {
    background: none;
    border: 0 solid;
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top:3px;
}
.icmbio-menu-horizontal .navbar-toggler-icon:hover {
    background-color: #b6c6a7 !important;
}

.icmbio-menu-horizontal .icmbio-navbar-toggler {
    font-size:15px;
    margin-top:2px;
    margin-bottom:5px;
    outline: none;
}

.icmbio-menu-horizontal .dropdown-menu {
    padding:0;
    margin:0;
    border:none;
    border-radius:7px;
    -webkit-box-shadow:none!important;
    box-shadow:none!important
}
.icmbio-menu-horizontal a, .navbar-default .navbar-nav > li > a, .icmbio-menu-horizontal ul li a , .navbar-expand-lg .navbar-nav .nav-link{
    color:#333333;
    font-size:100%;
    text-transform:capitalize;
    padding:5px 5px;
    display: block !important;
}
*/

/*==========Sub Menu===========*/
.icmbio-menu-horizontal .collapse ul > li:hover > a {
    background-color: #a4b495 !important;
    border-radius: 7px;
    text-decoration: none;

}
.icmbio-menu-horizontal .collapse ul ul, .icmbio-menu-horizontal .collapse ul ul.dropdown-menu {
    background-color: #efefef !important;
    border:1px solid #c0c0c0;

}
/* adicionar a setinha à frente do item para indicar que tem submenu */
.icmbio-menu-horizontal .dropdown-submenu > a::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.4em;
    vertical-align: 0;
    content: "";
    border-left: 0.3em solid;
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
}

@media only screen and (min-width: 991px) {
    /* PC */
    .icmbio-menu-horizontal .collapse ul li:hover > ul{display:block}
    .icmbio-menu-horizontal .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
    /*******/
    .icmbio-menu-horizontal .collapse ul ul li{position:relative}
    .icmbio-menu-horizontal .collapse ul ul li:hover> ul{display:block}
    .icmbio-menu-horizontal .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
    /*******/
    .icmbio-menu-horizontal .collapse ul ul ul li{position:relative}
    .icmbio-menu-horizontal .collapse ul ul ul li:hover ul{display:block}
    .icmbio-menu-horizontal .collapse ul ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none;z-index:1}
}
@media only screen and (max-width: 992px) {
    .icmbio-menu-horizontal {
        margin-top: -1px;
    }
    /** mobile */
    .icmbio-menu-horizontal .navbar-nav .show .dropdown-menu > li > a{padding-left:20px}
    .icmbio-menu-horizontal .navbar-nav .show .dropdown-menu .dropdown-submenu > li > a{padding-left:20px}
    .icmbio-menu-horizontal .navbar-nav .show .dropdown-menu .dropdown-submenu .dropdown-menu {padding-left:20px}
}
/* FIM CSS MENU PRINCIPAL HORIZONTAL -----------------------------------*/


/* ajustar sweet alert height para evitar repetir a imagem do background na tela quando for exibida a mensagem.*/
.swal2-title {
    font-size: 1.2em !important;
}

.swal2-height-auto {
   height: 100vh !important;
}

.swal2-actions button {
    min-width: 150px;
    margin-right:10px;
}

.alert {
    margin-bottom: 0;
    padding: 0.5rem 0.5rem;
}

/* ajustar toastr */
.toast {
    width:100% !important;
    max-width: 100% !important;
}

#toast-container {
    width:50vh;
    min-width: 300px;
}

#toast-container>div {
    width: auto !important;
}

.toast-top-right {
    top: 70px !important;
    right: 13px !important;
}
/** fim config toastr **/


/** Block UI */
div.blockMsg {
    border: 1px solid rgb(28, 116, 48) !important;
    font-size: 1.5rem !important;
    padding:15px 10px !important;
}

div.blockOverlay {
    opacity: 0.4 !important;
}


/** form */
form label {
    margin-bottom: 1px;
}

.input-group-sm {
    margin-right:10px;
}

.cursor-pointer {
    cursor:pointer;
}

#pageVue .card {
    border:none;
}
#pageVue .card-header {
    background-color: #fff;
    padding: 0.5rem 1rem;
    font-size: 1.51rem;
    color:green;
    font-weight: bold;
}

#pageVue .card-body {
    padding: 0.5rem 0.5rem;
    padding-left:1rem;
    border: 1px solid rgba(0,0,0,.125);
}

#pageVue .card-footer {
    padding: 0.5rem 0.5rem;
    padding-left:1rem;
    border-top:1px solid #1c7430;
}

.label-required::after {
    content:' \f069';
    color:red;
    font-family: "Font Awesome 5 Free";
    font-size:0.3rem;
    font-weight: bold;
    margin:0px;
    padding:0px;
    position:relative;
    top:-3px;
}
.invalid-feedback {
    position: absolute;
    /*top: -4px;
    left: 2px;*/
    bottom: -15px;
}


.modal-header {
    background: rgb(191,213,169) !important;
    background: linear-gradient(#dfe9d5, #c1d2b0) !important;
}


/** slider checkbox  */
.switch {
    margin: 0px !important;
    padding:0px !important;
    display: inline-block;
    height: auto;
    position: relative;
    width: 60px;
}

.switch input {
    display:none;
}
.switch label {
    margin-bottom: 0px;
}

.slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: -18px;
    transition: .4s;
    height: 25px;
}

.slider:before {
    background-color: #fff;
    bottom: 3px;
    content: "";
    height: 20px;
    left: 4px;
    position: absolute;
    transition: .4s;
    width: 20px;
}

input:checked + .slider {
    background-color: #66bb6a;
}

input:checked + .slider:before {
    transform: translateX(30px);
}

.slider.round {
    border-radius: 13px;
}

.slider.round:before {
    border-radius: 50%;
}
/** fim slider checkbox */



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



.icmbio-menu-horizontal-light {
    width: 100%;
    background-color: #eff0f1;
    height: 55px;
}
.icmbio-menu-horizontal-light li.menu-item {
    border-right: 1px inset #d1d1d1;
}
.icmbio-menu-horizontal-light li.menu-item a:hover {
    background-color: #d4d5d6;
}
.icmbio-menu-horizontal-light li.menu-item a {
    text-decoration: none;
    color: black;
    height: 55px;
    display:flex;
    align-items: center;
    padding:0 10px;
}

/* sub sub menu */
.icmbio-menu-horizontal-light li.menu-item.dropdown ul.dropdown-menu {
    margin:0;
    padding:0;
}
.icmbio-menu-horizontal-light li.menu-item.dropdown ul.dropdown-menu li.menu-item {
    margin:0;
    padding:0;
    border-bottom: 1px inset #d1d1d1;
    height: 45px;
}
.icmbio-menu-horizontal-light li.menu-item.dropdown ul.dropdown-menu li.menu-item a.aItem {
    color:#000;
    padding-left:20px;
    height: 45px;
}