body {
    font-family: 'Fira Sans', sans-serif;
    display: flex;
    position: relative;
    min-height: 100vh;
    flex-direction: column;
}

#page-container {
  position: relative;
  min-height: 100vh;
}

#content-wrap {
  padding-bottom: 2.5rem;    /* Footer height */
}

#footer {
  margin-top:auto;   
}

html, body{
    margin: 0px;
    padding: 0px;
    height:100%;           
}

#map {              
    display: block;
  
}

.fill {      
    box-sizing:border-box;
}

@media only screen and (min-width: 768px) {
    
    .row {
    	margin-right: 0px;
    }

    #collogin {
        /*padding-bottom: 70px;*/
    }

    #footerblank { 
        margin-bottom: 100px;
    }    

}

@media only screen and (max-width: 768px) {
    #rowlogin {
        background-color: white;
        position: relative;
        top: -40px;
        z-index: 1;
    }

    #footerlogin {         
        position:relative;        
        /*top: -15px;*/
    }

    #imagepagofacil {
        width: 290px;
        height: 96px;
    }

    #LabelContrato {
        margin-top:6px;
    }
    #collogin {
        background-color: white;
    }
}
@media only screen and (min-width: 768px) {
    #collogin { 
        background-color:white;
    }
    
}

#LayoutFooter {
    position: sticky;    
    bottom: 0;        
}

.page-row {
    display: table-row;
    height: 2px;
}

.page-row-expanded {
    height: 100%;
}

#TextBoxUsuario {    
    height: 54px;
    margin:auto;
    display:block;
    background-color: rgb(225, 227, 226);
    border: none;
}

#txtRut {    
    height: 54px;
    margin:auto;
    display:block;
    background-color: rgb(225, 227, 226);
    border: none;
}


#TextBoxPassword {    
    height: 54px;
    margin:auto;
    display:block;
    background-color: rgb(225, 227, 226);
    border: none;
}

#TextBoxNuevaClave {    
    height: 54px;
    margin:auto;
    display:block;
    background-color: rgb(225, 227, 226);
    border: none;
}

#TextBoxReingreseNuevaClave {    
    height: 54px;
    margin:auto;
    display:block;
    background-color: rgb(225, 227, 226);
    border: none;
}

#TextBoxActualPasswordRenovacion {
    height: 54px;
    margin: auto;
    display: block;
    background-color: rgb(225, 227, 226);
    border: none;
}

#TextBoxNuevaClaveRenovacion {
    height: 54px;
    margin: auto;
    display: block;
    background-color: rgb(225, 227, 226);
    border: none;
}

#TextBoxReingreseNuevaClaveRenovacion {
    height: 54px;
    margin: auto;
    display: block;
    background-color: rgb(225, 227, 226);
    border: none;
}

::placeholder {
    text-align: center;    
    font-weight:bold;
}

#ButtonEntrar {    
    height: 54px;
    margin:auto;
    display:block;
    color:white; 
    font-size:18px;
    background-color: rgb(156, 156, 156);
    /*border: none;*/
}

#ButtonConsultar {    
    height: 54px;
    margin:auto;
    display:block;
    color:white; 
    font-size: 18px;    
    background-color: rgb(225, 18, 62);    
}

#ButtonPagar {
    height: 54px;
    margin: auto;
    display: block;
    color: white;
    font-size: 18px;
    background-color: rgb(225, 18, 62);
}

#ButtonHistorialPagar {
    height: 54px;
    margin: auto;
    display: block;
    color: white;
    font-size: 18px;
    background-color: rgb(156, 156, 156);
}

#ButtonDetallePagar {    
    height: 54px;
    margin:auto;
    display:block;
    color:white; 
    font-size: 18px;    
    background-color: rgb(225, 18, 62);    
}

#ButtonSolicitar {    
    height: 54px;
    margin:auto;
    display:block;
    color:white; 
    font-size:18px;
    background-color: rgb(156, 156, 156);    
}

#ButtonRecuperar {    
    height: 54px;
    margin:auto;
    display:block;
    color:white; 
    font-size:18px;
    background-color: rgb(156, 156, 156);    
}

#ButtonEnviar {    
    height: 40px;
    margin:auto;
    display:block;
    color:white; 
    font-weight:bold;
    background-color: rgb(156, 156, 156);    
}

#ButtonGuardar {    
    height: 54px;
    margin:auto;
    display:block;
    color:white; 
    font-size:18px;
    background-color: rgb(156, 156, 156);   
}

#ButtonGuardarRenovacion 
{
    height: 54px;
    margin: auto;
    display: block;
    color: white;
    font-size: 18px;
    background-color: rgb(156, 156, 156);
}

input[type=checkbox] {
    width: 12px;
    height: 12px;    
    background-color: rgb(217, 217, 217);
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */        
}

table.table-bordered > thead > tr > th{
  background-color: rgb(225, 18, 62);
  border:1px solid black;
  text-align: center;
  color: white;
}

table.table-bordered > tbody > tr > th{
  border:1px solid black;
  text-align: center;
}

table.table-bordered > tbody > tr > td{
    border:1px solid black;
    text-align: center;        
}