[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.currency_indicator {
    font-size: 1.2em;
}

.tab-pane.balance_container {
    padding-top: 15px;
}

.operator-logo {
    width: auto;
    max-height: 50px;
}

.infobar-container {
    z-index: 1020;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    border: 1px solid #CCC;
    font-size: 1em;
    color: #CCCCCC;
    background-image: linear-gradient(to right, #434343 0%, black 100%);
    text-shadow: -1px -1px 0px #000000;
}

.infobar-container strong {
    text-transform: uppercase;
    font-size: 0.9em;
}

.infobar-container .text-success {
    color: #009900 !important;
}

.infobar--close {
    z-index: 1030;
    position: fixed;
    bottom: 0;
    right: 10px;
}

.infobar--open {
    z-index: 1030;
    position: fixed;
    bottom: 40px;
    right: 10px;
}

h1 {
    font-size: 1.6em;
}

h2 {
    font-size: 1.3em;
}

h3 {
    font-size: 1.1em;
}

.provider-list {
    border-radius: 10px;
    border: 3px solid #006699;
}

.provider-card {
    border-radius: 10px;
    padding: 10px;
    color: #FFFFFF;
    background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
    margin-bottom: 0.5em;
}

.provider-card:last-child {
    margin-bottom: 0;
}

.provider-card--disabled {
    color: #666666;
    background-color: #E4E4E1;
    background-image: radial-gradient(at top center, rgba(255,255,255,0.03) 0%, rgba(0,0,0,0.03) 100%), linear-gradient(to top, rgba(255,255,255,0.1) 0%, rgba(143,152,157,0.60) 100%);
    background-blend-mode: normal, multiply;
}

.provider-card--chosen {
    background-image: linear-gradient(to top, #96fbc4 0%, #f9f586 100%);
}

.intl-tel-input {
    width: 100%;
}

.omni-search {
    transition-timing-function: ease;
    transition-duration: 0.5s;
    transform: scale(0.95);
    border-width: 3px !important;
    border-color: #CCCCCC !important;
    border-style: solid !important;
}

.omni-search:focus {
    transition-timing-function: ease;
    transition-duration: 0.5s;
    transform: scale(1);
    background-color: #EEFFFF;
    border-color: #6699CC !important;
    outline: none;
}


input.ng-invalid {
    background-color: #FFEEEE !important;
    color: #990000 !important;
    font-weight: bold;
}


@media all and (min-width: 992px) {
    .navbar{ padding-top: 0; padding-bottom: 0; }
    .navbar .has-megamenu{position:static!important;}
    .navbar .megamenu{left:0; right:0; width:100%; padding:20px;  }
    .navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;  }
    .megamenu {
        background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
    }
}