/* Global */

body {
   font-family: 'Roboto', sans-serif;
}

.PwrCursorPointer {
   cursor: pointer;
}

/* PwrLoader */
.PwrLoader {
   width     : 100%;
   height    : 100%;
   position  : absolute;
   z-index   : 9999999;
   background: #fff;
}

.PwrLoader div {
   position : absolute;
   font-size: 2rem;
   top      : calc(50% - 1rem);
   left     : calc(50% - 1rem);
}

/* PwrHeader */
.PwrHeader {
   box-shadow: 0 2px 4px rgb(23 23 23 / 41%);
   position  : fixed;
   width     : 100%;
   z-index   : 100;
}

.PwrHeader .navbar {
   padding: 0 1rem;
   background-color: #ededed !important;
}

.PwrHeader .navbar-expand-lg .navbar-nav .nav-link {
   font-size: 10px;
}

.PwrHeader .navbar-light .navbar-toggler {
   padding      : 3px 5px;
   margin       : 5px 0;
   border-color: rgb(255 255 255 / 0%);
}

/*SubHeader*/
.PwrSubHeader .nav-item a{
font-size: 12px;
color: #333;
border-bottom: 3px solid #297cf9;
margin: 0 6px;
}

/* PwrPrincipal */
.PwrSectionPrincipal {
   width   : calc(100%);
   height  : calc(100% - 32px);
   position: absolute;
   top     : 32px;
}

.PwrDesktop {
   width   : calc(100%);
   height  : calc(100%);
}

.PwrMobile {
   width   : calc(100%);
   height: calc(100%);
}

.PwrNavbar .nav {
   box-shadow: 0 0px 4px rgba(0, 0, 0, 0.5);
   background: #fff;
   margin-bottom: 1px;
}
.PwrNavbar .nav a.nav-link {
   
border-radius: 0;
   
font-size: 10px;
}


/* SidebarLeft */
.PwrSidebarLeft {
   height    : 100%;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
   overflow: hidden;
   width     : 330px;
   z-index   : 99;
   position  : absolute;
   background: #fff;
}

.PwrSidebarLeft.PwrLeftSidebarVisible {
   left   : 0;
   z-index: 99;
}

.PwrSidebarLeft.PwrLeftSidebarHidden {
   z-index: 50;
   left   : -332px;
}

.PwrSidebarLeftLogo {
   width  : auto;
   padding: 6px 70px 5px;
}

.PwrSidebarLeftLogo img {
   max-width: 100%;
   width    : 100%;
   padding  : 0 15% !important;
}

.PwrModalAcessoRestrito .PwrSidebarLeftLogo img {
    padding: 0 31% !important;
}

.PwrLoginIframe, .PwrLoginIframeSGT {
   width   : 100%;
   height: 542px !important;
   border  : none;
   overflow: hidden !important;
   padding : 0 5px;
}

.PwrLoginIframeSGT {
   height: 503px !important;
}

iframe#PwrEsqueciSenhaIframeSGT {
   width: 100%;
   height: 100%;
}

.modal-open .PwrModalAcessoRestrito.modal {
   overflow-y: hidden;
}

/* Content */
.PwrContent {
   height: calc(100% - 29px);
   padding-top: 15px;
   background : #fff0;
}

.PwrContent.PwrLeftSidebarVisible {
   left    : 332px;
   width   : calc(100% - 332px);
   position: relative;
   overflow: auto;
}

.PwrContent.PwrLeftSidebarHidden {
   width   : 100%;
   left    : 0;
   position: relative;
   overflow: overlay;
}

/*Slider*/

#PwrCarousel {
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.carousel-inner {
   height: 260px;
}

/*Cards*/
.PwrCards {
   width         : calc(100%);
   padding-bottom: 18px;
}

.PwrCards .card {

margin: 1px 2px;
}

.PwrCards .card:hover {
   cursor: pointer;
}

.PwrBgFundo {

position: fixed;

z-index: -1;

top: 0;

left: 0;

width: 100%;

height: 100%;

background: #0154a0;
}

.PwrBgFundo img {
   width            : calc(100%);
   height           : 100%;
   background-repeat: no-repeat;
   background-size  : cover;
   opacity: 0.2;
}

.PwrCards .row {
   margin-top: 15px;
}

.PwrCardNFSeTitle {
   color         : #efefef;
   text-transform: uppercase;
}

.PwrCardContribuinteTitle {
   color         : #efefef;
   text-transform: uppercase;
}

.PwrCardNFSeTitle h6,
.PwrCardContribuinteTitle h6 {
   font-size: 13px;
}

.PwrCards .PwrCardNFSe .card {
   box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
   background: #fff;
}

.PwrCards .PwrCardContribuinte .card {
   box-shadow: 0 1px 1px 0 rgba(66, 66, 66, 0.08), 0 1px 3px 1px rgba(66, 66, 66, 0.16);
   background: #fff;
}

.PwrCards .card:hover {
   background: rgb(255 255 255);
   text-decoration: none;
   border:1px solid #fff;
}

.PwrCards .card-body {
   padding   : 8px 10px 8px;
   text-align: center;
}

.PwrCards .card-text,
.PwrCards .card-subtitle {
   z-index : 2;
   position: relative;
}

.PwrCardNFSe .card-subtitle {}

div.PwrCardContribuinte .card-subtitle {
   color: #4e8d87 !important;
}

.PwrCards .card-subtitle {
   text-transform: uppercase;
   font-size     : 11px;
   margin        : 0px 0 0 !important;
   font-weight   : 600;
   color         : #484848 !important;
}

.PwrCards .card-text {
   color      : #848484;
   text-shadow: 0px 1px 3px #ccc;
   font-size  : 12px;
}

