@font-face {
    font-family: 'RubrikRegular';
    src: url('../fonts/rubrik_regular-webfont.eot');
    src: url('../fonts/rubrik_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/rubrik_regular-webfont.woff') format('woff'), url('../fonts/rubrik_regular-webfont.ttf') format('truetype'), url('../fonts/rubrik_regular-webfont.svg#rubrikregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RubrikSemiBold';
    src: url('../fonts/rubrik_semibold-webfont.eot');
    src: url('../fonts/rubrik_semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/rubrik_semibold-webfont.woff') format('woff'), url('../fonts/rubrik_semibold-webfont.ttf') format('truetype'), url('../fonts/rubrik_semibold-webfont.svg#rubriksemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
.greyModal {
    background: #f1f1f1;
}

.noBorder {
    border: none;
}

.allBlack {
    color: black !important;
}

.allWhite {
    color: white !important;
}

.blackBG {
    background: black !important;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.breadcrumb {
    list-style: none;
    overflow: hidden;
    font: 18px Sans-Serif;
}

    .breadcrumb li {
        float: left;
    }

        .breadcrumb li a {
            color: white;
            text-decoration: none;
            padding: 10px 0 10px 65px;
            background: brown; /* fallback color */
            background: hsla(34,85%,35%,1);
            position: relative;
            display: block;
            float: left;
        }

.footerGray {
    background: #EFEFEF;
    text-align: center;
    padding: 10px 20px 10px 20px;
}

.footerBlk {
    text-align: center;
    padding: 10px 0;
}

.footerLinks {
    list-style-type: none;
    margin: auto;
    padding: 0;
    overflow: hidden;
    color: #333333;
    margin: 15px 0;
    width: 100%;
}

    .footerLinks li {
        display: inline-block;
    }

        .footerLinks li a {
            font-size: 12px;
            margin: 0 10px;
            border-bottom: none;
            white-space: nowrap;
            color: #1A191A;
            font-family: 'RubrikSemiBold';
        }

            .footerLinks li a:hover {
                border-bottom: none;
                text-decoration: none;
            }

.disclaimer {
    text-align: center;
}

    .disclaimer p {
        margin-bottom: 0;
    }

.greyModal {
    background: #f3f3f4;
}

.greytableBG {
    background: #f3f3f4;
}

.breadcrumb li:first-child a {
    padding-left: 10px;
}

.breadcrumb li:nth-child(2) a {
    background: hsla(34,85%,45%,1);
}

    .breadcrumb li:nth-child(2) a:after {
        border-left-color: hsla(34,85%,45%,1);
    }

.breadcrumb li:nth-child(3) a {
    background: hsla(34,85%,55%,1);
}

    .breadcrumb li:nth-child(3) a:after {
        border-left-color: hsla(34,85%,55%,1);
    }

.breadcrumb li:nth-child(4) a {
    background: hsla(34,85%,65%,1);
}

    .breadcrumb li:nth-child(4) a:after {
        border-left-color: hsla(34,85%,65%,1);
    }

.breadcrumb li:nth-child(5) a {
    background: hsla(34,85%,75%,1);
}

    .breadcrumb li:nth-child(5) a:after {
        border-left-color: hsla(34,85%,75%,1);
    }

.breadcrumb li:last-child a {
    background: transparent !important;
    color: black;
    pointer-events: none;
    cursor: default;
}

    .breadcrumb li:last-child a::after {
        border: 0;
    }

.viewBillHdr {
    color: white;
    background: black;
    text-align: center;
}

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

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

.push5px {
    margin-left: 5px;
}

.terms {
    background: white;
    padding: 10px 5px 10px 16px;
    border: 1px dotted #b5b5b5;
     height: 300px;
}

.leftAlign {
    text-align: left !important;
}

.rightAlign {
    text-align: right;
}

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

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

.labelColor {
    color: #707070 !important;
}

.vatAccepted {
    color: #00AA50 !important;
}

.dashedSect {
    border-bottom: 1px dashed #cacaca;
    border-top: 1px dashed #cacaca;
    padding: 10px 0 20px 0;
    margin: 15px 0;
}


.uploadFile {
    background: #f9f9f9;
    border: 1px dashed #eaeaea;
    height: 30px;
    font-size: 12px;
    /*width: 100%;*/
    line-height: 22px;
    /*margin: 10px 0*/;
    position: relative;
}

.uploadFileContent {
    padding: 2px 11px;
}

.upload {
    line-height: normal;
}

.redColor {
    color: #f00 !important;
}

.eligibleDeviceTabs {
    border: none !important;
    border-bottom: 1px dotted #ccc !important;
    border-top: 1px dotted #ccc !important;
}

.b2b_GreyHdr {
    color: #282828;
}

.b2b_GreySubHdr {
    color: #4f4f4f;
}

.dashedLine {
    border-bottom: 1px dashed #8A8A8A;
    padding-top: 15px;
}

.tableED {
    border-collapse: collapse !important;
    width: 100%;
    margin: 10px 0;
}

    .tableED th {
        padding: 6px 10px;
        border-bottom: 1px dotted #ccc;
    }

    .tableED td,
    .tableED th {
        background-color: #fff !important;
    }

    .tableED td {
        padding: 5px 10px;
    }

.tableED-bordered th,
.tableED-bordered td {
    border: 1px solid #ddd !important;
}

.tableback {
    background-color: #f1f1f1;
}

.tableSb {
    border-collapse: collapse !important;
    width: 100%;
    margin: 10px 0;
    font-size: small;
    font-weight: 600;
    text-align: left;
}

    .tableSb th {
        padding: 6px 0;
        border-bottom: 1px dotted #ccc;
    }

    .tableSb td,
    .tableSb th {
        background-color: #fff !important;
    }

    .tableSb td {
        padding: 12px 0;
        border: 1px dotted #c2c2c2;
    }

.tableSb-bordered th,
.tableSb-bordered td {
    border: 1px solid #ddd !important;
}

.estPrice {
    text-align: right;
}

.egDevice {
    text-align: left;
    color: #707070;
}

.caContain {
    margin: 5px 0;
    position: relative;
}

.caHdr {
    padding: 5px 10px;
    background: #e2e2e2;
}

.caHdrDefault {
    background: #e0e0e0;
}

.caContent {
    margin: 0 0 7px 0;
    font-size: 10px;
    background: white;
    padding: 15px;
    border: 1px dotted #ddd;
}

    .caContent p {
        padding-left: 0px;
        margin-bottom: 0;
    }

.caAction, .caAction-Selected {
    text-align: right;
    padding-top: 59px;
    padding-right: 8px;
}

.caAction-Selected {
    padding-right: 10px;
}

.sbContent p {
    font-weight: bold;
    font-size: 11px;
}

.sbContent > ol > li {
    font-size: 10px;
}

    .sbContent > ol > li > ul {
        font-size: 10px;
        list-style-type: circle;
        margin: 5px 0;
    }

.editAddInfo {
    margin-top: 20px;
}

.editAddInfoRow {
    margin-bottom: 20px;
}

.editQuoteFooter {
    padding: 5px 35px;
    margin-top: 0;
    margin-bottom: 25px;
}


fieldset.scheduler-border {
    border: 1px dashed #ddd !important;
    padding: 0 12px 12px 12px !important;
    margin: 0 0 1.5em 0 !important;
    /*-webkit-box-shadow: 0px 0px 0px 0px #000;*/
    box-shadow: 0px 0px 0px 0px #000;
}

legend.scheduler-border {
    font-size: 1em !important;
    /*font-weight: bold !important;*/
    text-align: left !important;
    width: auto;
    padding: 0 10px;
    border-bottom: none;
}


#myformBlu {
    text-align: center;
    padding: 5px;
    margin: 0px;
}

.qtyBlu {
    width: 38px;
    height: 34px;
    text-align: center;
    outline: none;
    border: 1px solid white;
    background: white;
    margin-left: -4px;
    margin-right: -4px;
}

input.qtyplusBlu {
    width: 35px;
    height: 35px;
    background: #0289cd;
    outline: none;
    border: none;
    color: white;
    /* font-size: 22px; */
    margin: 0;
}

input.qtyminusBlu {
    width: 35px;
    height: 35px;
    background: #0289cd;
    outline: none;
    border: none;
    color: white;
    /* font-size: 22px; */
    margin: 0;
}



.headerHamMenu {
    background: black;
    color: white;
    border-radius: 5px;
}

    .headerHamMenu:hover {
        background: white;
        color: black;
    }

.dropdown-menu::before {
    border-bottom: 9px solid rgba(0, 0, 0, 0.2);
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    right: 23px;
    position: absolute;
    top: -8px;
}

.dropdown-menu::after {
    border-bottom: 8px solid #FFFFFF;
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    right: 23px;
    position: absolute;
    top: -7px;
}

.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: grey;
    font-size: 12px;
    line-height: 19px;
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e079"; /* adjust as needed, taken from bootstrap.css */
}

.faqFirstPanel {
    border-top: 2px solid #005ec2 !important;
}

.faqPanel {
    /*border: 1px dashed #ccc;*/
}

    .faqPanel a {
        color: #707070;
        font-size: 16px;
    }

        .faqPanel a:hover {
            text-decoration: none;
            color: #4e4e4e;
        }

        .faqPanel a:active {
            text-decoration: none;
        }

        .faqPanel a:focus {
            text-decoration: none;
        }

.faqHdrDesign {
    border: none !important;
    background: #f6f6f6 !important;
}

.faqNoMargin {
    margin: 0 !important;
}

.pageTitle {
    border-bottom: 1px solid #dedede;
    color: #282828;
    margin-bottom: 10px;
    padding: 1px 22px;
}

.centerContainer {
    margin-bottom: 10px;
    padding: 1px 22px;
    margin: 0 auto;
    position: relative;
    width: 40%;
}

.centerPageTitle {
    border-bottom: 1px dashed #8A8A8A;
    color: #707070;
    text-align: center;
}

.forgotPwd {
    color: #1a6ecc;
}

.btnContainer {
    border-top: 1px dashed #8A8A8A;
    padding: 15px 0;
    margin-top: 15px;
}

.btnFull {
    width: 100% !important;
    margin-bottom: 10px;
}

.btnRow {
    margin-top: 5px;
}

    .btnRow ul {
        list-style: none;
        padding: 0;
    }

        .btnRow ul li {
            display: inline-block;
            vertical-align: baseline;
        }

            .btnRow ul li:last-child {
                float: right;
            }


    .btnRow #secBtn {
        margin-right: 25px;
    }

    .btnRow #first, .btnRow #third {
        margin-top: 24px;
    }

    .btnRow #sec {
        margin-top: 0;
    }

