#header {
                height: 225px;
            }

            #container{
                width: 960px;
                height: auto;
                float: left;
                margin: 0;
                padding: 20px 20px 70px 20px;
                background-color: #FFF;
                border-radius: 10px 10px 0px 0px;
                margin-top: 15px;
                position: relative;
                z-index: 9999999;
                min-height: 450px;
                box-shadow: 1px 0 5px #f1f1f1, -1px 0 5px #f1f1f1;
            }

            .big-title{
                font-size: 2em !important;
            }

            .dark-gray{
                color:#484848;
            }

            .fa-fix-h{
                margin-top: 5px;
                margin-bottom: 5px;
            }

            .fa-fix-w{
                margin-left: 5px;
                margin-right: 5px;
            }
            #navbar{
                margin: 15px 15px 0 0;
                width: 400px !important;
            } 

            #navbar ul li a {
                height: 41px;
            }


            #client-details, #option-redirect {
                display: none;
                border: solid 1px #87d8ff;
                padding: 0px 20px 15px 25px;
                border-radius: 10px;
                background-color: rgba(240, 246, 255, 0.36);
            }

            .client-name-title{
                font-size: 1.7em;
                margin-bottom: 7px;
                margin-top: 50px;
            }
            #linkRedirect{
                font-size: 1.3em;                
            }

            .invoice-title, .pay-title{
                font-size: 1.5em;
                margin-bottom: 7px;
                color: #2798d0;
            }

            #footerPage {
                /*position: relative;*/
                /*bottom: 0px;*/
                margin-top: 10px;
                background-image:url('https://www.llanogas.com/resources/skins/blue/image/bg_logos_footer.jpg'); 
                background-position:bottom;
                background-repeat:repeat-x; 
                background-size: cover;
                font-size: 11px;
                color: #FFF;
                height: 85px;

            }

            #footerStatement{

                padding-top: 10px;
            }
            #footerlogos {
                background-color: #FFF;
            }

            #no-details{
                display: none;
                border: solid 1px #ffd687;
                padding: 0px 20px 10px 10px;
                border-radius: 10px;
                background-color: rgba(255, 245, 240, 0.36);
            }
            #div-success{
                display: none;
            }            
            .no-details-title, .error-title, .title-pay{
                font-size: 1.7em;
                margin-bottom: 25px;
                margin-top: 35px;
            }
            .no-details-title{
                color: #F90;
            }
            .error-title{
                color: #a94442;
            }

            #no-details p{
                margin-bottom: 6px;
            }
            #pay-information{
                display: none;
            }

            #div-loader {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 9999999;
                background-color: rgba(255,255,255,0.6);
                width: 100%;
                height: 100%;
                display: none;
            }            

            #div-loader  div{
                width:100px;
                height:100px;
                border-radius:100%;
                position:absolute;
                border: 1px solid #3eb9e5;
                animation: up 1s;
                animation-iteration-count: infinite;
                transition:2s;
                border-bottom:none;
                border-right:none;
                animation-timing-function:linear;
                margin-left: -70px;
                margin-top: -70px;
                left:50%;
                top:50%;

            }

            @keyframes up{
                from{transform:rotate(0deg); }
                50%{transform:rotate(180deg);}
                100%{transform:rotate(360deg);}
            }
            #div-loader  #img2{
                width:90px;
                height:90px;
                left:50.35%;
                top:50.7%;
                animation-delay:.2s;

            }
            #div-loader  #img3{
                width:80px;
                height:80px;
                left:50.70%;
                top:51.4%;
                animation-delay:.4s;
            }
            #div-loader #img4{
                width:70px;
                height:70px;
                left:51.05%;
                top:52.1%;
                animation-delay:.6s;

            }
            #div-loader #img5{
                width:60px;
                height:60px;
                left:51.40%;
                top:52.8%;
                animation-delay:.8s;
            }
            #div-error{
                display: none;
            }
            .has-error .form-control{
                border-color: #a94442;
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
                box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            }
            
            .div-return {
                position: absolute;
                right: 15px;
                bottom: 0px;
            }

            .bannerLogo{
                width: 100%;
                display: block;
                height: auto;
            }
            
            #searchModal {
                display: none;
                position:fixed; 
                top:0; left:0; 
                width:100%; 
                height:100%; 
                background:rgba(0,0,0,0.7); 
                z-index:9999;
            }

            #searchModal .modal-dialog {
                /*margin-top: 15vh;*/
                z-index: 10000;
                margin-top: 2vh
            }

            #searchModal .modal-body{
                font-size: 1.1rem; 
                line-height: 1.6;
            }
            
            #searchModal #modalheader{
                color: #0d1c3f;
                background-color: #ffba05;
           
            }
            #searchModal #pferencia {
                font-size: 1rem; 
                margin: 0
            }
            #btnAcceptModal{
                background-color: #1d4c87;
                color: white;
            }

            #modalRefPago {
                color: #1d4c87; 
                font-weight: bold;
            }
            
            
            @media (max-width: 768px) {
                #container{width: 100%;}
                #header{ height: 150px}
                .div-return{right: 5px;bottom: 5px;}
            }
            
            #all {
                min-height: 90.3vh;
            }
            
            #divInformacionIncompleta {
                display: none
            }
            
            #idLabelNo {
                margin-left:8px;
            }
            
            #linkTerminos {
                color: white
            }