html.progress, html.progress * {
    cursor: progress !important;
}

label {
    margin-bottom: auto;
}

.navbar-default {
    background-color: #ffffff;
    border-color: transparent;
    background-image: none;
    border: none;
}

.navbar-brand {
    float: none;
    padding: inherit;
}

label.bf-required:after {
    content: "";
}

.input-group {
    padding-bottom: 10px;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555555;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    border-radius: 14px;
}

.input-text-bborder {
    height: 30px;
    padding-left: 10px !important;
    border: none !important;
    border-bottom: solid 2px #c9c9c9 !important;
    -webkit-transition: border 0.3s !important;
    -moz-transition: border 0.3s !important;
    -o-transition: border 0.3s !important;
    transition: border 0.3s !important;
}
.input-text-bborder:focus, .input-text-bborder.focus {
    border-bottom: solid 2px #969696 !important;
    box-shadow: none !important;
}

.input-sm {
    height: 25px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.modal-header {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-top: 0px;
    border-bottom: 1px solid #e5e5e5;
}

/* change panel title bar color */
.ui-widget .ui-widget {
    font-size: 11px;
}

.ui-panel-titlebar {
    background : #{navView.stylePanelColor};
    color: white;
    font-size: 14px;
    margin-left: -1px;
    margin-right: -1px;
}

.panel-default > .panel-heading {
    background-image:none;
    background-repeat: repeat-x;
    color: white;
}

.ui-datatable tr.ui-datatable-even:hover, .ui-datatable tr.ui-datatable-odd:hover {
    background: #78BCFF;
}

.ui-datatable .ui-datatable-header {
    font-size: 13px;
}

.ui-datatableConditional {
    background: #fca752 !important;
}

.output-label {
    font-weight: bold;
}
.output-text {
}
.output-row {
}

.output-row:hover {
    /*background-color: #78BCFF;*/
}

.navbar-top-mar {
    margin-top: 15px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: inherit;
}

.panel-default {
    border-color: transparent;
}

.modal-footer {
    padding: 10px;
    text-align: right;
    /* border-top: 1px solid #e5e5e5; */
}

.ui-panel {
    margin-bottom: 10px;
}

.ui-corner-all {
    border-radius: 4px;
}

.ui-widget-content {
    border: 1px solid #335A93;
    background: #FFF none repeat scroll 0% 0%;
    color: #000;
}

.ui-password-info {
    margin-top: 4px;
    width: inherit;
}

.ui-inputfield {
    margin: 0px;
    /*margin-bottom: 5px;*/
    outline: medium none;
    height: auto;
    padding: 4px;
    font-weight: normal;
    box-shadow: none !important;
}

.ui-state-disabled {
    opacity: .55 !important; filter:Alpha(Opacity=95) !important; background-image: none; color: #000000 !important;
}

.ui-outputlabel-rfi {
    display: none;
}

.ui-outputlabel.ui-state-error {
    border: 0 none;
    color: #cd0a0a;
}

.btn-custom-std {
    background-image: -webkit-linear-gradient(#6d94bf, #446E9B 50%, #3e648d) !important;
    background-image: -o-linear-gradient(#6d94bf, #446E9B 50%, #3e648d) !important;
    background-image: linear-gradient(#6d94bf, #446E9B 50%, #3e648d) !important;
    background-repeat: no-repeat !important;
    border: 1px solid #345578 !important;
    color: #fff !important;
    height: 25px;
}

.btn-custom {
    background-image: -webkit-linear-gradient(#6d94bf, #446E9B 50%, #3e648d) !important;
    background-image: -o-linear-gradient(#6d94bf, #446E9B 50%, #3e648d) !important;
    background-image: linear-gradient(#6d94bf, #446E9B 50%, #3e648d) !important;
    background-repeat: no-repeat !important;
    border: 1px solid #345578 !important;
    color: #fff !important;
    height: 30px;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    background: none;
}

.ui-picklist .ui-button {
    display: inline;
}

.ui-picklist .ui-picklist-list {
    width: 500px;
}

.ui-wizard-nav-next {
    width: auto !important;
    background-image: -webkit-linear-gradient(#6d94bf, #446E9B 50%, #3e648d) !important;
    background-image: -o-linear-gradient(#6d94bf, #446E9B 50%, #3e648d) !important;
    background-image: linear-gradient(#6d94bf, #446E9B 50%, #3e648d) !important;
    background-repeat: no-repeat !important;
    border: 1px solid #345578 !important;
    color: #fff !important;
    height: 30px;
}

.ui-wizard-nav-back {
    width: auto !important;
    background-image: -webkit-linear-gradient(#6d94bf, #446E9B 50%, #3e648d) !important;
    background-image: -o-linear-gradient(#6d94bf, #446E9B 50%, #3e648d) !important;
    background-image: linear-gradient(#6d94bf, #446E9B 50%, #3e648d) !important;
    background-repeat: no-repeat !important;
    border: 1px solid #345578 !important;
    color: #fff !important;
    height: 30px;
}

.ui-wizard-step-title {
    font-size: 12px;
}

legend {
    font-size: 12px;
}

.ui-state-highlight {
    text-shadow: none !important;
}

.ui-steps.custom {
    margin-top: 10px;
    margin-bottom: 40px;
}

.ui-steps.custom .ui-steps-item .ui-menuitem-link {
    height: 10px;
    padding: 0 1em;
}

.ui-steps-title {
    font-weight: bold;
    font-size: 12px;
    color: #333333 !important;
}

.ui-steps.custom .ui-steps-item .ui-steps-number {
    background-color: #0081c2;
    color: #FFFFFF;
    display: inline-block;
    width: 30px;
    border-radius: 10px;
    margin-top: -10px;
    margin-bottom: 10px;
    font-size: 175%;
}

.ui-selectoneradio td {
    padding:0 10px 0 0;
}
.ui-radiobutton {
    margin-right: -7px !important;
}
.ui-radiobutton-icon {
    margin-left: 0px;
    margin-top: -1px;
}

.add-note-icon {
    background: url("/resources/images/Add-new-Note_24.png") no-repeat center;
    width: 30px !important;
    height: 30px !important;
}
.refill-icon {
    background: url("/resources/images/Refill-Account_24.png") no-repeat center;
    width: 30px !important;
    height: 30px !important;
}
.adjust-icon {
    background: url("/resources/images/Adjust-Account-Balance_24.png") no-repeat center;
    width: 30px !important;
    height: 30px !important;
}
.swap-equip-icon {
    background: url("/resources/images/swap_sim_24.png") no-repeat center;
    width: 30px !important;
    height: 30px !important;
}
.chg-tele-icon {
    background: url("/resources/images/Change-Telephone-Number_24.png") no-repeat center;
    width: 30px !important;
    height: 30px !important;
}
.rate-plan-icon {
    background: url("/resources/images/bundle_24.gif") no-repeat center;
    width: 30px !important;
    height: 30px !important;
}
.rate-plan-info-icon {
    background: url("/resources/images/Rate-Plan-Information_24.png") no-repeat center;
    width: 30px !important;
    height: 30px !important;
}
.inactive-icon {
    background: url("/resources/images/stolen_phone24.png") no-repeat center;
    width: 30px !important;
    height: 30px !important;
}
.unblock-icon {
    background: url("/resources/images/unblock_account_24.png") no-repeat center;
    width: 30px !important;
    height: 30px !important;
}
.reset-vm-icon {
    background: url("/resources/images/vm_password_24.png") no-repeat center;
    width: 30px !important;
    height: 30px !important;
}
.resend-ota-icon {
    background: url("/resources/images/refresh_switch_24.png") no-repeat center;
    width: 30px !important;
    height: 30px !important;
}
.cancel-hlr-icon {
    background: url("/resources/images/remove_account_24.png") no-repeat center;
    width: 30px !important;
    height: 30px !important;
}
.puk-code-icon {
    background: url("/resources/images/PUK-Codes_24.png") no-repeat center;
    width: 30px !important;
    height: 30px !important;
}
.change-lang-icon {
    background: url("/resources/images/change_language_24.png") no-repeat center;
    width: 30px !important;
    height: 30px !important;
}
.account-id-icon {
    background: url("/resources/images/id_24.png") no-repeat center;
    width: 30px !important;
    height: 30px !important;
}
.mod-account-icon {
    background: url("/resources/images/change_rate_plan_24.png") no-repeat center;
    width: 30px !important;
    height: 30px !important;
}