/**
 * Include all of default stylesheet
 */

@import url('helper.css');
/**Include font - TFS46454*/
@import url('https://use.typekit.net/vuv0ovq.css');

/**
 * Styled components
 * Include Theme Components
 */
@import url('typography.css');
@import url('buttons.css');
@import url('components.css');
@import url('forms.css');

/*@import url('mystyle.css');*/


/***************************/
/*  UTILITES    */
/***************************/
/*a {
    color: #002352;
}*/

/*Task 54458: Dev Task : When customer is locked out, prompt customer to change pwd & max session time*/
.ErrorMessageLblLoginPage {
	display: inline;
}

a, a:focus, a:hover, *, *:focus {
    outline: none !important;
    text-decoration: none;
}
.tosconfirm {
    text-decoration: underline;
}

.row {
    margin-left: -9px;
    margin-right: -9px;
    margin-bottom: 5px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 9px;
    padding-left: 9px;
}

.width-full {
    width: 100%;
}

.show {
    display: block !important;
}

.hide {
    display: none !important;
}

.text-size-12 {
    font-size: 12px;
}

.clr-padding {
    padding: 0 !important;
}

.clr-padding-left {
    padding-left: 0 !important;
}

.clr-padding-right {
    padding-right: 0 !important;
}

.clr-padding-top {
    padding-top: 0 !important;
}

.clr-padding-bottom {
    padding-bottom: 0 !important;
}

.clr-margin {
    margin: 0 !important;
}

.clr-margin-left {
    margin-left: 0 !important;
}

.clr-margin-right {
    margin-right: 0 !important;
}

.clr-margin-top {
    margin-top: 0 !important;
}

.clr-margin-bottom {
    margin-bottom: 0 !important;
}
.ml-1 {
    margin-left: 1px !important;
}
.ml-2 {
    margin-left: 2px !important;
}
.ml-4 {
    margin-left: 4px !important;
}

.ml-3 {
    margin-left: 3px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-35 {
    margin-left: 25px !important;
}

.ml-40 {
    margin-left: 30px !important;
}

.ml-sub-5 {
    margin-left: -5px !important;
}

.ml-sub-10 {
    margin-left: -10px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-12 {
    margin-bottom: 12px !important;
}

.mb-18 {
    margin-bottom: 18px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pd-10 {
    padding: 10px !important;
}

.pd-15 {
    padding: 15px !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}


.ta-center {
    text-align: center !important;
}

.ta-right {
    text-align: right !important;
}

.no-border {
    border-bottom: none !important;
}

.div-border {
    border-bottom: 1px solid #ccc;
    margin: 8px 0;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-color: #40A01B;
    border-color: #398439;
}

strong.strong {
    font-weight: bold !important;
}

.toggle-btn-grp {
}

.toggle-btn {
    text-align: center;
    padding: 0.4em 1em;
    color: #000;
    display: inline-block;
    border: solid 1px #CCC;
    cursor: pointer;
    background-color: #fff;
    color: #333;
    font-weight: 400;
    border: 1px solid #ccc;
    -ms-border-radius: 10px;
    border-radius: 10px;
}


    .toggle-btn:last-child {
        margin-left: 10px;
    }


    .toggle-btn input[type=radio] {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

.nav > li > a:focus {
    background-color: transparent;
}

.placeholder {
    color: #aaa;
}
/***************************/
/*  BODY    */
/***************************/

body.slide-active {
    overflow-x: hidden;
}

/* Account for fixed navbar */
body {
    height: 100%;
    padding-bottom: 30px;
    /*font-family: "Roboto", "Helvetica Neue", "Helvetica Neue Light",sans-serif !important;*/
    font-family: "lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; /* TFS46454*/
    font-weight: 300;
}

body,
.navbar-fixed-top,
.navbar-fixed-bottom {
    min-width: 1250px;
}

    /*body .login-wrapper.login-wrapper-image {
        background: url('../img/paper-bg-blur.gif') no-repeat;
        background-position: 20% 10%;
        background-attachment: fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 100%;
        position: absolute;
        
    }*/

    body.login {
        background: url('../img/AE_24_Generic_Portal_Login_v1.jpg') no-repeat;
        background-position: 20% 10%;
        background-attachment: fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        -webkit-transition: background 1s linear;
        -moz-transition: background 1s linear;
        -o-transition: background 1s linear;
        -ms-transition: background 1s linear;
        transition: background 1s linear;
        width: 100%;
        height: 100%;
        position: absolute;
    }

    body.account-selection {
        /*background: url('../img/paper-bg-blur.jpg') no-repeat;*/
        background: url('../img/AE_24_Generic_Portal_Login_v1.jpg') no-repeat; /*TFS58418*/
        background-position: 20% 10%;
        background-attachment: fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

.body {
    background-color: #ffffff;
}

.container {
    width: 1250px !important;
    max-width: none !important;
    padding-left: 0;
    padding-right: 0;
}

.header-navbar {
    border: none;
    height: 60px;
    color: #fffacd;
}

#page-content {
    position: relative;
}

/***************************/
/*  IONICONS    */
/***************************/

.ion-chatboxes, .ion-log-out {
    color: #ffffff;
    font-size: 30px;
}

.ion-chevron-right {
    padding-right: 3px;
    padding-left: 0px;
}

/*.nav-item-icon {
    float: left;
    margin-left: -55px;
    width: 41px;
    margin-top: -11px;
    margin-right: 10px;
    font-size: 27px;
    background: transparent;
    border-radius: 100%;
    color: white;
    border: 2px solid #fff;
    text-align: center;
}*/

.covid-19-icon {
    float: left;
    margin-left: -45px;
    /*width: 41px;*/
    margin-top: -5px;
    /*margin-right: 10px;*/
    /*font-size: 27px;*/
    background: transparent;
    color: white;
    /*background: url(../img/circle1.png) no-repeat center center;*/
    text-align: center;
    height: 4rem;
}

.nav-item-icon {
    float: left;
    margin-left: -45px;
    width: 41px;
    margin-top: -5px;
    /*margin-right: 10px;*/
    font-size: 27px;
    background: transparent;
    color: white;
    /*background: url(../img/circle1.png) no-repeat center center;*/
    text-align: center;
    height: 22px !important;
}

    .nav-item-icon.picto,
    .panel .box-icons.picto {
        font-size: 22px;
        line-height: 21px;
        top: 4px;
        position: relative;
    }


/***************************/
/*  HEADER   */
/***************************/

.header-toggle-btn {
    display: none;
}

.toggle, .logo {
    float: left;
}
 .logo {
    margin-left: 60px;
}
/***************************/
/*  SLIDE MENU    */
/***************************/

/*#slide-nav {
    left: 0 !important;
}*/

#slidemenu {
    width: 250px;
    position: absolute;
    color: #ecf0f1;
    height: 774px;
    min-height: 475px;
    z-index: 999;
    left: auto;
    border-radius: 5px;
}

    #slidemenu ul {
        margin: 0;
        padding: 0;
        margin-top: 20px;
    }

        #slidemenu ul li {
            margin: 0;
            padding: 0;
            list-style: none;
            display: block;
            /*margin-bottom: 2px;*/
        }

            /* #slidemenu ul li.active > a {
                color: #EE3C43 !important;
            }*/



            /*#slidemenu ul li.active:after {
        content: "";
        width: 0;
        height: 0;
        float: right;
        top: 0;
        margin-top: -36px;
        margin-right: -10px;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #40A01B;
    }

    #slidemenu ul li.active:hover:after {
        border-left-color: #40A01B;
    }*/


            #slidemenu ul li a {
                color: #ffffff;
                font-size: 16px;
                display: block;
                font-weight: 500;
                padding: 15px 15px 15px 65px;
                text-decoration: none;
                position: relative;
            }

            #slidemenu ul li > a:first-child {
                padding-top: 17px;
            }

    /*ul.sub-menu li a {
    font-weight: 300 !important;
}*/


    #slidemenu > ul > li.active > a > span.selected {
        background-image: none;
        float: right;
        position: absolute;
        right: -12px;
        top: 16px;
        background: none;
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 12px solid #78C143;
    }

    #slidemenu ul li a:hover {
        color: #055697;
    }

    #slidemenu > ul > li > a > span.arrow,
    #slidemenu > ul > li > a > span.arrow:before {
        top: 5px;
        float: right;
        display: inline-block;
        font-family: "Ionicons";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "\f125";
        font-weight: 300;
        text-shadow: none;
        color: #295ca9;
    }

    #slidemenu > ul > li.active > a > span.arrow.open,
    #slidemenu > ul > li.active > a > span.arrow.open:before {
        content: "\f123";
    }

    #slidemenu ul li > ul.sub-menu {
        margin: 0;
        padding-bottom: 10px;
        display: none;
    }

        #slidemenu ul li > ul.sub-menu > li > a {
            padding: 5px 15px 5px 65px;
            font-size: 15px;
        }

    #slidemenu ul li.logout {
        display: none;
    }

.child-active a {
    color: #fff !important;
    font-weight: bold !important;
}