.unitPriceDisclaimer {
    margin: 4px 10px;
}

.enterEmail {
    width: 350px;
}


/************ QUOTE BLOCK TABLE ***************/

.quoteBlock {
    margin-top: 30px;
    margin-bottom: 25px;
}

    .quoteBlock table {
        margin-bottom: 0;
    }


        .quoteBlock table tbody tr th {
            padding: 20px 5px;
        }

            .quoteBlock table tbody tr th:first-child,
            .quoteBlock table tbody tr td:first-child {
                width: 70%;
            }

        .quoteBlock table tbody tr td,
        .orderSummary td {
            vertical-align: middle;
            font-size: 12px;
            padding-top: 18px;
            padding-bottom: 18px;
        }


.postCodeInput {
    width: 60%;
    float: left;
    margin-right: 5px;
    border-color: black;
}
/************ QUOTE BLOCK TABLE ***************/

.totalQuotedPriceBlock {
    background: #f7f7f7;
    border: 1px dashed #c8c8c8;
    padding: 28px 10px 35px 10px;
   
    margin-top: 30px;
}

.totalQuotedPrice {
    font-size: 55px;
    font-weight: bold;
    color: #282828;
}

.totalQuotedPriceDisclaimer {
    margin-top: 5px;
}

.noOfDevices {
    background: #f7f7f7 !important;
    padding: 15px 30px !important;
    font-size: 26px !important;
    text-align: right !important;
    color: #282828 !important;
}


