html {
    position: relative;
    min-height: 100%;
}

.container h6 {
    text-align: center;
    font-size: 12px;
    color: #bebebe;
}

.footerAnchor{
    font-size: 12px;
    text-decoration: none !important;
    color: #bebebe;
}

.navbar {
    /*#0275d8*/
    background-color: #0275d8;
}

.btn-space {
    margin-right: 310px;
    margin-left: 1em;
}

body {
    padding-bottom: 70px;
    background: #EEEEEE !important;
}

a {
    font-size:100%;
}

@media only screen and (max-width: 4000px) {
body { font-size:100% !important;}
a { font-size:90% !important;}
#dataVenc 
    { width:7.5em;}
.ldrr { left:49%;}
.smallFontSize {
    font-size:100%;
}
}

@media only screen and (max-width: 1000px) {
body { font-size:80% !important;}
    #dataVenc {
       width:9em;
    }
.smallFontSize {
    font-size:42%;
}
}

@media only screen and (max-width: 800px) {
body { font-size:75% !important;}
#dataVenc {
       width:9em;
    }
.ldrr { 
        top:28em !important;
    }
.smallFontSize {
    font-size:42%  !important;
}
}
@media only screen and (max-height: 420px) {

.ldrr { 
        top:11.3em !important;
    }
.smallFontSize {
    font-size:42%  !important;
}

}

@media only screen and (max-height: 420px) {

.ldrr { 
        top:11.3em !important;
    }
.smallFontSize {
    font-size:42% !important;
}
.btn-responsive {
    padding:2px 4px !important;
    font-size:90% !important;
    line-height: 1 !important;
    border-radius:3px !important;
    }
}

@media only screen and (max-width: 420px) {

#dataVenc {
       width:8em;
    }
.ldrr { left:40% !important;
        top:28em !important;
    }
.smallFontSize {
    font-size:42% !important;
}
.btn-responsive {
    padding:2px 4px !important;
    font-size:80% !important;
    line-height: 1 !important;
    border-radius:3px !important;
    }
.smallFontSize2 {
    font-size:60% !important;
}
}

@media only screen and (max-width: 320px) {

.ldrr { left:40% !important;
        top:15em !important;
    }
.smallFontSize {
    font-size:42% !important;
}
.smallFontSize2 {
    font-size:60% !important;
    }
.btn-responsive {
    padding:2px 4px !important;
    font-size:80% !important;
    line-height: 1 !important;
    border-radius:3px !important;
    }
}

/*@media only screen and (max-width: 420px) {
    body { font-size:30% !important;}
}*/

a.lista:link {
    color: black;
}

a.lista:hover {
    color: #0031ef;
}

a.lista:active {
    color: #0031ef;
}

a.lista:visited {
    color: black;
}
.lista {
    cursor: pointer;
}

.campoVlr {
    text-align:right !important;
}

.btn {
    margin-top:5px;
}

a#btnCalc:link {
    color:White;
    font-weight:bolder;
}

a#btnCalc {color:White;}      /* unvisited link */
a#btnCalc:visited {color:White;}  /* visited link */

a#btnCalc:active {color:White;}  /* selected link */

.ldrr {
    border: 16px solid #aaaaaa;
    border-radius: 50%;
    border-top: 16px solid #0275d8;
    width:80px;
    height:80px;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    left:46%;
    top:17em;
    position:fixed;
}

.loaderContainer {
    position:absolute;
    z-index:99999;
    top:40%;
    left:50%;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
    }
}

.disableDiv {
    pointer-events: none !important;
    opacity: 0.1;
}
/*Usado para que o media não interfira no tamanho das fontes Extrato page*/
.smallFontSize {
    font-size:100%;
}
/*Usado para que o media não interfira no tamanho das fontes Informe de pagamentos page*/
.smallFontSize2 {
    font-size:100%;
}

/*Em alguns celulares a coluna de Emitido se sobrepõe com a coluna Vencimento*/
.extClnPadding {
    padding-right: 0px !important;
    padding-left: 1em !important;
}

.hideElement {
    display:none;
}

@media print {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }

    .visible-xs {
        display: none !important;
    }

    .hidden-xs {
        display: block !important;
    }

    table.hidden-xs {
        display: table;
    }

    tr.hidden-xs {
        display: table-row !important;
    }

    th.hidden-xs,
    td.hidden-xs {
        display: table-cell !important;
    }

    .hidden-xs.hidden-print {
        display: none !important;
    }

    .hidden-sm {
        display: none !important;
    }

    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}