/***************************/
/*  MAIN CONTENT    */
/***************************/

.content-nav-header {
    margin-left: 250px;
    margin-bottom: 15px;
}

.main-content-wrapper {
    margin-left: 268px;
    position: relative;
}

#main-panel > .row:last-child, #main-panel > .row:last-child .panel {
    margin-bottom: 0;
}

/***************************/
/*  MAIN SIDEBAR    */
/***************************/

#main-sidebar {
    width: 250px;
}

    #main-sidebar .panel {
        height: 100%;
        margin-bottom: 0;
        padding-bottom: 10px;
        overflow: hidden;
        min-height: 330px;
    }

    #main-sidebar .heading h3 {
        color: #4A4A4A;
        font-size: 18px;
        padding: 18px;
        padding-bottom: 0;
        margin-top: 0;
    }

    #main-sidebar .offer {
        float: left;
        width: 100%;
        padding: 20px;
        margin-bottom: 20px;
    }

    #main-sidebar .smartstat {
        text-align: center;
    }

        #main-sidebar .smartstat img {
            float: none !important;
            width: 90%;
            height: auto;
        }

        #main-sidebar .smartstat p {
            padding-left: 0;
            margin-top: 10px;
            width: 100%;
            font-size: 15px;
            line-height: 15px;
            color: #82bb27;
        }

        #main-sidebar .smartstat button {
            text-align: center;
            float: none !important;
        }

.smartstat {
    border-radius: 5px;
}

#main-sidebar .benefits {
    padding-bottom: 7px;
    /*border-bottom: 1px solid #c7c9cb;*/
    margin: 0 10px;
}

    #main-sidebar .benefits h5 {
        font-size: 18px;
        padding-left: 8px;
    }

    #main-sidebar .benefits ul {
        padding-left: 30px;
    }

        #main-sidebar .benefits ul li, #main-sidebar .benefits p {
            font-size: 13.4px;
            font-weight: 300;
            color: #6d6e71;
        }

    #main-sidebar .benefits p {
        padding: 0 10px;
    }

#main-sidebar .refer {
    width: 100%;
    height: 130px;
    background-size: cover;
}

#main-sidebar .query {
    float: left;
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 20px;
}

#main-sidebar .refer button {
    float: right;
    margin-top: 77px;
    margin-left: 30px;
}



.offer img {
    width: 44%;
    height: 70px;
}

.offer p {
    color: #82bb27;
    font-size: 15px;
    line-height: 15px;
    width: 56%;
}

.query img {
    width: 43%;
    padding-top: 6%;
}

.offer img, .offer p, .offer button, .query img, .query p, .query button {
    float: left;
}


    .offer p span {
        font-size: 20px;
        font-weight: 500;
    }

.offer-details p {
    font-size: 14px;
    margin: 20px;
    margin-bottom: 0;
    padding-bottom: 20px;
    color: #8b8c8f;
}

.query p {
    color: #ffffff;
    font-size: 16px;
    width: 57%;
}

.query-details h3 {
    padding-left: 20px;
    font-size: 18px;
    color: #4A4A4A;
    line-height: 21px;
}

.query-details p {
    font-size: 14px;
    padding: 10px 20px 20px 20px;
    color: #8b8c8f;
    padding-bottom: 10px;
}

/*My Offer*/

.myoffer img {
    width: 100%;
    height: 150px;
}

.myoffer_allied {
    /*width:25%;height:80px;float:right;margin-top:-60px;margin-right:20px;*/
    margin-top: -37px;
}

.offer_content {
    margin: -161px 0px 14px 300px;
}

.offer-sec {
    min-width: 400px;
}

    .offer-sec input[type="radio"] {
        float: left;
        margin-right: 5px;
        margin-top: 2px;
    }

    .offer-sec label {
        display: inline;
    }

    .offer-sec p {
        text-align: justify;
    }

.offer-disclaimer {
    padding-right: 30px;
    text-align: justify;
}

.sec-p p {
    width: 84%;
}
/***************************/
/*  PANEL */
/***************************/


.panel {
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: none;
}

    .panel.no-padding {
        padding: 0 !important;
    }

    .panel .panel-heading,
    .panel .panel-body {
        padding: 15px 20px;
    }

    .panel .panel-heading {
        padding-bottom: 0;
    }

    .panel .panel-body {
        padding-top: 0;
    }

        .panel .panel-heading.no-padding,
        .panel .panel-body.no-padding {
            padding: 0 !important;
        }

.panel-default {
    border: 1px solid #CCC;
}

    .panel-default > .panel-heading {
        border-bottom: none;
        font-size: 24px;
        color: #4A4A4A;
        /*font-weight: 300;*/
        margin-top: 2px;
    }

.panel .panel-body {
    margin-top: 15px;
}

.panel .box-icons {
    /*width: 44px;*/
    text-align: center;
    font-size: 24px;
    background: transparent;
    border-radius: 100%;
    color: #888888;
    /*border: 2px solid #82bb27;*/
    display: block;
    margin-top: -2px;
}

.panel-group .panel + .panel {
    margin-top: 0;
}


/****************************************************/
/* GROUP ACCOUNTS */
/****************************************************/

.blue-bg-color {
    background-color: #27318B;
}

.white-font {
    color: #fff;
}

.group-statement .group-statement-body {
    background: #fff;
    border: 1px solid #27318B;
    /*-ms-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -ms-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;*/
    margin-bottom: 20px;
}

.group-statement table {
    margin-bottom: 0 !important;
}

    .group-statement table tr th,
    .group-statement table tr td {
        border: none;
        vertical-align: middle;
        /*width: 25%;*/
    }

/*.group-accounts .panel {
    height: 680px;
}*/

.group-accounts table thead tr {
    background: #777;
    color: #fff;
}

.group-accounts table tr th,
.profile-pref table tr th {
    border-bottom: none;
}

.group-accounts table tr th,
.group-accounts table tr td,
.profile-pref table tr th,
.profile-pref table tr td {
    text-align: center;
}

.group-accounts table thead tr th:nth-child(0) {
    width: 120px !important;
}

.group-accounts table thead tr th:nth-child(1) {
    width: 150px !important;
}

/****************************************************/
/* Account Info*/
/****************************************************/

.accountinfo h3 {
    font-size: 21px;
    margin-top: 6px;
    margin-bottom: 10px;
    float: left;
}

.panel strong {
    font-weight: normal;
}

#esiidbox {
    display: none;
    margin-top: 10px;
}

.grey {
    background-color: #f4f4f4;
    border-top: 1px solid #d1d3d4;
    border-bottom: 1px solid #d1d3d4;
    padding: 10px;
}

.chevron {
    font-size: 14px;
    color: #6d778b !important;
    font-weight: 300;
}

span.primary {
    font-size: 12px;
}

.accountdiv .ques {
    margin-left: 3px;
}

.btnview {
    padding: 2px 5px 2px 5px;
    margin-left: 6px;
    height: 19px;
    font-size: 9px;
}

label.label-new {
    font-weight: 400;
    min-width: 39%;
    display: inline-block;
    font-size: 13px;
    line-height: 29px;
}

/****************************************************/
/* Recent Activity */
/****************************************************/

.list-group-item {
    padding: 3px 0;
    border: none;
}

#recentbox .list-group-item span,
#recentbox .list-group-item strong {
    font-size: 12px;
    color: #4a4a4a;
}

#recentbox .list-group-item small {
    color: #626262;
    font-size: 12px;
    /*color: #878586;*/
}

#recentbox .recentbox-l {
    float: left;
}

#recentbox .recentbox-r {
    float: right;
    margin-right: 16px;
}

.standouttext {
    font-size: 28px !important;
    color: #104D9F;
    font-weight: 300;
    line-height: 15px;
}

/****************************************************/
/* Estimated Bill */
/****************************************************/

.monthly-usage, .recent-activity, .billing-activity, .payment-activity {
    height: 264px;
}

/* Change request from Sajjad to decrease space between heading and content on 23/05/2015 */

.estimatedbill .panel-body {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 5px;
}

.recent-activity .panel-body {
    margin-top: 5px;
}

/****************************************************/
/* CONTENT APP HEADER */
/****************************************************/

.content-app.fixed-header {
    overflow: hidden;
}

.content-app {
    position: relative;
}

/*.app-header {
    position: relative;
    width: 100%;
    padding: 10px;
    height: 52px;
    top: 0;
    z-index: 99;
    background-color: #ffffff;
    color: #2c3e50;
    border-bottom: 1px solid #E5E5E5;
}

    .app-header > .nav {
        margin-top: -2px;
    }

    .app-header .nav > li > a {
        padding: 8px 15px;
        margin-right: 10px;
    }

    .app-header .nav > li:hover > a {
        background-color: #B8B8B8;
        color: #fff;
    }*/