.enterEmail {
    width: 550px !important;
}

.orderCompleteBlock {
    background: #f7f7f7;
    border: 1px dashed #c8c8c8;
    padding: 21px 35px;
    margin: 30px 0;
}

.orderCompleteText {
    text-align: center;
    padding: 10px 50px;
    font-size: 20px;
}

.orderCompleteBlockHdr {
    font-size: 35px;
    /*font-weight: bold;*/
    color: #282828 !important;
}

.impInfo {
    background: #f7f7f7;
    border: 1px dashed #c8c8c8;
    padding: 15px 35px 20px 35px;
    margin: 30px 0;
}

.impInfoHdr {
    font-size: 22px;
}

.impInfoText {
    font-size: 16px;
}

.fmaAlign {
    display: inline-block;
    /* margin: 0px 0px 5px 5px; */
    padding: 8px 22px;
    margin-top: 25px;
    margin-left: -18px;
}

/*---------------------------------- SELF BILL INVOICE STARTS  ----------------------------------*/

.selfBillCont {
    padding: 20px;
}

.selfBilladdress {
    text-align: right;
    font-size: 12px;
    color: black;
}

    .selfBilladdress p {
        margin: 0 !important;
        padding: 0 !important;
        text-align: right;
    }

        .selfBilladdress p label {
            margin: 0 !important;
            padding: 0 !important;
            text-align: right;
            font-weight: bold;
        }

