html,
body {
    height: 100%;
}

/**** main.php ****/
.navbar-toggle {
    background-color: #909090;
}
.icon-bar {
    background-color: #ffffff;
}

.custom-img {
    height: 45px !important; 
    margin-top: -14px;
}
.custom-img-a {
    padding-left: 15px;
}
.custom-img-span {
    padding:7px 7px 7px 10px;
    margin-left: 5px;
    border-left:1px solid black;
    font-family:Lora,Georgia,serif;
}
.navbar-main {
    background-color: '#ffffff';
    box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 5px 0px, 
                rgba(0, 0, 0, 0.12) 0px 2px 10px 0px;
}
.comprobante-main {
    border-color: #; 
    width: 100%;
}
.carrito-main {
    border-color: #; 
    width: 100%;
} 
.pagar_metod_main {
    border-color: #; 
    width: 100%;
}
#postForm {
   display:none;
}
.postFormPagar{
    border-color: #; 
    width: 100%;
}
#siteLogin {
    color:#999;
    margin:5em 0
}

/**** ticket ****/
.ticket-default {
    background-color: #FFFFFF;
    color: #000000;
    font-size: 11px;
}
.ticket-utilizado {
    background-color: #FFFFFF;
    color: #FF0000;
}
.ticket-rechazado {
    background-color: #FFFFFF;
    color: #FF0000; }

.tasa-utilizada {
    color: #FF0000;
}

.pago-rechazado {
    color: #FF0000;
    cursor: pointer;
}

.pre-style {
    font-size: 11px;
    color: inherit;
    background-color: inherit;
}

#modal_rechazado_1 {
    opacity: 0.8;
}
/**** carrito ****/
.hidden-content {
    display: none;
}

.hidden-header {
    display: none;
}

/****** ticket pdf *****/
#ticket-detail-container {
    border-radius: 10px;
    background-color: #f0f0f0;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    text-align: center;
}

#ticket-detail-border {
    border: 1px solid;
    display: inline-block;
}

#ticket-detail-content {
    text-align: left;
    margin: 0;
    font-family: monospace;
    white-space: pre;
}

/****** web service boton ******/
.custom-style {
    background-color: #ffffff;
    margin: 0.5rem 0 1rem 0;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 
                0 1px 5px 0 rgba(0, 0, 0, 0.12), 
                0 3px 1px -2px rgba(0, 0, 0, 0.2);
    padding: 20px;
}

/****** web service texto ******/
.webServiceTexto {
    background-color: #ffffff; 
    margin: 0.5rem 0 1rem 0; 
    border-radius: 2px; 
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 
                            rgba(0, 0, 0, 0.12), 0 3px 1px -2px 
                            rgba(0, 0, 0, 0.2); 
    padding: 20px;
}

/***** comprobante index *****/
.custom-table {
    margin: 0.5rem 0 1rem 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 
                            rgba(0, 0, 0, 0.12), 0 3px 1px -2px 
                            rgba(0, 0, 0, 0.2);
    padding: 1rem 2rem;
}

.custom-row {
    background-color: #FFFFFF;
}

.custom-row-error {
    background-color: #FFFFFF;
    color: #FF0000;
}

.custom-hidden-responsive {
    margin: 0.5rem 0 1rem 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 
                            rgba(0, 0, 0, 0.12), 0 3px 1px -2px 
                            rgba(0, 0, 0, 0.2);
    padding: 1rem 2rem;
}

/******** pago exitoso ********/
.mensaje-pago-exitoso {
    color: green;
}
.boton-cerrar {
    width: 100%;
}

/**** lista responsive *****/
.default-bg {
    background-color: #FFFFFF; 
}

.warning-bg {
    background-color: #FFCCCC; 
}

h6 {
    margin: 0; 
}

/*** form pago tarjeta DECIDIR ***/
.tarjeta-img-container {
    padding: 10px; 
    text-align: right;
}

.card-image {
    max-height: 30px;
    height: 30px;
}

.form-group {
    margin-bottom: 15px; 
}

.btn-pagar-decidir {
}

/***** form decidir ***/
.label-custom {
    color: blue;
    font-size: 12px;
}

.form-container {
    border-style: solid;
    border-color: #DADADA;
}

.border-top-bottom {
    border-top-style: solid;
    border-bottom-style: solid;
    border-color: #DADADA;
}

.btn {
    width: 100%;
}

/**** pago error ****/
.color-pago-error {
    color: red;
}

/**** web sercice numero ****/
.web-service-num {
    background-color: #ffffff; 
    margin: 0.5rem 0 1rem 0; 
    border-radius: 2px; 
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 
                            rgba(0, 0, 0, 0.12), 0 3px 1px -2px 
                            rgba(0, 0, 0, 0.2); padding: 20px;
}

/*** comprobante pagar ***/
.comprobantePagar {
    background-color: #ffffff; 
    margin: 0.5rem 0 1rem 0; 
    border-radius: 2px; 
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 
                            rgba(0, 0, 0, 0.12), 0 3px 1px -2px 
                            rgba(0, 0, 0, 0.2); padding: 20px;
}
#modal_iframe_form {
    opacity: 0.9;
}

/**** lista responsive deuda ****/
.intervencion-container {
    border: 1px solid #DADADA; 
    padding: 10px; 
}

.intervencion-normal {
    background-color: #FFFFFF; 
}

.intervencion-utilizada {
    background-color: #FFCCCC; 
}

.info-icon {
    cursor: pointer; 
    color: blue; 
    margin-left: 5px; 
}

/*** web service importe ***/
#webServiceImporte {
    background-color: #ffffff; 
    margin: 0.5rem 0 1rem 0; 
    border-radius: 2px; 
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 
                            rgba(0, 0, 0, 0.12), 0 3px 1px -2px 
                            rgba(0, 0, 0, 0.2); padding: 20px;
}

/*** web service lista ***/
#webServiceLista {
    background-color: #ffffff; 
    margin: 0.5rem 0 1rem 0; 
    border-radius: 2px; 
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 
                            rgba(0, 0, 0, 0.12), 0 3px 1px -2px 
                            rgba(0, 0, 0, 0.2); padding: 20px;
}




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

.wrap > .container {
    padding: 70px 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: "\e151";
}

a.desc:after {
    content: "\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 td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.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: 15px;
    border: 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;
}
#tokens{
    display: none;
}
#no_tiene_tarjetas{
    display: none;
}

div[aria-expanded=true] .glyphicon-chevron-right {
    display: none;
}
div[aria-expanded=false] .glyphicon-chevron-down {
    display: none;
}
.show-on-seleccion {
    display: none;
}
.tarjeta_seleccionada {
    background-color: rgba(104,164,194,0.45);
}