.PwrCards .PwrCardIcon {
   /* position  : absolute; */
   /* right     : -10px; */
   /* top       : 5px; */
   /* z-index   : 1; */
   /* text-align: center; */
   /* width     : 80px; */
}

.PwrCards .PwrCardIcon i {
   color: #949ba2;
}

/*Grafico*/
.PwrGrafico {
   padding-bottom: 15px;
}

.PwrGrafico img {
   width     : 100%;
   height    : 225px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.PwrGraficoTitle h6 {
   font-size: 13px;
   color    : #fff;
}

.PwrGraficoIframe iframe {
   background-color: #fff;
   border:0;
}

#carouselGraficos .carousel-inner {
   height: 360px;
}

/*Carousel Iframe*/
#carouselGraficos .carousel-inner {
   height: 360px;
}

/*Iframe*/
.PwrIframe {
   width : 100%;
   height: 100%;
   border: none;
}

.PwrIframeGrafico {
   width : 100%;
   height: 357px;
   border: none;
   background: #fff;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* PwrModal */
#PwrModal .modal-header {
   padding-top   : 6px;
   padding-bottom: 6px;
   background    : rgba(255, 255, 255, 1);
   background    : -moz-linear-gradient(45deg, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
   background    : -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
   background    : -webkit-linear-gradient(45deg, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
   background    : -o-linear-gradient(45deg, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
   background    : -ms-linear-gradient(45deg, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
   background    : linear-gradient(45deg, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
   filter        : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=1);
}

#PwrModal .modal-title {
   text-transform: uppercase;
   font-size     : 14px;
   color         : #656565;
   padding-top   : 2px;
}

#PwrModal button.close {
   color: #020202;
}

#PwrModal .modal-body {
   padding: 0 1px;
}

.PwrModalAcessoRestrito .modal-dialog {
   margin: 0 auto !important;
}

.PwrModalAcessoRestrito .modal-content {
   height: 100% !important;
}

/* PwrFooter */
.PwrFooter {
   background: #ededed;
   box-shadow: 0 0px 3px rgba(0, 0, 0, 0.5);
   z-index   : 40;
}

.PwrFooter.PwrLeftSidebarVisible {
   left: 330px;
}

.PwrFooter.PwrLeftSidebarHidden {
   left      : 0px;
}

.PwrFooter a {
   font-size     : 9px;
   text-transform: uppercase;
   text-shadow   : 0 0px 2px rgba(0, 0, 0, 0.5);
}

.PwrFooter .PwrFooterCopy {
   text-align: left;
}

.PwrFooter .PwrFooterContato {
   text-align: right;
}

/*Mobile*/
.PwrServicosMobile {
   height    : 100%;
   width: 100%;
   overflow  : auto;
   z-index   : 99;
   position  : absolute;
   background: #fff;
}

.PwrMobile #pills-tabContent{

}

#pills-login {
   background: #fff;
}

@media (max-width: 991.98px) {
    /*Header*/
    .PwrHeader .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 11px;
}
    /*Sidebarleft*/
    .PwrSidebarLeftLogo {
        width: auto;
        padding: 6px 70px 5px;
    }

   /* PwrPrincipal */
   .PwrSectionPrincipal {
      height: calc(100% - 92px);
      top: 48px;
      overflow: auto;
   }

   /*LeftSidebar*/
   .PwrSidebarLeft {    
    left: 0 !important;
    width: 100%;
    }




   /*Modal*/
   #PwrModal .modal {
      z-index: 1070;
   }

   #PwrModal .modal-content {
      width: 100% !important;
   }

   .PwrDesktop {
      display: none;
   }

   .PwrMobile .PwrBgFundo {
        top: 83px;
    }

    .PwrNavbar {
        /* height:calc(100% - 44px); */
    }

    /* Footer */
   .PwrFooter {
      left   : 0;
      padding: 5px;
   }

   .PwrFooter.PwrLeftSidebarVisible {
      left      : 0px;
   }
   
   .PwrFooter a {
      font-size: 9px;
   }

   .PwrFooter .PwrFooterCopy,
   .PwrFooter .PwrFooterContato {
      text-align: center;
      padding   : 2px;
   }
}

/*Popover*/
.popover {

}

.popover-body {
   background: #e6e6e6;
}

.popover .arrow {

}


/* Font Awesome */

.card-group .card .card-body:before {
    position: absolute;
    width: 0;
    height: 0;
    background-color: #2369a9;
    left: 0;
    top: 0;
    content: "";
    -webkit-transition: .3s;
    transition: .3s;
}

.card-group .card .card-body:after {
    position: absolute;
    width: 0;
    height: 0;
    background-color: #2269aa;
    right: 0;
    bottom: 0;
    content: "";
    -webkit-transition: .3s;
    transition: .3s;
}

.card-group .card .card-body:hover:after,
.card-group .card .card-body:hover:before  {
    width: 50%;
    height: 3px;
    -webkit-transition: .3s;
    transition: .3s;
}

.card-group .card .card-body:hover .PwrCardIcon i {
    background-color: #2269aa;
    color: #fff;
    border-color: #3d688e;
    border-radius: 0;
}

.PwrCardIcon i {
    width: 60px;
    height: 60px;
    border: 1px solid #e0e0e0;
    line-height: 60px;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s;
}

#carouselGraficos .carousel-control-next,
#carouselGraficos .carousel-control-prev, #carouselGraficos .carousel-indicators  {
    filter: invert(100%);
}

#carouselGraficos .carousel-control-next-icon, #carouselGraficos .carousel-control-prev-icon {
   background-color: #000;
}

.carousel-control-next, .carousel-control-prev {
    width: 10%;
}