.selfBillHdr {
    font-weight: bold;
    text-align: center;
    padding: 15px;
    font-size: 18px;
}

.selfBSaddress {
    text-align: left;
    font-size: 12px;
    color: black;
}

    .selfBSaddress p {
        margin: 0 !important;
        padding: 0 !important;
        text-align: left;
    }

        .selfBSaddress p #invoiceTitle {
            margin: 0 !important;
            padding: 0 !important;
            text-align: left;
            font-weight: normal;
        }

        .selfBSaddress p label {
            margin: 0 !important;
            padding: 0 !important;
            text-align: left;
            font-weight: bold;
        }

#sbLabel {
    text-align: right;
    font-size: 12px;
    color: black;
}

    #sbLabel p {
        margin: 0 !important;
        padding: 0 !important;
        text-align: right;
    }

        #sbLabel p label {
            margin: 0 !important;
            padding: 0 !important;
            text-align: right;
            font-weight: bold;
        }

#sbContent {
    text-align: right;
    font-size: 12px;
    color: black;
}

    #sbContent p {
        margin: 0 !important;
        padding: 0 !important;
        text-align: right;
    }

        #sbContent p label {
            margin: 0 !important;
            padding: 0 !important;
            text-align: right;
        }

#sbLeftContent {
    text-align: left;
    font-size: 12px;
    color: black;
}

    #sbLeftContent p {
        margin: 0 !important;
        padding: 0 !important;
        text-align: left;
    }

        #sbLeftContent p label {
            margin: 0 !important;
            padding: 0 !important;
            text-align: left;
        }

            #sbLeftContent p label span {
                padding-left: 25px !important;
            }

.sbdisclaimer {
    font-weight: bold;
    padding: 1px 25px 50px 26px;
}

