/* Left Panel right border when it is visible by breakpoint */
.panel-left.panel-in-breakpoint:before {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: rgba(0,0,0,0.1);
  content: '';
  z-index: 6000;
}

/* Hide navbar link which opens left panel when it is visible by breakpoint */
.panel-left.panel-in-breakpoint ~ .view .navbar .panel-open[data-panel="left"] {
  display: none;
}

/*
  Extra borders for main view and left panel for iOS theme when it behaves as panel (before breakpoint size)
*/
.ios .panel-left:not(.panel-in-breakpoint).panel-in ~ .view-main:before,
.ios .panel-left:not(.panel-in-breakpoint).panel-closing ~ .view-main:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: rgba(0,0,0,0.1);
  content: '';
  z-index: 6000;
}

/* Hide navbar link which opens left panel when it is visible by breakpoint */
.color-navbar-bg {
  background-color: red;  
}

#divBorderRadius {
  border: 2px solid gray;
  padding: 10px;
  border-radius: 25px;
  width:90%
}

/*Altera cor background e foreground do label "Pesquisar"*/
.dataTables_wrapper 
     .dataTables_length, div.dataTables_wrapper 
       div.dataTables_filter label{ 
        color: gray;
        background-color: white;
}

/*Altera cor background e foreground do input "Pesquisar"*/
.dataTables_wrapper 
     .dataTables_length, div.dataTables_wrapper 
       div.dataTables_filter input {
         margin-left: 0px;
         height: 35px;
         background-image: url("/assets/icons/searchsmall6.png");
         background-repeat: no-repeat;
         background-position: 5px 10px !important;
         padding: 4px 1.7rem;
         color: gray;
         background-color: #F2F2F2;
         border:1px solid #F2F2F2;
}
/*
Altera cor background e foreground do select "Mostrar quantidade registro"
.dataTables_wrapper 
     .dataTables_length, div.dataTables_wrapper 
       div.dataTables_length select {
        color: blue;
        background-color: #E6E6E6;
     }
*/
select
{
  padding-left:10px !important; /*Margem esquerda para cada item da lista*/
}

option
{
  line-height: 5px !important;;
}

.accordion {
    margin: 30px;
}

.accordion-button.collapsed {
    border-bottom: #ccc 1px solid
}

.accordion-body {
    border-left: #673ab744 1px solid;
    border-bottom: #673ab744 1px solid;
    border-right: #673ab744 1px solid
}

.accordion-button {
    display: inline !important
}

.flx-row {
    display: flex;
    justify-content: space-between;
}

.card-header-custom {
    display: flex;
    justify-content: space-between;
}

img.center {
  display: block;
  margin: 0 auto;
}

:root {
  --f7-md-surface-variant-rgb: 255,255,255;
}

.successToast {
  background-color: #62BF4C;
  color: white;
}

.failureToast {
  background-color: #FB5231;
  color: white;
}

.warningToast {
  background-color: #F4E60F;
  color: black;
}


#divpopupdocumento {
  position: absolute;
  z-index: 999999;
  border: 2px solid #BDBDBD;
  background-color:#6E6E6E;
  text-align: center;
}

#divpopupdocumentoheader {
  padding: 10px;
  z-index: 1000000;
}


#idDocumentoImgFull {
  -webkit-transform-origin: top left;
  /* Chrome */
  -ms-transform-origin: top left;
  /* IE 9 */
  transform-origin: top left;
  /* IE 10+, Firefox, etc. */
}
#divpopupdocumento.rotate90 #idDocumentoImgFull {
  -webkit-transform: rotate(90deg) translateY(-100%);
  -ms-transform: rotate(90deg) translateY(-100%);
  transform: rotate(90deg) translateY(-100%);
}
#divpopupdocumento.rotate180 #idDocumentoImgFull {
  -webkit-transform: rotate(180deg) translate(-100%, -100%);
  -ms-transform: rotate(180deg) translateX(-100%, -100%);
  transform: rotate(180deg) translate(-100%, -100%);
}
#divpopupdocumento.rotate270 #idDocumentoImgFull {
  -webkit-transform: rotate(270deg) translateX(-100%);
  -ms-transform: rotate(270deg) translateX(-100%);
  transform: rotate(270deg) translateX(-100%);
}
#divpopupdocumento.rotate360 #idDocumentoImgFull {
  -webkit-transform: rotate(360deg) translateX(-100%);
  -ms-transform: rotate(360deg) translateX(-100%);
  transform: rotate(360deg) translateX(-100%);
}