.selectpicker {
    width: 100% !important
}

/*@media all and (display-mode:standalone) {*/
    /*body {*/
        /*background-color: #fafafa*/
    /*}*/
/*}*/

input[type=number] > .security, input[type=number].security {
    -webkit-text-security: disc !important;
    -moz-text-security: disc !important;
    text-security: disc !important
}

input[type=number].security {
    -webkit-text-security: square;
    text-security: square
}


.eighta {
    background: url(../img/airtime/8ta.jpg) #f2f2f2 center;
    background-repeat: no-repeat;
    background-size: 90px 65px;
    height: 85px;
    width: 104px;
    margin: 2px
}

.cellc {
    background: url(../img/airtime/Cell-C-logo.png) #f2f2f2 center;
    background-repeat: no-repeat;
    background-size: 90px 65px;
    height: 85px;
    width: 104px;
    margin: 2px
}

.mtn {
    background: url(../img/airtime/MTN-logo.jpg) #f2f2f2 center;
    background-repeat: no-repeat;
    background-size: 90px 65px;
    height: 85px;
    width: 104px;
    margin: 2px
}

.neotel {
    background: url(../img/airtime/Neotel-logo-orange.jpg) #f2f2f2 center;
    background-repeat: no-repeat;
    background-size: 90px 65px;
    height: 85px;
    width: 104px;
    margin: 2px
}

.telkom {
    background: url(../img/airtime/telkom.png) #f2f2f2 center;
    background-repeat: no-repeat;
    background-size: 90px 65px;
    height: 85px;
    width: 104px;
    margin: 2px
}

.virgin {
    background: url(../img/airtime/virgin-mobile-logo.png) #f2f2f2 center;
    background-repeat: no-repeat;
    background-size: 90px 65px;
    height: 85px;
    width: 104px;
    margin: 2px
}

.vodacom {
    background: url(../img/airtime/vodacom.jpg) #f2f2f2 center;
    background-repeat: no-repeat;
    background-size: 90px 65px;
    height: 85px;
    width: 104px;
    margin: 2px
}
.lycamobile {
    background: url(../img/airtime/lycamobile.png) #f2f2f2 center;
    background-repeat: no-repeat;
    background-size: 90px 65px;
    height: 85px;
    width: 104px;
    margin: 2px
}
.econet {
    background: url(../img/airtime/econet.png) #f2f2f2 center;
    background-repeat: no-repeat;
    background-size: 90px 65px;
    height: 85px;
    width: 104px;
    margin: 2px
}

@media screen and (min-width:768px) {
    a {
        -webkit-transition: all 0.27s cubic-bezier(0,0,.58,1);
        transition: all 0.27s cubic-bezier(0,0,.58,1)
    }
}
.selected {
    pointer-events: none;
    display: none
}

#loading {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.9);
    z-index: 1000;
}

#loadingcontent {
    display: table;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#loadingspinner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    font-size: larger;
    padding-top: 80px;
}

/* styles for validation helpers */
.input-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.input-validation-valid {
    display: none;
}

.input-validation-error > select.selectpicker,
input.input-validation-error,
button.input-validation-error,
select.selectpicker.input-validation-error,
textarea.input-validation-error,
checkbox.input-validation-error {
    border: solid 1px #e80c4d;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}