table#ctl00_ContentPlaceHolder1_selfBillTable {
    border: 1px solid #949494;
    
}

    table#ctl00_ContentPlaceHolder1_selfBillTable th {
        border: 1px solid #949494;
        background: #CDCDCD;
    }

    table#ctl00_ContentPlaceHolder1_selfBillTable td {
        border: 1px solid #949494;
        color: #000;
        background: #CDCDCD;
    }
    table#ctl00_ContentPlaceHolder1_selfBillTableMac {
    border: 1px solid #949494;
    
}

    table#ctl00_ContentPlaceHolder1_selfBillTableMac th {
        border: 1px solid #949494;
        background: #CDCDCD;
    }

    table#ctl00_ContentPlaceHolder1_selfBillTableMac td {
        border: 1px solid #949494;
        color: #000;
        background: #CDCDCD;
    }

.totalLabel {
    text-align: right;
    padding-right: 20px !important;
    font-weight: bold;
}

.sbtabRight {
    text-align: right;
    padding-right: 20px !important;
}

.sbtabLeft {
    text-align: left;
    padding-left: 20px !important;
}



#sb_devices{
    border: 1px solid #e4e4e4;
    color:black;
    font-size: 11px;
        text-align: center;
}

#sb_devices tbody tr th{

    /*background: red;*/
    text-align: center;
    padding: 7px 0;
        color: black !important;
}

#sb_devices tbody tr td{

    background:white !important;
           padding: 7px 0;
    color: #717171;
}

/*----------------------------------  SELF BILL INVOICE ENDS  ----------------------------------*/

/*----------------------------------  RESPONSIVE MEDIA QUERIES STARTS  ----------------------------------*/


/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    /* STYLES GO HERE */
    .btn_res {
        width: 100% !important;
        margin: 8px 0 !important;
    }

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

    .modal-dialog {
        width: 94% !important;
    }

    .labelLeftAlign {
        text-align: left !important;
    }

    .footerLinks li {
        width: 100%;
    }

    .centerContainer {
        width: 100%;
    }

    .totalQuotedPrice {
        font-size: 35px;
        font-weight: bold;
        color: #282828;
    }

    .orderCompleteBlockHdr {
        font-size: 18px;
    }

    .orderCompleteText {
        text-align: center;
        padding: 0;
        font-size: 13px;
    }

    .orderCompleteBlock {
        background: #f7f7f7;
        border: 1px dashed #c8c8c8;
        padding: 15px;
        margin: 30px 0;
    }

    .impInfo {
        background: #f7f7f7;
        border: 1px dashed #c8c8c8;
        padding: 10px;
        margin: 30px 0;
    }

    .impInfoHdr {
        font-size: 18px;
    }

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


/* Smartphones (landscape) ----------- */

@media only screen and (min-width: 321px) {
    /* STYLES GO HERE */




}

@media only screen and (min-device-width: 569px) and (max-device-width: 768px) {
    /* STYLES GO HERE */

    .btn_res {
        width: 100% !important;
        margin: 8px 0 !important;
    }

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

    .labelLeftAlign {
        text-align: left !important;
    }

    .footerLinks li {
        width: 100%;
    }

    .centerContainer {
        width: 100%;
    }

    .postCodeInput {
        width: 100%;
    }
}

/* Smartphones (portrait) ----------- */

