#header {
            height: 225px;
            border-radius: 0px 0px 15px 15px;
        }

        #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 {
            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;
        }

        #footer {
            position: relative;
            bottom: 0px;
            background-image: none;
        }

        #footer-b {
            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;
            width: 100%;
        }

        #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);
        }

        .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
            }
        }
        
        #informacionIncompleta {
            display: none
        }
        
        #checkboxNo {
            margin-left:8px;
        }