.app-header {
    position: relative;
    width: 100%;
    padding: 10px 0;
    height: 52px;
    top: 0;
    z-index: 99;
    background-color: #77BC1F;
    border-bottom: 1px solid #E5E5E5;
}

    .app-header > .nav {
        margin-top: -2px;
    }

    .app-header .nav > li > a {
        padding: 9px 15px;
        margin-right: 10px;
        color: #fff;
    }

    .app-header .nav > li:hover > a, .app-header .nav > li:focus > a, .app-header .nav > li.active > a, .app-header .nav > li:focus > a {
        background-color: #77BC1F;
        color: #104d9f;
        border-bottom: 4px solid #104d9f;
        border-radius: 0;
    }

    .app-header .nav > li.active > a {
        font-weight: 600;
    }


.slider {
    display: none;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 50px;
    /*min-width: 300px;*/
}

    .slider ul {
        position: relative;
        margin: 0;
        padding: 0;
        height: 50px;
        width: 100%;
        list-style: none;
    }

        .slider ul li {
            display: none;
            float: left;
            margin: 5px 0 0 0;
            height: 50px;
            overflow: hidden;
            padding: 0;
            width: 95%;
            text-align: center;
            font-size: 15px;
        }

            .slider ul li.active {
                display: inline-block;
            }

            .slider ul li a {
                text-decoration: none;
            }

    .slider a.control_prev, .slider a.control_next {
        position: absolute;
        z-index: 999;
        display: block;
        padding: 0 5px;
        width: 40px;
        height: auto;
        color: #333;
        text-decoration: none;
        font-weight: 600;
        font-size: 25px;
        opacity: 0.8;
        cursor: pointer;
    }

        .slider a.control_prev:hover, .slider a.control_next:hover {
            opacity: 1;
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .slider a.control_next > i {
            float: right;
        }

    .slider a.control_prev {
        border-radius: 0 2px 2px 0;
    }

    .slider a.control_next {
        right: 0;
        border-radius: 2px 0 0 2px;
    }

/****************************************************/
/* Billing Activity */
/****************************************************/

.billheading {
    font-size: 12px;
    width: 100%;
}

    .billrow span.billdate, .billheading span.billdate {
        width: 56%;
    }

    .billheading span {
        font-weight: 600;
        display: inline-block;
    }

.align {
    padding-right: 10px;
}

.media-body {
    padding-left: 10px;
}

.billrow {
    border-bottom: 1px solid #cbccce;
    font-size: 13px;
    color: #7E7E7E;
    padding: 2px 0;
    font-weight: 300;
}

    .billrow span {
        display: inline-block;
    }

.bill-bottom {
    float: left;
    width: 100%;
    bottom: 0;
    position: absolute;
    background-color: #f4f4f4;
    border-top: 1px solid #d3d4d5;
    border-bottom: 1px solid #d3d4d5;
    left: 0;
}

    .bill-bottom a {
        float: left;
        width: 100%;
        padding: 14px 0 14px 20px;
        font-size: 14px;
        color: #6d778b !important;
        font-weight: 300;
    }

.paymentheading span.paydate {
    width: 23%;
}

.payment-activity .billrow span, .payments .billrow span {
    width: 24%;
    display: inline-block;
}

.billing-activity .billrow span {
    width: 22%;
    display: inline-block;
}

.billingactivity .pdf-dwn-icon {
    color: #7E7E7E;
    font-size: 14px;
    padding-left: 20px;
}

.pay-bill .form-control, .new-account .form-control, .change-password .form-control {
    height: 40px;
    border-radius: 5px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.billing-table {
    padding-top: 10px;
    margin-top: 0;
    padding-bottom: 5px;
}

    .billing-table > thead {
        background-color: #969696 !important;
        color: #ffffff !important;
        font-size: 13px !important;
    }

        .billing-table > thead > tr > th {
            background-color: #e1e1e1 !important;
            color: #333 !important;
            text-align: center !important;
            padding: 5px 0 !important;
        }

            .billing-table > thead > tr > th > a {
                color: #333 !important;
            }

            .billing-table > thead > tr > th:first-child,
            .billing-table > tbody > tr > td:first-child {
                text-align: center;
                width: 120px;
                margin-left: 5px !important;
            }

                .billing-table > thead > tr > th:first-child > a,
                .billing-table > tbody > tr > td:first-child > a {
                    margin-left: 5px !important;
                }

    .billing-table > tbody > tr > td {
        background-color: #f2f2f2 !important;
        color: #333 !important;
        vertical-align: middle !important;
        padding-left: 0 !important;
        text-align: center !important;
    }



.payment-table {
    padding-top: 10px;
    margin-top: 0;
    padding-bottom: 5px;
}

    .payment-table > thead {
        background-color: #969696 !important;
        color: #ffffff !important;
        font-size: 13px !important;
    }

        .payment-table > thead > tr > th {
            background-color: #e1e1e1 !important;
            color: #333 !important;
            text-align: center !important;
            padding: 5px 0 !important;
        }

            .payment-table > thead > tr > th > a {
                color: #333 !important;
            }

            .payment-table > thead > tr > th:first-child > a {
                margin-left: 5px !important;
            }

    .payment-table > tbody > tr > td:first-child {
        padding-left: 5px !important;
    }

    .payment-table > tbody > tr > td {
        background-color: #f2f2f2 !important;
        color: #333 !important;
        vertical-align: middle !important;
        text-align: center !important;
    }



/*Footer*/

.footer {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 20px;
}

    .footer ul {
        width: 100%;
        float: left;
        text-align: center;
        margin-bottom: 0;
    }

        .footer ul li {
            list-style: none !important;
            display: inline-block;
            padding: 0 6px 0 2px;
            line-height: 12px;
            border-right: 1px solid #295ca9;
        }

            .footer ul li a {
                text-decoration: none;
                /*float: left;*/
                color: #295ca9;
                font-size: 12px;
            }

                .footer ul li a:hover {
                    color: #002352;
                }


        .footer ul.copyright {
            margin-top: 5px;
        }

            .footer ul.copyright li {
                border-right: 1px solid #aaa;
                padding: 0 6px 0 2px;
                line-height: 12px;
                font-size: 12px;
            }

                .footer ul.copyright li a {
                    /*padding-top:5px;*/
                }

        .footer ul li.last {
            border-right: none;
        }


/* Auto Pay */

.last-panel-box,
.last-panel-box .panel {
    margin-bottom: 0 !important;
}

.auto-pay .panel, .billing-history .panel,
.payment-activity-box .panel {
    min-height: 500px;
}


.auto-pay .form-horizontal .control-label {
    text-align: left;
}

.auto-pay .form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px;
}

.auto-pay .form-group .required {
    color: #e02222;
    font-size: 12px;
    padding-left: 2px;
}

.auto-pay .autopay-op-header {
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e1e1e1;
}

.input-icon.right > i {
    right: 8px;
    float: right;
}

.has-error .input-icon > i {
    color: #F3565D;
}

.input-icon > i {
    color: #ccc;
    display: block;
    position: absolute;
    margin: 7px 6px 4px 10px;
    z-index: 3;
    width: 16px;
    height: 16px;
    font-size: 16px;
    text-align: center;
}

.input-icon.right > .form-control {
    padding-right: 33px;
    padding-left: 12px;
}
/* /Auto Pay */
.account-row {
    margin-bottom: 14px;
}

    .account-row .btn-cancel {
        background-color: #525252;
        border: 1px solid #454545;
        color: #ffffff;
        margin-left: 20px;
    }

        .account-row .btn-cancel:hover, .account-row .btn-cancel:focus {
            background-color: #444343;
            border: 1px solid #454545;
        }

.managewidth {
    width: 50%;
    float: left;
    padding: 0 10px;
}

.new-account-buttons {
    float: right;
    margin-top: 10px;
}

.new-account p {
    color: #8b8c8f;
    font-size: 14px;
    margin-top: 10px;
    text-align: justify;
}

/* My Profile */
/ My Profile / .profile-info > .row {
    margin-bottom: 10px;
}

.profile-info strong {
    font-weight: normal;
    font-size: 12px;
    color: #838383;
}

.profile-setting p {
    color: #9EB522;
    font-size: 17px !important;
    margin-top: 0;
}

.profile-setting .not-enrolled {
    color: #838383 !important;
}

.profileheight {
    min-height: 200px;
}

.new-account p {
    font-size: 13px;
}
/*Add New Account*/
.add-new_account-container h4 {
    color: #555;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    width: auto;
}

.add-new_account-container p {
    color: #666;
}

.editableform .editable-submit, .editableform .editable-cancel {
    background: none !important;
    border: none !important;
    color: #838383 !important;
    font-size: 23px;
    padding: 0;
    line-height: 40px;
}

    .editableform .editable-submit:active, .editableform .editable-cancel:active {
        box-shadow: none !important;
    }

    .editableform .editable-submit i:hover, .editableform .editable-cancel i:hover {
        color: #3C3C3C;
    }

.account-top-info .editableform .editable-submit, .editableform .editable-cancel {
    line-height: 32px !important;
}

/* Changes to decrease height and width ~ Ask by Sajjad on 23/05/2015*/

.account-top-info .editable-input input {
    height: 34px;
    padding: 10px 0px !important;
    font-size: 18px;
    line-height: 1.33;
    width: 170px;
}

.account-top-info .editable-buttons {
    margin-top: 1px;
}
/*********************************************/
/* My Profile Alerts */
/*********************************************/
.profile-info strong {
    font-weight: normal;
    font-size: 12px;
    color: #838383;
}

.profile-setting p {
    color: #1AB24A;
    font-size: 17px !important;
    margin-top: 0;
}

.profile-setting .not-enrolled {
    color: #838383 !important;
}

.profileheight {
    min-height: 255px;
}

.new-account p {
    font-size: 13px;
}

.profile-alert .profile-alert-header {
    font-weight: 600;
    margin-top: 0;
}

.profile-alert-tbl thead {
    background-color: #E8E8E8;
}

.profile-alert .profile-alert-caption {
    font-size: 12px;
    color: #666;
}

.profile-alert-tbl ul li {
    list-style-type: none;
    padding-left: 0;
}

.profile-alert-tbl .alert-option-list span {
    display: inline-block;
    width: 100px;
}


.profile-alert-tbl th {
    font-size: 12px;
}

.passwords .label-new {
    font-size: 15px;
}

.table-preferences thead tr {
    background-color: #E8E8E8 !important;
}
/*********************************************/
/* My Profile Alerts */
/*********************************************/

.faq-box .all-faqs {
    margin-top: 20px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

.faq-box .top-most-ques {
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

    .faq-box .top-most-ques ul {
        padding-left: 20px;
    }

        .faq-box .top-most-ques ul li {
            margin-bottom: 8px;
        }

            .faq-box .top-most-ques ul li:first-child {
                font-size: 16px;
            }

            .faq-box .top-most-ques ul li span.number {
                font-size: 8px;
                vertical-align: top;
            }

.faq-box .faq-item {
    margin-bottom: 10px;
}

.faq-box .faq-item-header {
    /*background: #969696;*/
    padding: 4px 6px;
}

    .faq-box .faq-item-header.active {
        background: #ccc;
    }

    .faq-box .faq-item-header:hover {
        background: #ccc;
        cursor: pointer;
    }

    .faq-box .faq-item-header a {
        text-decoration: none;
    }

    .faq-box .faq-item-header h5 {
        margin: 0;
    }

    .faq-box .faq-item-header .ion {
        width: 9px;
        margin-right: 5px;
    }

.faq-box .faq-item-body {
    display: none;
    margin-left: 35px;
    padding: 8px 15px 8px 15px;
    border-left: 2px solid #e1e1e1;
    color: #777;
    font-size: 13px;
}

#profilebox {
    min-height: 200px;
    max-height: 200px;
    width: 100%;
}

/****************************************************/
/* current services */
/****************************************************/
.current-row {
    width: 100%;
    float: left;
    margin: 2px -5px;
}

    .current-row span.left {
        width: 50%;
        float: left;
    }

    .current-row a {
        font-size: 14px;
    }

        .current-row a:hover {
            text-decoration: none;
        }

    .current-row small {
        font-size: 11px;
    }

.current-links {
    margin-top: 10px;
    float: left;
    margin-left: 8px;
}

.contract {
    margin-top: 20px;
}

.login {
    overflow: auto !important;
}

    /*.icons {
    margin-top: 5px;
}*/

    .login .input-icon {
        border: 1px solid #ccc;
        border-radius: 1px;
        margin-bottom: 10px;
        box-shadow: inset 0 1px 0 0 #ECECEC;
        border-radius: 5px;
        position: relative;
        overflow: hidden;
    }

    /*.login .input-icon:first-child {
            border-bottom: none;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .login .input-icon:last-child {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }*/

    .login .form-control {
        border: none;
    }

        .login .form-control .input-username,
        .login .form-control .input-password {
            font-size: 16px;
            font-weight: normal;
            color: #626262;
            background-color: #fff;
            border: none !important;
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            box-shadow: none !important;
            -webkit-transition: none !important;
            transition: none !important;
            border-radius: 5px;
        }


    .login .input-icon > i {
        color: #9D9D9D;
        display: block;
        position: absolute;
        margin: 8px 2px 4px 10px;
        z-index: 3;
        width: 16px;
        height: 16px;
        font-size: 16px;
        text-align: center;
    }

    .login .input-username {
        /*text-align: center;*/
        padding-left: 40px;
        border-bottom: none;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .login .input-password {
        /*text-align: center;*/
        padding-left: 40px;
        border-top: 1px solid #e1e1e1;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .login .input-username, .login .input-password {
        -webkit-appearance: caret;
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

    .login h3 {
        font-size: 18px;
        color: #888;
    }

    .login span {
        color: #888;
    }

    .login .dont-acc {
        text-align: center;
        color: #888;
        font-size: 12px;
        margin-bottom: 3px;
    }


    .login .nav-item-icon {
        width: 23px !important;
        height: 23px !important;
        margin-left: 6px !important;
        margin-top: 6px !important;
        background: url(../img/circle_login2.png) no-repeat center center;
    }

    .login .nav-item-white-icon {
        width: 23px !important;
        height: 23px !important;
        /*margin-left: 6px !important;
        margin-top: 6px !important;*/
        background: url(../img/white-circle.png) no-repeat center center;
    }


    .login .ion-person, .login .ion-locked {
        height: 17px;
        width: 17px;
        margin-top: 7px !important;
    }

    .login .connect-with-fb {
        padding-top: 2px;
        font-size: 16px;
        background: #436BA6;
        border: 1px solid #436BA6;
        color: #fff;
    }

        .login .connect-with-fb .ion-record {
            position: relative;
            font-size: 24px;
            right: -6px;
            top: 4px;
        }

        .login .connect-with-fb .ion-social-facebook {
            position: relative;
            color: #295ca9;
            margin-right: 5px;
            font-size: 14px;
            right: 10px;
        }

    .login .lang-option {
        border: 1px solid #ccc !important;
    }

.lang-option select {
    padding-left: 30px;
}

.login .lang-option i {
    color: #7B7B7B;
    line-height: 19px;
}

.sign-container {
    width: 250px;
}

.sign-brand {
    margin-top: 0;
    text-align: center;
}

.sign-wrapper {
    background: url('../img/login-bg.png') repeat;
    padding: 10px 30px 30px 30px;
    margin: 4% auto 0 auto;
    width: 310px;
    height: 560px;
    border: 1px solid #ddd;
    position: relative;
    border-radius: 5px;
}

.sign-brand-logo img {
    /*width: 188px !important;
    height: 111px;*/
    margin-top: 10px;
}

.logo img {
    width: 243px;
    height: 70px;
}

/*.logo a {
    margin-left: 28px;
}*/

.sign-in, .forgot-password, .create-account, .sign-in-btn {
    border-radius: 2px;
}

    .forgot-password:hover, .create-account:hover {
        border-color: #FFF;
        background: #FFF;
        color: #108fcf;
    }


.sign-in {
    -moz-transition: background-color 0.2s ease-out, color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out, color 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
    transition: background-color 0.2s ease-out, color 0.2s ease-out;
}

    .sign-in:hover,
    .sign-in:active {
        -moz-transition: background-color 0.3s ease-in, color 0.3s ease-in;
        -o-transition: background-color 0.3s ease-in, color 0.3s ease-in;
        -webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
        transition: background-color 0.3s ease-in, color 0.3s ease-in;
    }

.sign-wrapper .create-account {
    max-width: 80%;
    margin-left: 10%;
}

.sign-wrapper .or-box {
    text-align: center;
}

    .sign-wrapper .or-box span {
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        margin-top: -8px;
        margin-left: -21px;
        width: 50px;
        color: #999;
        font-size: 12px;
    }

.lbl-remember-me input {
    float: none !important;
    position: absolute;
}

.btn.ghost-button {
    background-color: transparent !important;
}

.ghost-button {
    display: inline-block;
    padding: 6px;
    color: #333;
    border: 1px solid #666;
    text-align: center;
    outline: none;
    text-decoration: none;
    border-radius: 2px;
    -moz-transition: background-color 0.2s ease-out, color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out, color 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-out, color 0.2s ease-out;
    transition: background-color 0.2s ease-out, color 0.2s ease-out;
}

    .ghost-button:hover,
    .ghost-button:active {
        background-color: #666 !important;
        border: 1px solid #666;
        color: #fff;
        -moz-transition: background-color 0.3s ease-in, color 0.3s ease-in;
        -o-transition: background-color 0.3s ease-in, color 0.3s ease-in;
        -webkit-transition: background-color 0.3s ease-in, color 0.3s ease-in;
        transition: background-color 0.3s ease-in, color 0.3s ease-in;
    }

    .ghost-button.white {
        background-color: #fff !important;
        border-color: #999;
    }

        .ghost-button.white:hover {
            background-color: #f5f5f5 !important;
            border-color: #999;
            color: #666;
        }

.sign-wrapper .border-text, .account-head .border-text {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.account-head .border-text {
    margin: 12px 0;
}

    .sign-wrapper .border-text span, .account-head .border-text span {
        display: inline-block;
        vertical-align: baseline;
        zoom: 1;
        *display: inline;
        *vertical-align: auto;
        position: relative;
        padding: 0 15px;
        color: #4A4A4A;
        font-size: 14px;
    }

        .sign-wrapper .border-text span:before, .sign-wrapper .border-text span:after, .account-head .border-text span:before, .account-head .border-text span:after {
            content: '';
            display: block;
            width: 1000px;
            position: absolute;
            top: 0.73em;
            border-top: 1px solid #D8D8D8;
        }

        .sign-wrapper .border-text span:before, .account-head .border-text span:before {
            right: 100%;
        }

        .sign-wrapper .border-text span:after, .account-head .border-text span:after {
            left: 100%;
        }

.sign-wrapper .border-text.border-text-or span {
    font-size: 12px;
    color: #767676;
}

    .sign-wrapper .border-text.border-text-or span:before,
    .sign-wrapper .border-text.border-text-or span:after {
        top: 0.6em;
    }

.sign-wrapper .sign-in-btn {
    font-size: 20px;
    padding: 6px 12px;
    background: #6CB100;
    border: 1px solid #6CB100;
}

.sign-wrapper .forgot-btns a {
    color: #727272;
    font-size: 13px;
}

.sign-wrapper .signup-link {
    font-size: 15px;
    color: #727272;
}

    .sign-wrapper .signup-link > a {
        color: #414141;
        font-size: 15px;
    }



.login .ion-person, .login .ion-locked {
    margin-top: 6px !important;
}

/**usage history**/
.uh-btn button {
    border-radius: 0 !important;
}

    .uh-btn button.first {
        border-right-color: white;
        border-radius: 5px 0px 0px 5px !important;
    }

    .uh-btn button.last {
        border-radius: 0px 5px 5px 0px !important;
    }

/* Tooltip */

.tooltip-inner {
    background-color: #626262;
    color: #ffffff;
    font-size: 12px;
}

.tooltip.right .tooltip-arrow {
    border-right: 5px solid #626262;
}

/* NOTIFY */

.tooltip {
    /*width: 200px;*/
    /*min-width: 150px;*/
}

.notif-media .notif-item .notif-heading {
    position: relative;
    margin: 0;
    padding: 0 0 5px;
    font-size: 13px;
    color: #121212;
    font-weight: 400;
}

.notif-media .notif-item .notif-text {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 300;
    color: #7f8c8d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* BILLING HISTORY */

.tbl-bill {
    margin-top: 15px;
}

    .tbl-bill table thead tr th {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 12px;
        text-align: center;
    }

        .tbl-bill table thead tr th:first-child,
        .tbl-bill table tbody tr td:first-child {
            text-align: left;
        }

    .tbl-bill table tbody tr td {
        font-size: 12px;
        text-align: center;
    }

.bill-history-faq p strong {
    font-weight: bold;
}

.bill-history-faq a {
    font-style: italic;
    text-decoration: underline;
    cursor: pointer;
}



/* DATA TABLE */

.dataTables_wrapper {
}

.dataTables_length {
    margin-bottom: 10px;
}

.dataTables_wrapper .dataTables_paginate {
    /*width: 100%;
    float: none !important;*/
    text-align: center !important;
    margin-top: 10px;
}

.dataTables_wrapper .dataTables_info {
    margin-top: 8px;
}

.pagination {
    margin: 0;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #ccc;
}

/****************************************************/
/* renew /
/****************************************************/
.renew-panel {
    height: 1000px;
}

    .renew-panel.transfermyservice {
        height: 1300px;
    }

    .renew-panel .panel-body {
        padding: 0 15px 10px 20px;
    }

    .renew-panel .cur-plan-heading {
        font-size: 12px;
        text-transform: uppercase;
        color: #888;
        margin-bottom: 0;
    }

    .renew-panel .cur-plan-name {
        font-size: 16px;
    }

.portal-panel .panel {
    border: none !important;
    border-radius: 5px;
    margin-bottom: 10px !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.portal-panel .panel-default > .panel-heading + .panel-collapse .panel-body {
    border: none !important;
    background-color: #f2f2f2;
    padding-bottom: 20px !important;
}


.portal-panel .accord-steps {
    margin: 0 !important;
    padding: 0 !important;
    background-color: #fff !important;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    color: #333;
}

    .portal-panel .accord-steps.active {
        background-color: #7C7C7C !important;
        border: 1px solid #737373;
        color: #fff;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }


    .portal-panel .accord-steps a {
        font-size: 15px;
        width: 100%;
        display: block;
        padding: 13px !important;
        text-decoration: none !important;
    }

    .portal-panel .accord-steps.active a:hover, .portal-panel .accord-steps.active a:visited, .portal-panel .accord-steps.active a:focus {
        text-decoration: none;
        color: #fff !important;
    }

    .portal-panel .accord-steps .index-no {
        border-radius: 25px;
        border: 1px solid #999;
        padding: 5px 9px;
        margin-right: 10px;
        display: inline-block;
    }

    .portal-panel .accord-steps.active .index-no {
        border: 1px solid #fff;
        background: #fff;
        color: #737373;
    }

.portal-panel .renew-table-box {
    min-height: 100px;
    max-height: 500px;
    overflow: auto;
}

.renew {
    padding-top: 10px;
    margin-top: 0;
    padding-bottom: 5px;
}

.renew-table > thead {
    background-color: #969696;
    color: #ffffff;
    font-size: 13px;
}

    .renew-table > thead > tr > th {
        background-color: #e1e1e1;
        color: #333;
        text-align: left;
        padding: 5px 0;
    }

        .renew-table > thead > tr > th:first-child,
        .renew-table > tbody > tr > td:first-child {
            text-align: center;
            width: 120px;
        }

.renew-table > tbody > tr > td {
    background-color: #f2f2f2;
    color: #333;
    vertical-align: middle;
    padding-left: 0;
}

.renew-table .cur-plan {
    color: red;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
}

.renew-table .ghost-button {
    padding: 2px 8px;
}

    .renew-table .ghost-button > i {
        position: relative;
        top: 2px;
    }

.renew-table .curr-circle-box {
    width: 60px;
    height: 60px;
    line-height: 60px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #404885;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
}

.renew-panel .new-plan-heading {
    text-transform: capitalize;
    color: #8b8b8b;
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 2px;
}

.renew-panel .new-plan-body {
    text-transform: capitalize;
    color: #333;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 2px;
}

.renew-panel .note {
    font-size: 11px;
    color: #8b8b8b;
}

/*.table > tbody > tr > td {
    vertical-align: middle;
    text-align: center;
}

    .table > tbody > tr > td:first-child {
        text-align: left;
    }*/

.renew-table {
    margin-bottom: 10px;
}

    .renew-table tr td small {
        color: #3574C8;
    }


.renew-boxed .curr-circle-box {
    width: 60px;
    height: 60px;
    line-height: 60px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #404885;
    font-size: 20px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
}

.renew-boxed {
    min-height: 120px;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden !important;
}

    .renew-boxed .offer-name p {
        font-size: 12px;
        color: #595858;
        text-align: justify;
        margin: 0;
    }

    .renew-boxed .offer-name strong {
        font-size: 17px;
        color: #404885;
    }

    .renew-boxed .offer-desc {
        border-left: 1px solid #DFDFE2;
        border-right: 1px solid #DFDFE2;
        color: #595858;
    }

        .renew-boxed .offer-desc span {
            font-size: 14px;
        }

        .renew-boxed .offer-desc i.icon-file-download {
            margin-top: 4px;
            position: absolute;
            margin-left: 5px;
        }

.renew-heading {
    width: 100%;
    text-align: center;
    color: #ffffff;
    margin-top: -5px;
}

    .renew-heading h3 {
        font-size: 16px;
        padding: 10px;
        margin-top: 0;
    }

.renew-table .ion-chevron-right {
    padding-left: 0;
    padding-right: 0;
}

.plan-name {
    border-bottom: 1px solid #295ca9;
    margin: 10px 0;
}

.terms ul {
    list-style: none;
    font-size: 11px;
    padding-left: 0px;
    text-align: justify;
}

    .terms ul li {
        margin-bottom: 15px;
        float: left;
    }

        .terms ul li span {
            width: 90%;
            float: left;
            padding-left: 20px;
        }

            .terms ul li span.padd {
                padding-left: 40px;
            }

.terms input[type="checkbox"] {
    width: 3%;
    float: left;
}

.terms-links a {
    display: block;
    color: #104d9f;
    font-size: 11px;
    margin: 5px;
    line-height: 16px;
}

    .terms-links a:hover {
        text-decoration: none;
    }

.plan-name strong {
    color: #295ca9;
}

.renew-page .side-left {
    height: 792px !important;
}

.renew-page #main-sidebar {
    height: 739px;
}


/****************************************************/
/* document request /
/****************************************************/
.panel-heading {
    border-radius: 0px;
}

.panel-group .panel-default {
    border-radius: 0px;
}

.border-none {
    border: none;
}

.doc-list > ul {
    list-style: none;
    padding-left: 0;
}

    .doc-list > ul > li {
        width: 100%;
        padding: 10px 10px 10px 20px;
        float: left;
        margin-bottom: 1px;
        border-bottom: 1px solid #F2F1F1;
    }

        .doc-list > ul > li > a {
            text-decoration: none;
            padding-left: 10px;
            background-size: contain;
            padding-right: 22px;
            float: left;
        }

/*.doc-list > ul > li > a > span.pdf-dwn {
                background: url(../img/pdf1.png) no-repeat center center;
                background-size: contain;
                height: 18px;
                width: 33px;
                float: right;
            }*/

.doc-list span.pdf-dwn {
    height: 18px;
    width: 33px;
}

    .doc-list span.pdf-dwn i {
        color: #7E7E7E;
        font-size: 16px;
    }

.doc-req-table .table > tbody > tr > td {
    width: 400px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {

    /* Safari only override */
    ::i-block-chrome, .doc-list > ul > li > a > span.pdf-dwn {
        margin-top: -15px;
    }

    ::i-block-chrome, .lang-option select {
        text-indent: 30px;
    }

    ::i-block-chrome, .lang-option i {
        margin-top: 2px !important;
    }
}

/* Dropdown menu */
.dropdown-menu.dropdown-extend {
    min-width: 243px;
    max-width: 243px;
}

.dropdown-menu.pull-right {
    right: -28px;
}

.dropdown-menu.dropdown-extend.pull-right:before {
    right: 38px;
}


.download-heading {
    background-color: #104d9f;
}

.ion-arrow-right-c {
    color: #969696;
    float: left;
}

/****************************************************/
/* paperless billing /
/****************************************************/
.paperless-row a:hover {
    text-decoration: none;
}

/****************************************************/
/* Transfer My Services /
/****************************************************/
.transfer h3 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
}

.current-plan h3 {
    margin: 15px 0 15px 20px;
    font-size: 17px;
}

/* Current Services */
.current-services ul {
    margin-left: 60px;
}

    .current-services ul li a {
        text-decoration: underline;
    }

.current-services-box-outage {
    border: 1px solid #999;
    border-radius: 5px;
    height: 1000px;
    margin-left: 10px;
    width: 500px;
    margin-right: 15px;
}

.current-services-box {
    border: 1px solid #999;
    border-radius: 5px;
    height: 100px;
    margin-left: 10px;
    width: 94%;
    margin-right: 15px;
    margin-bottom: 5px;
}

.current-services-box-PlanName {
    border: 1px solid #999;
    border-radius: 5px;
    height: 100px;
    margin-left: 10px;
    width: 94%;
    margin-right: 15px;
    margin-bottom: 5px;
}

    .current-services-box-PlanName p {
        margin-top: 20px;
    }

.current-services-box p {
    margin-top: 20px;
}

.current-services-box h3 {
    color: #404885;
    margin-top: 10px;
}

.current-services-box-PlanName h3 {
    color: #404885;
    margin-top: 10px;
}

.curserv-plan-name {
    font-size: 18px;
}

    .curserv-plan-name span {
        font-size: 12px !important;
    }

.current-services-box-PlanName h4 a {
    color: #6CB100;
    margin-top: 10px;
}

.curserv-plan-heading {
    font-size: 12px;
    /*text-transform: uppercase;*/
    color: #888;
    margin-bottom: 0;
}

.curserv-plan-detail {
    font-size: 12px;
    color: #888;
    margin-bottom: 0;
}

/****************************************************/
/* My Messages /
/****************************************************/
.mymessages-table table thead tr th {
    text-align: left;
}

.mymessages-table thead {
    background-color: #27318B;
}

.mymessages-table > .table > thead > tr {
    background: #777;
    color: #ffffff;
}

.mymessages-table > tbody > tr > td {
    background-color: #f2f2f2 !important;
    color: #333 !important;
    vertical-align: middle !important;
    text-align: left !important;
}

.mymessages-table {
    padding-top: 10px;
    margin-top: 0;
    padding-bottom: 5px;
}

    .mymessages-table > thead {
        background-color: #969696 !important;
        color: #ffffff !important;
        font-size: 13px !important;
    }

        .mymessages-table > thead > tr > th {
            background-color: #e1e1e1 !important;
            color: #333 !important;
            text-align: left !important;
            /*padding: 5px 0 !important;*/
        }

            .mymessages-table > thead > tr > th > a {
                color: #333 !important;
            }

            .mymessages-table > thead > tr > th:first-child > a {
                margin-left: 5px !important;
            }

    .mymessages-table > tbody > tr > td:first-child {
        /*padding-left: 5px !important;*/
    }

/****************************************************/
/* Payment activity /
/****************************************************/
.payment-activity-table table thead tr th {
    text-align: center;
}

    .payment-activity-table table thead tr th:first-child {
        text-align: left;
    }

.act-options ul li {
    float: left;
    width: 33%;
    list-style: none;
    text-align: center;
}

    .act-options ul li a:hover {
        text-decoration: none;
    }

/****************************************************/
/* Account Selection /
/****************************************************/
.accountsel-wrapper {
    margin: 8% auto 0 auto;
    width: 380px;
    height: auto !important;
}

    .accountsel-wrapper h4 {
        text-align: center;
    }

    .accountsel-wrapper .account-info {
        background: #d0def1;
        position: relative;
        vertical-align: middle;
        /* -webkit-box-shadow: 0px 0px 5px 2px rgba(204,204,204,1);
        -moz-box-shadow: 0px 0px 5px 2px rgba(204,204,204,1);
        box-shadow: 0px 0px 5px 2px rgba(204,204,204,1);*/
        border: 1px solid #EDEDED;
        z-index: 1000;
    }

        .accountsel-wrapper .account-info .row .col-xs-6:last-child {
            padding-right: 0;
        }

    .accountsel-wrapper .account-info-content {
        margin: 15px 0 15px 20px;
        position: relative;
        float: left;
        width: 246px;
    }

    .accountsel-wrapper .account-info-select {
        width: 90px;
        height: 100%;
        position: absolute;
        right: 0;
        text-align: center;
        vertical-align: middle;
        margin: auto;
        font-size: 18px;
    }

        .accountsel-wrapper .account-info-select span {
            position: relative;
            top: 40%;
        }


    .accountsel-wrapper .highlight {
        color: #104D9F;
    }

    .accountsel-wrapper .account-list .account-list-item {
        display: block;
        position: relative;
        /*-webkit-box-shadow: 0px 0px 5px 2px rgba(204,204,204,1);
        -moz-box-shadow: 0px 0px 5px 2px rgba(204,204,204,1);
        box-shadow: 0px 0px 5px 2px rgba(204,204,204,1);*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -ms-opacity: 0;
        filter: alpha(opacity=0);
        opacity: 0;
        border-radius: 5px;
    }



        .accountsel-wrapper .account-list .account-list-item .row .col-xs-6:last-child {
            padding-right: 0;
        }


        .accountsel-wrapper .account-list .account-list-item:hover {
            /*margin-left: -15px;
            margin-right: -15px;*/
            background: #f1f1f1;
            /*cursor: pointer;*/
            -webkit-box-shadow: 0px 0px 5px 3px rgba(204,204,204,1);
            -moz-box-shadow: 0px 0px 5px 3px rgba(204,204,204,1);
            box-shadow: 0px 0px 5px 3px rgba(204,204,204,1);
        }

            .accountsel-wrapper .account-list .account-list-item:hover a,
            .accountsel-wrapper .account-info-content a {
                cursor: pointer;
            }

/*.account-list-item {
    -ms-opacity: 0;
    opacity: 0;
}*/

/*Override*/
.header-navbar {
    background: none;
    position: relative;
    margin-bottom: 15px;
    margin-top: 10px;
}

#A1 .icon, #notif-messages .icon {
    color: #002352;
}

#A1.btn-icon > .badge {
    border-radius: 25px;
    padding: 5px 7px;
    top: 10px;
}

#A1 {
    padding-top: 13px;
    margin-right: 8px;
}

#notif-messages {
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 3px;
}

.logout-btn-icon {
    display: none;
}

#toggle-content {
    color: #002352 !important;
    margin-top: 2px;
    margin-right: 5px;
    /*background-image:url('../img/menu-mob.png');
    width: 30px;
    height: 30px;
    opacity:0.75;*/
}



/*.accountdiv .panel-actions {
    display: none;
}*/

.accountdiv h3 {
    margin-top: 0;
    font-size: 30px !important;
    color: #4A4A4A;
}
/*.account-top-info i{
    color:#4A4A4A;
}*/
.accountdiv h3, .account-top-info i {
    display: inline;
}

.accountdiv .panel-body {
    padding: 8px 15px 10px 20px;
}

.accountdiv .primary {
    margin-left: 20px;
}


/****************************************************/
/* Bill Details */
/****************************************************/

.bill-details-table > table > tbody > tr, .bill-details-table > .table > tbody > tr > td {
    border: none;
}

.bill-details-table > .table > tbody > tr > td,
.bill-details-table > .table > thead > tr > th {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    text-align: right;
}

    .bill-details-table > .table > tbody > tr > td:first-child,
    .bill-details-table > .table > thead > tr > th:first-child {
        text-align: left;
    }

.bill-details-table table.bill-content-tbl {
    margin-bottom: 0 !important;
}

    .bill-details-table table.bill-content-tbl > tbody > tr > td,
    .bill-details-table table.bill-content-tbl > thead > tr > th {
        text-align: right;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

        .bill-details-table table.bill-content-tbl > tbody > tr > td:first-child,
        .bill-details-table table.bill-content-tbl > thead > tr > th:first-child {
            text-align: left !important;
        }

        .bill-details-table table.bill-content-tbl > tbody > tr > td:last-child,
        .bill-details-table table.bill-content-tbl > thead > tr > th:last-child {
            text-align: right;
            width: 250px;
        }

    .bill-details-table table.bill-content-tbl > thead > tr:hover {
        cursor: pointer;
    }

.bill-details-table .table tbody tr td {
    width: 200px;
}

.bill-details-table .table > tbody > tr > td:first-child,
.bill-details-table .table > thead > tr > th:first-child {
    width: 60%;
    padding-left: 0;
}

/*.bill-details-table .table > tbody > tr > td:first-child {
    width: 60%;
    padding-left: 0;
}*/


.bill-details-table table.bill-content-tbl .level-1 {
    padding-left: 30px !important;
}

.bill-details-table table.bill-content-tbl .level-2 {
    padding-left: 60px !important;
}

.bill-details-table .table > tbody > tr > td {
    border-top: none;
}


.auto-pay label.heading {
    font-size: 18px;
}

a.setup {
    background-color: #DFDFE2;
    border-color: #B1B1B3;
    color: #595656;
    width: 100%;
    margin-top: 15px;
}

    a.setup:focus {
        outline: none;
    }

    a.setup:hover {
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }


/* Pagination */

.daterangepicker-box {
    background: #ffffff;
    color: #333333;
    padding: 8px;
    line-height: 18px;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 4px;
    border-width: 0 1px 4px 1px;
}

input[type="text"].error, input[type="password"].error {
    border: 1px solid #E03D3D;
}

.error .tootltip {
    color: #E03D3D;
    line-height: 34px;
    margin-left: -10px;
    float: left;
}

.error .tooltip-inner {
    background-color: #2D2E2F;
    color: #ffffff;
    font-size: 12px;
}

.error .tooltip.right .tooltip-arrow {
    border-right: 5px solid #2D2E2F;
}

/* PACE OVERRIDE */

.pace .pace-progress {
    background: #40A01B;
}

.pace .pace-activity {
    border-top-color: #40A01B;
    border-left-color: #40A01B;
}

#main-panel .row:nth-last-child {
    margin-bottom: 0 !important;
}

/*#main-panel .row:nth-last-child .panel,
#main-panel .row:nth-last-child .panel {
    margin-bottom: 0 !important;
}*/


/* Theme Panel */
.btn-theme-panel .icon {
    color: #333;
}

.btn-theme-panel h3 {
    color: #666;
}

.btn-theme-panel .col-xs-12 {
    padding: 0 20px 20px 20px;
}

.btn-theme-panel select {
    padding: 5px 10px;
    border: 1px solid #e1e1e1;
}


/* Refer a friend */

.refer-box h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.refer-box ul li {
    margin-top: 10px;
}

.refer-heading {
    width: 100%;
    text-align: center;
    margin-top: -5px;
}

    .refer-heading h3 {
        font-size: 16px;
        padding: 10px;
        margin-top: 0;
        font-weight: 300;
        margin-bottom: 0;
    }


/* Term of Use */
.termofuse-box p,
.termofuse-box ul li,
.termofuse-box ol li {
    font-size: 12px;
}

.termofuse-box strong {
    font-weight: bold;
}


/* About Us */

.aboutus-box img {
    width: 100%;
    height: 100%;
}

.aboutus-box .about-desc {
    margin-top: 20px;
    font-size: 18px;
    color: #69696b;
    margin-bottom: 18px;
}

.flags-icons select {
    color: #999;
}

    .flags-icons select option {
        color: #616161;
    }

.flags-icons a {
    cursor: pointer;
    width: 34px;
    height: 34px;
    border-radius: 25px;
    position: relative;
    -ms-opacity: 0.4;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    -ms-filter: "alpha(opacity=40)"; /* ie 8 */
    -webkit-filter: alpha(opacity=40);
    -moz-filter: alpha(opacity=40);
    -o-filter: alpha(opacity=40);
    filter: alpha(opacity=40);
}

    .flags-icons a.selected, .flags-icons a:hover {
        opacity: 1;
    }

.about-us {
    min-height: 800px;
}

/**sign up**/

.sign-up {
    width: 600px;
    /*height: 588px;*/
}

.sign-up-container {
    width: auto;
}


.sign-up .form-control {
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 95%;
}

.sign-up-container label {
    color: #4A4A4A;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
}

.sign-up-container small {
    display: block;
    font-size: 11px;
    color: #626262;
    line-height: 12px;
    font-weight: 300;
    margin-bottom: 10px;
    font-family: "Helvetica Neue Light Italic",sans-serif !important;
    font-style: italic;
}

.sign-up-container input[type=text],
.sign-up-container input[type=password] {
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #ccc;
    height: 44px;
    /*padding: 18px 10px;*/
}

.sign-up-container .btn-create-acc {
    background: #055697;
    border: 1px solid #055697;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 16px;
}

.sign-up-container .signin-link {
    font-size: 15px;
    color: #727272;
    font-weight: 300;
}

    .sign-up-container .signin-link > a {
        color: #4A4A4A;
        font-size: 15px;
        font-weight: 600;
    }

.form-signup .form-group {
    float: left;
    width: 100%;
}

.form-signup h4 {
    color: #666;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 10px;
    width: auto;
}

.form-signup .required {
    color: #e02222;
}

.form-signup small {
    font-size: 11px;
    color: #767474;
}

/* Forgot Username */

.forgot-username-container p,
.forgot-password-container p {
    color: #666;
}

.forgot-username-container h4,
.forgot-password-container h4 {
    color: #555;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    width: auto;
}

.forgot-username-container .input-icon {
    border-bottom: 1px solid #999 !important;
}


/*account selection*/
.account-head {
    background-color: #ffffff;
    text-align: center;
    padding-top: 10px;
}

    .account-head img.as-logo {
    }

    .account-head h1 {
        font-size: 14px;
        color: #999;
        margin-bottom: 5px;
    }

    .account-head a {
        font-size: 13px;
        color: #626262;
    }

        .account-head a i {
            color: #9E9E9E;
            font-size: 17px;
            margin-right: 3px;
        }

.account-info {
    background-color: rgba(255, 255, 255, 0.8) !important;
    padding-bottom: 20px;
    padding-left: 10px;
    margin-bottom: 10px;
}

    .account-info i {
        margin-top: -5px;
    }

.icon-login {
    width: 28px;
    height: 28px;
    float: left;
    text-align: center;
    font-size: 28px;
    background: transparent;
    border-radius: 100%;
    color: #847E7E;
    border: 1px solid #847E7E;
    margin-right: 5px;
}

.account-info h3 {
    font-size: 18px;
    color: #4A4A4A;
}

.account-info p {
    margin-bottom: 0;
    padding-left: 30px;
    font-size: 15px;
    color: #626262;
}

.account-info h2 {
    font-size: 18px;
    padding-left: 30px;
}

.account-info h5 {
    font-size: 12px;
    color: #055697;
    text-transform: uppercase;
    text-align: center;
}

/****************************************************/
/* Account Selection /
/****************************************************/
.accountsel-wrapper {
    margin: 5% auto 0 auto;
    width: 342px;
    height: auto !important;
}

    .accountsel-wrapper h4 {
        text-align: center;
    }


    .accountsel-wrapper .account-info {
        background: #ffffff;
        position: relative;
        vertical-align: middle;
        /*z-index: 1000;*/
    }

        .accountsel-wrapper .account-info .row .col-xs-6:last-child {
            padding-right: 0;
        }

    .accountsel-wrapper .account-head {
        padding: 15px 33px;
        border-radius: 5px;
    }


    .accountsel-wrapper .account-info-content {
        margin: 15px 0 15px 20px;
        position: relative;
        float: left;
        width: 246px;
    }

    .accountsel-wrapper .account-info-select {
        width: 90px;
        height: 100%;
        position: absolute;
        right: 0;
        background-color: #104D9F;
        color: #fff;
        text-align: center;
        vertical-align: middle;
        margin: auto;
        font-size: 18px;
    }

        .accountsel-wrapper .account-info-select span {
            position: relative;
            top: 40%;
        }


    .accountsel-wrapper .highlight {
        color: #104D9F;
    }

    .accountsel-wrapper .account-list .account-list-item {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -ms-opacity: 0;
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .accountsel-wrapper .account-list .account-list-item {
        background: #fff;
        display: block;
        color: #333;
        position: relative;
        padding-right: 12px;
        /** -webkit-box-shadow: 0px 0px 5px 2px rgba(204,204,204,1);
        -moz-box-shadow: 0px 0px 5px 2px rgba(204,204,204,1);
        box-shadow: 0px 0px 5px 2px rgba(204,204,204,1);*/
    }



        .accountsel-wrapper .account-list .account-list-item .account-info-select {
            background-color: #76bd1d;
        }

        .accountsel-wrapper .account-list .account-list-item .row .col-xs-6:last-child {
            padding-right: 0;
        }


        .accountsel-wrapper .account-list .account-list-item:hover {
            /*margin-left: -15px;
            margin-right: -15px;*/
            background: #f1f1f1;
            /*cursor: pointer;*/
            -webkit-box-shadow: 0 0 5px 3px rgba(204,204,204,1);
            -moz-box-shadow: 0 0 5px 3px rgba(204,204,204,1);
            box-shadow: 0 0 5px 3px rgba(204,204,204,1);
        }

            .accountsel-wrapper .account-list .account-list-item:hover a,
            .accountsel-wrapper .account-info-content a {
                cursor: pointer;
            }

    .accountsel-wrapper .add-acc-box > a,
    .accountsel-wrapper .search-acc-box > a {
        cursor: pointer;
    }

    .accountsel-wrapper .add-acc-box .ion-ios-plus-outline {
        position: relative;
        top: 1px;
    }

    .accountsel-wrapper .search-acc-box .ion-ios-search-strong {
        position: relative;
        top: 2px;
    }

    .accountsel-wrapper .search-acc-box .search-acc .ion-search {
        position: relative;
        top: 24px;
        font-size: 26px;
    }

    .accountsel-wrapper .search-acc-box .search-acc input[type=text] {
        /*padding: 20px 12px 20px 38px;*/
        padding-left: 38px;
        height: 40px;
        border-color: #D8D8D8;
    }

@media (max-width: 240px) {
    /* really tiny screens */
    .nav-bar-top-menu {
        margin-top: -4rem;
        list-style-type: none;
        margin-right: 15px;
    }
}

@media (min-width: 241px) and (max-width: 319px) {
    /* a little bit bigger screens */
    .nav-bar-top-menu {
        margin-top: -4rem;
        list-style-type: none;
        margin-right: 15px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    /* Basically up to, but not including an iPad */
    .nav-bar-top-menu {
        margin-top: -4rem;
        list-style-type: none;
        margin-right: 15px;
    }
}

@media (min-width: 768px) {
    /* iPad and bigger */
    .nav-bar-top-menu {
        margin-top: 22px;
        list-style-type: none;
        margin-right: 15px;
    }
}

/*.nav-bar-top-menu {
    margin-top: 22px;
    list-style-type: none;
    margin-right: 15px;
}*/

    .nav-bar-top-menu > li {
        float: left;
        color: #666;
        line-height: 14px;
        position: relative;
        padding: 0 12px;
        border-right: 1px solid #666;
    }

        .nav-bar-top-menu > li > a {
            float: left;
            color: #626262;
            position: relative;
            font-size: 12px !important;
        }

        .nav-bar-top-menu > li:last-child {
            border-right: none;
            padding-right: 0;
        }

    .nav-bar-top-menu #A1 {
        padding: 0;
        margin: 0;
    }

    .nav-bar-top-menu .notification-icon .icon {
        font-size: 28px;
        top: -6px;
        position: relative;
        display: inline-block;
    }

    .nav-bar-top-menu .notification-icon .badge {
        position: absolute;
        display: inline-block;
        top: -11px;
        /* float: left; */
        /* top: -12px; */
        /* right: -34px; */
        color: #fff;
        right: -8px;
        background-color: #EE3A43;
    }

/**billing override**/

.account-top-info > .row > .col-xs-6 {
    margin-bottom: 0;
}

.account-top-info .pay-info {
    position: absolute;
    top: 15px;
    right: 9px;
}

.account-top-info span.label_amount {
    font-size: 24px;
    line-height: 18px;
    color: #4A4A4A;
}

.recentbox-r a {
    font-size: 12px;
    color: #b71319;
    line-height: 24px;
}

.account-top-info .label_user {
    font-size: 18px;
    color: #626262;
    margin-bottom: 5px;
}

.account-top-info .label_txt {
    font-size: 14px;
    color: #626262;
    margin-bottom: 5px;
}

.account-top-info .label_add {
    font-size: 14px;
    color: #626262;
    margin-bottom: 5px;
}

.account-top-info .acc-info-opt {
    margin-top: 15px;
}

.account-top-info .label_amountdue {
    margin-top: 13px;
    font-size: 12px;
    color: #626262;
}


.account-top-info .acc-info-opt a {
    font-size: 13.5px;
    color: #055697;
}

.account-top-info span.or {
    color: #626262;
    margin: 0 10px;
}

.account-top-info span.primary .icon {
    font-size: 16px;
    position: relative;
    top: 1px;
}

.account-top-info .pay-button {
    margin-top: 20px;
    float: right;
}

.billheading {
    border-bottom: 2px solid #ccc;
    line-height: 30px;
}

.billrow {
    line-height: 30px;
}

.billing-adv {
    overflow: hidden;
}

.transfer-search-tbl th {
    font-size: 13px;
}

.transfer-search-tbl td {
    font-size: 12px;
}

.transfer-input-text {
    display: inline;
    width: 95%;
}

    .transfer-input-text.width-85-per {
        width: 85%;
    }

.transfer-dropdown {
    width: 90%;
}

.transfer-required {
    color: #E03D3D;
    margin-left: 2px;
}

.alert {
    border-radius: 5px;
}

.forgot-username-container .alert p, .forgot-password-container .alert p {
    color: #fff !important;
}

.alert-danger {
    color: #FFFFFF !important;
}

.sortHeading {
    color: white !important;
    text-decoration-style: none;
}

.sortHeading-blk {
    color: black !important;
    font-weight: bold !important;
    text-decoration-style: none;
}

.selected {
    background-color: lightgray;
    font-weight: bold;
}

.prompt-info {
    color: #BF8123 !important;
    background-color: #FFF1DD;
    width: 97%;
    border: 1px solid #FDF3C1;
    font-weight: 700;
    padding-left: 20px;
}

.renew-prompt {
    font-size: 14px;
    color: #626262;
    margin-bottom: 5px;
}

.graph-btn-width {
    width: 170px;
}
/* Added by Ashutosh to remove increment decrement button on textbox type=number*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type='number'] {
    -moz-appearance: textfield;
}

.btn-group-graph {
    color: #ffffff;
    background-color: #404885 !important;
    border-color: #404886 !important;
}

    .btn-group-graph:hover, .btn-group-graph:active, .btn-group-graph:focus {
        color: #ffffff;
        background-color: #6169A7 !important;
        border-color: #6169A8 !important;
    }

    .btn-group-graph.active{
        color: #ffffff;
        background-color: #6169A7 !important;
        border-color: #6169A8 !important;
    }

.btn-group-graph-active {
    color: #ffffff;
    background-color: #6169A7 !important;
    border-color: #6169A8 !important;
}

.Support-faq-box {
    border: 1px solid #999;
    border-radius: 5px;
    height: 420px;
    margin-left: 10px;
    width: 305px;
    margin-right: 15px;
}

.Support-Outage-box {
    border: 1px solid #999;
    border-radius: 5px;
    height: 420px;
    margin-left: 10px;
    width: 290px;
    margin-right: 15px;
}

.Support-heading {
    font-size: 12px;
    color: #888;
    margin-bottom: 0;
}

.Support-detail {
    font-size: 12px;
    color: #888;
    margin-bottom: 0;
}

.TMS_Cuurrent-box {
    background: #fff;
    border: 1px solid #e1e1e1;
}

.TMS_current-plan {
    padding-top: 10px;
    padding-bottom: 10px;
}

    .TMS_current-plan strong {
        margin: 15px 0px 15px 0px;
        font-size: 16px;
        color: #626262;
    }

.TMS_offer-desc {
    border-right: 1px solid #DFDFE2;
    color: #595858;
    margin-left: 10px;
    width: 80%;
}

input[type=checkbox] {
    /* All browsers except webkit*/
    transform: scale(1.2);
    /* Webkit browsers*/
    -webkit-transform: scale(1.2);
}


/*Banner*/
.banner-width {
    width: 100%;
}

#main-sidebar .panel:nth-of-type(2) {
    margin-top: 25px;
}

/* Flickering issue of angular*/

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

.anchor-white {
    color: white !important;
    font-weight: bold !important;
    text-decoration: underline;
}

.anchor-gray {
    color: #626262 !important;
    font-weight: bold !important;
    text-decoration: underline;
}

.profileheight .editable-input input {
    padding-right: 10px !important;
    height: 34px;
}

.refer-image {
    width: 100%;
    margin-bottom: 15px;
    border-radius: 5px;
}

textarea {
    resize: none;
}

.margin-top-apply {
    margin-top: 23px;
}
#txtProfileNickName, #txtUserName, #txtEmailAddress, #txtBillingEmailAddress, #txtBillingStreet {
    word-wrap: break-word;
}