@media only screen and (max-width: 320px) {
    /* STYLES GO HERE */
    .btn_res {
        width: 100% !important;
        margin: 8px 0 !important;
    }

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

    .modal-dialog {
        width: 94% !important;
    }

    .labelLeftAlign {
        text-align: left !important;
    }

    .footerLinks li {
        width: 100%;
    }

    .centerContainer {
        width: 100%;
    }

    .totalQuotedPrice {
        font-size: 35px;
        font-weight: bold;
        color: #282828;
    }

    .orderCompleteBlockHdr {
        font-size: 18px;
    }

    .orderCompleteText {
        text-align: center;
        padding: 0;
        font-size: 13px;
    }

    .orderCompleteBlock {
        background: #f7f7f7;
        border: 1px dashed #c8c8c8;
        padding: 15px;
        margin: 30px 0;
    }

    .impInfo {
        background: #f7f7f7;
        border: 1px dashed #c8c8c8;
        padding: 10px;
        margin: 30px 0;
    }

    .impInfoHdr {
        font-size: 18px;
    }

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


/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* STYLES GO HERE */
    /*.btn_res {
        width: 100% !important;
        margin: 8px 0 !important;
    }*/
    .modal-dialog {
        width: 94% !important;
    }

    .labelLeftAlign {
        text-align: left !important;
    }

    .footerLinks li {
        width: 100%;
    }
}


/* iPads (landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* STYLES GO HERE */
    /*.btn_res {
        width: 100% !important;
        margin: 8px 0 !important;
    }*/
    .modal-dialog {
        width: 94% !important;
    }

    .labelLeftAlign {
        text-align: left !important;
    }

    .footerLinks li {
        width: 100%;
    }
}



/* iPads (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* STYLES GO HERE */
    /* .btn_res {
        width: 100% !important;
        margin: 8px 0 !important;
    }*/
    .modal-dialog {
        width: 94% !important;
    }

    .labelLeftAlign {
        text-align: left !important;
    }

    .footerLinks li {
        width: 100%;
    }
}



/* Desktops and laptops ----------- */

@media only screen and (min-width: 1224px) {
    /* STYLES GO HERE */
}


/* Large screens ----------- */

@media only screen and (min-width: 1824px) {
    /* STYLES GO HERE */
}


/* iPhone 5 (portrait & landscape)----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    /* STYLES GO HERE */
    .btn_res {
        width: 100% !important;
        margin: 8px 0 !important;
    }

    .modal-dialog {
        width: 94% !important;
    }

    .labelLeftAlign {
        text-align: left !important;
    }

    .footerLinks li {
        width: 100%;
    }

    .totalQuotedPrice {
        font-size: 35px;
        font-weight: bold;
        color: #282828;
    }

    .orderCompleteBlockHdr {
        font-size: 18px;
    }

    .orderCompleteText {
        text-align: center;
        padding: 0;
        font-size: 13px;
    }

    .orderCompleteBlock {
        background: #f7f7f7;
        border: 1px dashed #c8c8c8;
        padding: 15px;
        margin: 30px 0;
    }

    .impInfo {
        background: #f7f7f7;
        border: 1px dashed #c8c8c8;
        padding: 10px;
        margin: 30px 0;
    }

    .impInfoHdr {
        font-size: 18px;
    }

    .impInfoText {
        font-size: 12px;
    }
    #postCodeTD{
        float:none !important;
    }
    #findAddress .modal-footer{
        padding:10px;
    }
 }


/* iPhone 5 (landscape)----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
    /* STYLES GO HERE */
    .btn_res {
        width: 100% !important;
        margin: 8px 0 !important;
    }

    .modal-dialog {
        width: 94% !important;
    }

    .labelLeftAlign {
        text-align: left !important;
    }

    .footerLinks li {
        width: 100%;
    }

    .centerContainer {
        width: 100%;
    }

    .totalQuotedPrice {
        font-size: 35px;
        font-weight: bold;
        color: #282828;
    }

    .orderCompleteBlockHdr {
        font-size: 18px;
    }

    .orderCompleteText {
        text-align: center;
        padding: 0;
        font-size: 13px;
    }

    .orderCompleteBlock {
        background: #f7f7f7;
        border: 1px dashed #c8c8c8;
        padding: 15px;
        margin: 30px 0;
    }

    .impInfo {
        background: #f7f7f7;
        border: 1px dashed #c8c8c8;
        padding: 10px;
        margin: 30px 0;
    }

    .impInfoHdr {
        font-size: 18px;
    }

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


