.bg-edge2edge {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
  .bg-edge2edge:before {
    content: " ";
    display: table;
  }
  .bg-edge2edge:after {
    clear: both;
  }

  .over-scroll {
    padding: 20px;
    margin: 20px;
  }

  .AssetThumbNail{
    max-width: 35px;
    max-height: 35px;

  }

html,
body {
    height: 100%;
}


.form-core-layout {
    max-width: 1200px;

}

.form-core-main {
    text-align: center;

}

.wrap {
    /*min-height: 100%;*/
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 5px 15px 20px;
}

.wrap > .container-fluid {
    padding: 0px 15px 20px;
}

.main-content {
    padding: 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 5px;
    border: none;
    float: right;
}

.navbar img {
  width: 150px;
  padding-right: 10px;
}

.navbar .logoName {
    padding-right: 20px;
  }

@media print {
  a[href]:after {
    content: "";
  }
  .set-margin-print {
    margin-top: 0px !important;
    padding-top: 0px !important;
  }
  .btn-success {
    display: none;
  }
  td:nth-of-type(5) {
    display: none;
  }
  th:nth-of-type(5) {
    display: none;
  }
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.navbar-brand > img {
    width: 60px;
    padding: 0px 10px;
}

.sessenta {
    width: 60px;
}

.oitenta {
    width: 80px;
}

.cem {
    width: 100px;
}

.cento-cinquenta {
    width: 150px;
}

.duzentos {
    width: 200px;
}

.trezentos {
    width: 300px;
}

.quatrocentos {
    width: 400px;
}

.quinhentos {
    width: 500px;
}

.seiscentos {
    width: 600px;
}

.text-small {
    font-size: small;
}

.text-xsmall {
    font-size: x-small;
}

.text-xxsmall {
    font-size: xx-small;
}

.navbar-right .dropdown-menu {
    right: auto;
    left: auto;
}

.ddw a span {
    margin-right: 10px;
}

.ui-autocomplete-loading {
    background: white url("../img/loading.gif") right center no-repeat;
    background-size: 45px;
  }

  @media (min-width: 768px) {
    .modal-xl {
      width: 90%;
     max-width:1600px;
     overflow-x: scroll;
    }
  }

  .labels99 tspan {
    border-style: important solid ;
    background-color: cadetblue;
    background-color: lightgrey;
    color: blue;
    width: 3px;
  }

  .labels99 {
    border-style: solid ;
    background-color: cadetblue;
    background-color: lightgrey;
    color: blue;
  }

  .no-margin {
    margin-top: -20px;
  }

  .rodape {
    padding: 1.2rem 1rem 1rem 1.5rem;
    background-color: #ffe600;
    background-image: url(/deseb/web/img/rodape-bg.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 150px;
    font-size: 14px;
}

.rodape .copyright {
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
}

.rodape  .marca-gov img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 450px;
}

.rodape .flex {
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 3.5rem;
}

.rodape  .marca-gov {
    width: 100%;
    margin-bottom: 2.5rem;
}

.flex {
    display: flex;
}

.rodape ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.rodape .rodape-links {
    width: 32%;
    justify-content: space-between;
    
}

.rodape-links {
    display: block;
    
}

.bg-amarelo a {
    color: #00416b;
}

.rodape-links h2 {
    font-size: 22px;    
}

.lista-icone li i:first-child, .lista-icone li img:first-child {
    flex-grow: 0;
    align-self: center;
    margin-right: 0.8rem;
}

li a .proporcao-link-rodape {
    width: 16px;
    height: 16px;
}

.largura-maxima {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    /* border: 1px solid red; */
}

.lista-icone li span {
    flex-grow: 1;
    margin-right: 0;
}

.rodape ul a {
    text-decoration: none;
    border: 2px solid transparent;
    padding: 0.25rem;
    fill: #0071ad;
}



.lista-icone li a {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: -0.40rem;
}



.nav-link:hover {
    border-bottom: 3px solid #ffe600;
    margin-bottom: -3px;    
}
.nav-link:focus {
    border-bottom: 3px solid #ffe600;
    margin-bottom: -3px;
}


 /*
<div class="banner-correios">
        <div class="banner-img" style=" ">      
          <img class="img-main-banner" src="<?= Url::to('img/banner-deseb.png') ?>" style="width:100%;" alt="Banner Correios"/>
          <div class="text-layer-banner">Lojinha de Bens Disponíveis</div>
        </div>
</div>
 */
  
   /*banner-intranet*/
  .banner-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 23.4375%;
    border-radius: 10px;

  }

  .banner-layer-zero {
    position: absolute;

  }

  .banner-layer-one {
    position: absolute;
    width: 100%;
    top: 0;
    left:0;
  }
  
  
  .text-layer-banner {
    position: absolute;
    bottom: 42%; /* ajuste a posição conforme necessário */
    left: 5%; /* ajuste a posição conforme necessário */
    z-index: 4;
    width: 50%;
    /*
    height: 75%;
    */
    text-align: left;
    line-height: 95%;
    color: #0071ad;
    }

    .text-layer-banner h1 {
        color: #0071ad;
        }

    .help-block{
        color: #c55;
        font-weight: bold;
    }

    #ui-datepicker-div { 
        z-index:999 !important; 
    }

    .uz99 { 
        z-index:1001 !important; 
        position: absolute;
    }

    #ui-id-1{
        z-index: 99000 !important;
     }

    .indexMine img{
    height: 30px;
    }

    .list-images-colorbox img {
        width: 30%;
        padding: 5px; 
        margin: 5px;   
        border: 3px;  
    }