@font-face {font-family: 'RobotoReg';src: url(Roboto-Regular.ttf) format('truetype');font-weight: 400;font-style: normal;}@font-face {font-family: 'RobotoMed';src: url(Roboto-Medium.ttf) format('truetype');font-weight: 500;font-style: normal;}@font-face {font-family: 'RobotoBold';src: url(Roboto-Bold.ttf) format('truetype');font-weight: 700;font-style: normal;}html {font-size: 1rem;}body {font-family: RobotoReg;background: white;//BACKGROUND CHANGE (BACKGROUND COLOR: white) background-size: cover;background-position: center center;}#status, h3, h4, h5 {font-family: RobotoMed;}.prettyline {height: 5px;border-top: 0;background: #c4e17f;border-radius: 5px;background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);}a:hover {text-decoration: none !important;}.button-rnd {min-width: 290px !important;max-width: 300px !important;border-radius: 2px;}.button-rnd2 {min-width: 270px !important;max-width: 300px !important;border-radius: 2px;}.alert {min-width: 290px !important;max-width: auto;}.button-rnd:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}.footer {font-size: 90%;color: #748c8a;}.footer .fa {text-align: center;width: 20px;}.footer .fa-bell-slash {font-size: 90%;}.temp-hidden {}.hidden {display: none !important;visibility: hidden;}.btn-block {max-width: 290px;margin: auto;}.btn-blockmodal {margin: auto;}.paused {color: #354443;}.modal {z-index: 99999;}.modal-dialog {overflow-y: initial !important;}.fullscreen-dialog {#width: 100%;#height: 100%;#margin: 0;#padding: 0;}.fullscreen-content {height: auto;min-height: 100%;border-radius: 0;}.modal-body {max-height: auto;overflow-y: auto;}#policy h6 {text-transform: uppercase;}#policy p {text-align: justify;}#connect_how ol {font-weight: bold;}#connect_how ol li ul {margin-left: -25px;font-weight: normal;}#connect_how ol .normal-font ul {margin-left: -25px;font-weight: normal;font-size: 80%;}.button-animate {-webkit-animation: glowing 1500ms infinite;-moz-animation: glowing 1500ms infinite;-o-animation: glowing 1500ms infinite;animation: glowing 1500ms infinite;}@-webkit-keyframes glowing {0% {border-color: #4cae4c;box-shadow: 0 0 3px #b7deb7;background-color: #4cae4c;}50% {border-color: #449d44;box-shadow: 0 0 40px #4cae4c;background-color: #449d44;}100% {border-color: #4cae4c;box-shadow: 0 0 3px #b7deb7;background-color: #4cae4c;}}@-moz-keyframes glowing {0% {border-color: #4cae4c;box-shadow: 0 0 3px #b7deb7;background-color: #4cae4c;}50% {border-color: #449d44;box-shadow: 0 0 40px #4cae4c;background-color: #449d44;}100% {border-color: #4cae4c;box-shadow: 0 0 3px #b7deb7;background-color: #4cae4c;}}@-o-keyframes glowing {0% {border-color: #4cae4c;box-shadow: 0 0 3px #b7deb7;background-color: #4cae4c;}50% {border-color: #449d44;box-shadow: 0 0 40px #4cae4c;background-color: #449d44;}100% {border-color: #4cae4c;box-shadow: 0 0 3px #b7deb7;background-color: #4cae4c;}}@keyframes glowing {0% {border-color: #4cae4c;box-shadow: 0 0 3px #b7deb7;background-color: #4cae4c;}50% {border-color: #449d44;box-shadow: 0 0 40px #4cae4c;background-color: #449d44;}100% {border-color: #4cae4c;box-shadow: 0 0 3px #b7deb7;background-color: #4cae4c;}}.pause-button:hover {color: #4CAE4C;cursor: pointer;content: "\f023" !important;}.blink {animation: blinker 1500ms linear infinite;}@keyframes blinker {50% {opacity: 0.2;}}.button-animate-red {-webkit-animation: glowingRed 1500ms infinite;-moz-animation: glowingRed 1500ms infinite;-o-animation: glowingRed 1500ms infinite;animation: glowingRed 1500ms infinite;}.ptime {font-family: RobotoBold;font-size: 150% }@keyframes lpb-link {0% {opacity: 0;}50% {opacity: .5;}100% {opacity: 1;}}.spinner {position: fixed;z-index: 9999;display: flex;justify-content: center;height: 100%;background: #fff;top: 0;left: 0;width: 100%;}.spinner.hidden {animation: fadeOut 1s;animation-fill-mode: forwards;display: none }@media all and (transform-3d), (-webkit-transform-3d) {.active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) {-webkit-transform: translateY(-100%);transform: translateY(-100%);}.active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) {-webkit-transform: translateY(100%);transform: translateY(100%);}}.hide {display: none !important;}.show {display: block !important;}.modal-open .scroll {overflow-y: auto }#info{border-top:1px solid #e9ecef;padding-top: 12px;float:left;text-align: justify;color:#000;opacity:.75;font-size: 10px;}.rpointsblue {background-color:#009ee6;border:1px solid #009ee6;}.rpointsred {background-color:#dc3545;border:1px solid #dc3545;}.rpointsbluebody {color:#009ee6;border:1px solid #009ee6;}.rpointsredbody {color:#dc3545;border:1px solid #dc3545;}.rpointshead {margin-bottom:0;color:#fff;width:250px;font-weight:400;text-align:center;vertical-align:middle;padding:.375rem;line-height:1.5;border-radius:.25rem .25rem 0 0;}.rpointsbody {background-color:rgb(230, 230, 230);border-color:rgb(230, 230, 230);margin-bottom:0;width:250px;padding:.375rem;border-radius:0;}.rpointsfoot {margin-bottom:20px;color:#fff;width:250px;font-weight:400;text-align:center;vertical-align:middle;padding:.375rem;line-height:1.5;border-radius:0 0 .25rem .25rem;}.gcash_footer{width:100% }.gcash_div{font-size:.9rem;opacity:.9;text-wrap: pretty;width:100%;background-color:#fff;border-radius:.25rem;padding:1rem;margin-bottom: 1rem;box-shadow:0 1px 3px rgba(0,0,0,0.5);cursor:pointer }.sheet{font-size:.9rem;opacity:.9;text-wrap: pretty;width:100%;background-color:#fff;padding:1rem;border-radius:.25rem;margin-bottom:1rem;box-shadow:0 1px 3px rgba(0,0,0,0.5);}.eloadPlistBody{height:50vh;overflow-y:scroll;padding: 1rem;margin-top: 1rem;background-color: #f1f1f1;border: 1px solid #ccc;}.tab {overflow: hidden;border: none;border-radius: 5px 5px 0 0;background-color: #f1f1f1;padding: .5rem 1rem 0 1rem;}.tab button {background-color: #fff;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: none;border-radius: 5px 5px 0 0;float: left;outline: none;cursor: pointer;padding: 10px;transition: 0.3s;}.tab button:hover {background-color: #ddd;}.tab button.active {background-color: #ccc;}.tabcontent {display: none;-webkit-animation: fadeEffect 1s;animation: fadeEffect 1s;}@-webkit-keyframes fadeEffect {from {opacity: 0;}to {opacity: 1;}}@keyframes fadeEffect {from {opacity: 0;}to {opacity: 1;}}.loadingoverlay {box-sizing: border-box;position: fixed;display: flex;flex-flow: column;align-items: center;justify-content: space-around;background: rgba(255, 255, 255, 0.8);top: 0px;left: 0px;width: 100%;height: 100%;z-index: 2147483647;opacity: 1;}.loadingoverlay_element {order: 1;box-sizing: border-box;overflow: visible;flex: 0 0 auto;display: flex;justify-content: center;align-items: center;width: 120px;height: 120px;-webkit-animation:loadingoverlay_animation_rotate_right 2s infinite linear;animation:loadingoverlay_animation_rotate_right 2s infinite linear }@-webkit-keyframes loadingoverlay_animation_rotate_right{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg) }100%{-webkit-transform:rotate(360deg);transform:rotate(360deg) }}@keyframes loadingoverlay_animation_rotate_right{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg) }100%{-webkit-transform:rotate(360deg);transform:rotate(360deg) }}.loadingoverlay.hidden {animation: fadeOut 1s;animation-fill-mode: forwards;display: none }.logo-shrink {max-width:25%;height:auto;display: flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: center;align-items: baseline;}.logo-flex {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-content: center;}