/* iPhone 5 (portrait)----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    /* STYLES GO HERE */
    .btn_res {
        width: 100% !important;
        margin: 8px 0 !important;
    }

    .modal-dialog {
        width: 94% !important;
    }

    .labelLeftAlign {
        text-align: left !important;
    }

    .footerLinks li {
        width: 100%;
    }

    .centerContainer {
        width: 100%;
    }

    .totalQuotedPrice {
        font-size: 35px;
        font-weight: bold;
        color: #282828;
    }

    .orderCompleteBlockHdr {
        font-size: 18px;
    }

    .orderCompleteText {
        text-align: center;
        padding: 0;
        font-size: 13px;
    }

    .orderCompleteBlock {
        background: #f7f7f7;
        border: 1px dashed #c8c8c8;
        padding: 15px;
        margin: 30px 0;
    }

    .impInfo {
        background: #f7f7f7;
        border: 1px dashed #c8c8c8;
        padding: 10px;
        margin: 30px 0;
    }

    .impInfoHdr {
        font-size: 18px;
    }

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

.grid table {
    border-collapse: collapse;
    margin-bottom: 0px;
}

.grid th {
    background: #404040;
    border: 1px solid #fff;
    color: #fff;
    text-align: left;
    padding: 15px 10px !important;
}

.grid td {
    border: 1px solid #fff;
    padding: 10px 10px;
    color: #8e8e8e;
    font-size: 14px;
    text-align: left;
}

.devicelabel {
    float: left;
    margin-top: 12px;
}



/*----------------------------------   RESPONSIVE MEDIA QUERIES ENDS   ----------------------------------*/



             .confScreen 
             {
                 border:1px solid #c8c8c8;
             }

                                .non-ios-view .device-view {
                                    width: 25%;
                                    /* float: left; */
                                    padding: 0 15px;
                                    box-sizing: border-box;
                                    display: inline-block;
                                    margin: 0 -2px;
                                    vertical-align: top;
                                }

                            .sectionBox h4 {
                                padding: 15px;
                                margin-top: 0;
                                margin-bottom: 30px;
                                position: relative;
                                border-bottom: 1px solid #c6c6c6;
                                font-size: 18px;
                                text-align: left;
                                
                            }

                            .notice {
                                color: #616264;
                                font-size: 13px;
                                line-height: 18px;
                            }

                            .confScreen.row {
                                margin: 30px 0;
                               
                            }

                            #deviceCheck-quality, #deviceCheck-sim, #deviceCheck-datawiped {
                                margin-bottom: 30px;
                            }

                            .ios-view .device-view {
                                width: 25%;
                                /* float: left; */
                                padding: 0 15px;
                                text-align: center;
                                box-sizing: border-box;
                                display: inline-block;
                                margin: 0 -2px;
                                vertical-align: top;
                            }

                            .text-center.Priceinfo {
                                clear: both;
                                text-align: center;
                            }


                            .confScreen .device-view h6 {
                                font-size: 14px;
                                font-weight: bold;
                                padding: 10px 0;
                                margin-top: 0;
                                height: 40px;
                                width: 100%;
                            }

                            .boxCnt h6 p {
                                display: table-cell;
                                vertical-align: bottom;
                                color: #565656;
                            }

                            .checkboxView {
                                background: url(../../../img/checkbox.png) no-repeat;
                                display: inline-block;
                                width: 26px;
                                height: 26px;
                            }

                            

                            .radio, .checkbox {
                                position: relative;
                                float:left;
                                margin:10px 18px 10px 12px;
                            }

                            .btn-group, .btn-group-vertical {
                                position: relative;
                                display: inline-block;
                                vertical-align: middle;
                            }

                            .checkbox label.btn {
                                margin: 0 !important;
                                padding: 0 !important;
                                height: 27px;
                                border:none;
                            }

                            .checkbox input {
                                display: none;
                            }

                            .checkbox .btn.active .checkboxView {
                                background-position: 0 -34px;
                            }

                            .checkboxAlign{ position:relative; left:10px; }
                            .checkboxAlign input[type="checkbox"]{ width:20px; height:20px; }
                            .statusHistory p{ margin:0 0 10.5px !important; }

                            span.customIcon {
                                width: 50px;
                                height: 36px;
                                float:left;
                                background-position: center center !important;
                                position:relative;
                                left:40px;
                            }

                                span.customIcon.icon-dataWiped {
                                    background: url(../../../img/data-wipe.png);
                                    background-repeat: no-repeat;
                                    background-size:40px;
                                }
                            .device-view i {
                                color: #337ab7;
                                font-size: 16px;
                            }                            
                            
                            .quoteStatusBtngrp ul{ padding:15px 0 !important; }

                            .confScreen .Priceinfo h6 {
                                font-size: 14px;
                                font-weight: bold;
                                max-width: 600px;
                                padding: 10px 0;
                                color: #565656;
                                margin: 40px auto 0;
                            }

                            .Priceinfo > p span {
                                color: #565656;
                                font-size: 12px;
                            }
                            @media (max-width:767px)
                            {
                                 .non-ios-view .device-view {
                                    width: 100%;
                            }
                          }


.nav > li > a {
    color: #fff;
    font-size: 13px;
    padding: 10px 20px;
    font-family: 'RubrikRegular';
}

.navbar .nav {
    padding-top: 2px;
    margin-right: 1px;
}

.brand-wrap {
    margin-top: 8px;
    float: left;
}

.navbar .navbar-brand {
    height: auto;
    padding: 11px 15px 15px;
}

    .navbar .navbar-brand + span {
        font-family: 'RubrikRegular';
        float: left;
        color: #fff;
        font-size: 15px;
        margin-top: 12px;
        padding-left: 14px;
        border-left: 1px solid #707070;
    }

.footerBar {
    position: relative !important;
    width: 100% !important;
}

.footerBar {
    border-top: none;
    font-size: 13px;
    margin-top: 50px;
    padding-top: 1px;
}

    .footerBar p a {
        font-size: 12px;
        margin: 0 10px;
        border-bottom: none;
        white-space: nowrap;
        color: #1A191A;
        font-family: 'RubrikSemiBold';
    }

    .footerBar .footerBG {
        padding: 20px 20px 30px 20px;
        background: #EFEFEF;
    }

    .footerBar p {
        margin: 15px 0;
        color: #A8A8A8;
        font-family: 'RubrikRegular';
        font-size: 12px;
    }

    .footerBar p {
        margin: 15px 0;
        color: #A8A8A8;
        font-family: 'RubrikRegular';
        font-size: 12px;
    }

    .footerBar .disclaimer a {
        color: #F7403A;
        font-family: 'RubrikRegular';
    }

    .footerBar p a {
        font-size: 12px;
        margin: 0 10px;
        border-bottom: none;
        white-space: nowrap;
        color: #1A191A;
        font-family: 'RubrikSemiBold';
    }

@media (max-width: 767px) {
    .brand-wrap {
        margin-top: 2px;
    }

    .navbar-toggle {
        margin-top: 12px;
    }
}

.navbar-header img {
    height: 18px;
}

.navbar-header {
    padding: 0;
}

.navbar {
    min-height: 50px;
}

.disclaimer {
    margin: 15px 0;
    color: #A8A8A8;
    font-family: 'RubrikRegular';
    font-size: 12px;
}

    .disclaimer a {
        color: #F7403A;
        font-family: 'RubrikRegular';
    }

.blackBG.allWhite {
    background: #333 !important;
    border-top: 1px dotted #fff;
}

.footerBlk p {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    font-family: 'RubrikRegular';
}

    .footerBlk p a {
        color: #00d8ff;
    }

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background: #EFEFEF;
    color: #1A191A;
}