main.ep-override {
    background: #fff;
}

    main.ep-override a, .txtUnderlineOnHover {
        align-items: center;
        /*color: #00549a;*/
        display: inline-flex;
    }

    /* for Form validation error cases */
    main.ep-override .form-validation-errors a, 
    main.ep-override .form-validation-errors li::marker {
        color: #BD2025;
    }

    main.ep-override a.btn-default{
        color: #fff;
    }

    /* for anchor tags inside main, focus only the element with the anchor-text class. to apply the same behavior to elements outside main, use the txtUnderlineOnHover class. */
        main.ep-override a,
        main.ep-override a:hover,
        main.ep-override a:focus,
        main.ep-override a:not(.txtUnderline) .anchor-icon,
        .txtUnderlineOnHover:not(.txtUnderline),
        .txtUnderlineOnHover:not(.txtUnderline):hover,
        .txtUnderlineOnHover:not(.txtUnderline):focus,
        .txtUnderlineOnHover:not(.txtUnderline) .anchor-icon {
            text-decoration: none;
        }

            main.ep-override a:hover > .anchor-text,
            main.ep-override a:focus > .anchor-text,
            .txtUnderlineOnHover:hover > .anchor-text,
            .txtUnderlineOnHover:focus > .anchor-text,
            a:hover .deep-anchor-text,
            a:focus .deep-anchor-text {
                text-decoration: underline;
            }

/* Added global generic rule for achor tag that under p and li elements*/
    main.ep-override p a,
    main.ep-override li a,
    .ep-override .modal p a {
        text-decoration: underline;
    }

        main.ep-override p a:focus,
        main.ep-override p a:hover,
        main.ep-override li a:focus,
        main.ep-override li a:hover,
        .ep-override .modal p a:focus,
        .ep-override .modal p a:hover {
            text-decoration: none;
        }
/* Added global generic rule for achor tag that under p and li elements*/

.global-navigation.gn-epp a.txtWhite {
    color:#fff;
}



/* START Helper Class */

.flex-main {
    flex: 1 0 auto;
}

.txtYellow2 {
    color: #E2A52C;
}

.txtSize36{
    font-size: 36px;
}
.dimension-105{
    height:105px;
    width:105px;
}
.margin-v-neg-15 {
    margin-top: -15px;
}
.dimension-45{
    height:45px;
    width:45px;
}
.global-navigation.gn-epp .connector a:hover,
.global-navigation.gn-epp .connector a:active {
    text-decoration: underline;
}

.box-shadow-subheader {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
}
.box-shadow-homepage-hover:hover + .change-Card-title-color{color:#00549a; }

.box-shadow-homepage-hover:hover{
    box-shadow: 0 0 0 3px #00549a;
    
}

.left-0{left:0}
.right-0{right:0}
.top-0{top:0}
.bottom-0{bottom:0}

.wpci-height{
    height: 45px;
    width: 165px;
}


.color-bell-blue,
.surtitle {
    color: #00549a;
}

.box-shadow-round-hover {
    box-shadow: 0 6px 25px 0 rgba(0,0,0,.2);
}
.column-spacer-15{
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.txtItalic {
    font-style: italic;
}

.max-width-175 {
    max-width: 175px;
}
.removeHoverBackgroundColor:hover {
    background-color: transparent;
}

.btn-outline-danger:hover, .error-no-hover-bg:hover   {
    background-color: transparent !important;
    color: #bd2025 !important;
    text-decoration: none;
    cursor: default;
 
}

.max-width-270 {
    max-width: 270px;
}

.dimension-192 {
    width: 192px;
    height: 192px;
}

.max-width-250 {
    max-width: 250px;
}

.borderRadiusAll4 {
    border-radius: 4px;
}

.borderRadiusAll5 {
    border-radius: 5px;
}

.horizontal-position-0 {
    left: 0;
    right: 0;
}

.z-index1 {
    z-index: 1;
}
.z-index2 {
    z-index: 2;
}

.margin-t-neg-10 {
    /*margin-top: -10px;*/
}

.height-685
{
    height:685px;
}

.min-height-685 {
    min-height: 685px;
}

.height-225 {
    height:225px;
}
.height-245 {
    height:245px;
}

.height-535 {
    height: 535px;
}

.min-height-535 {
    min-height: 535px;
}

.ep-override .modal-body, .device-modal .modal-body {
    margin-bottom: 45px;
    margin-top: 40px;
}

.ep-override .icon-circle-small, .device-modal .icon-circle-small {
    width: 36px;
    height: 36px;
}
.ep-override .icon-circle-yellow, .device-modal .icon-circle-yellow {
   
    font-size: 36px;
}

.ep-override .modal .icon-small:before, .icon-circle-small:before, .device-modal .modal .icon-small:before {
    font-size: 36px;
}

.ep-override .form-control-select + span {
    padding: 13px 9px 6px 0;
}

.ep-override .form-control {
    color: #555;
    font-size: 14px;
    line-height: 18px;
}

.sup-align-top-small {
    font-size: 0.65em;
    line-height: 0;
    position: relative;
    top: -.5em;
    vertical-align: baseline;
}

/* Start Fix for IE Bug flex alignment*/
.ep-override .flex-container {
    min-height: 535px;
}

    .ep-override .flex-container:after {
        content: '';
        min-height: inherit;
        font-size: 0;
    }
/* End Fix for IE Bug flex alignment*/

/*Start  Header override */
.global-navigation.gn-epp .popup.caret:after {
    border-width: 12px;
    left: calc(50% + 100px);
}

.global-navigation.gn-epp .federal-bar-links a,
.global-navigation.gn-epp .federal-bar-links a:link,
.global-navigation.gn-epp .federal-bar-links a:visited {
    color: #fff;
}

.footer-header-current-language::before{
    background-color: #fff;
    height: 17px;
    margin-right: 15px;
}
.federal-bar-select-provinces {
    margin-right: 15px;
}

.global-navigation.gn-epp .federal-bar-select-provinces-popup {
    top: 31px;
}
/*End  Header override */

.ep-override .tab-control .header-tab-control.overflow-visible {
    overflow: visible;
}

.line-height-18 {
   line-height: 18px;
}

.infoblock-slider.radio-slick .slick-arrow.slick-disabled {
    display: none !important;
}

@media (min-width: 1240px) {
    /*Start hide inactive slides*/
    .hiddenInactive {
        margin-left: -30px;
        margin-right: -30px;
    }
    .ep-override .hiddenInactive .slick-slide.offscreen {
        visibility: hidden;
    }

    .ep-override .hiddenInactive .slick-list {

    padding-left: 30px;
    padding-right: 30px;
    overflow:hidden;
    padding-top: 30px;
    padding-bottom: 50px;
    margin-top:-30px;
    margin-bottom:-50px;
    }

    .hiddenInactive .slick-next{
        right:-5px;
        margin-top: 3px;
    }
    .hiddenInactive .slick-prev{
        left:-5px;
        margin-top: 3px;
    }
    .hiddenInactive.sliding .slick-list:before, .hiddenInactive.sliding .slick-list:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 30px;
        background: #000;
        background: linear-gradient( 90deg,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%);
        z-index: 80;
    }
    .hiddenInactive.sliding .slick-list:after {
        left: auto;
        right: 0;
        background: linear-gradient( 90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
    }
    /*End hide inactive slides*/

    .pad-l-lg-40 {
        padding-left: 40px;
    }

    .pad-t-lg-25 {
        padding-top: 25px;
    }

    .pad-b-lg-10 {
        padding-bottom: 10px;
    }

    .pad-h-lg-20 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .margin-r-lg-60 {
        margin-right: 60px;
    }
    
}

@media (max-width: 991.98px) {
    .relative-sm {
        position: relative;
    }

    .width-275-sm {
       width: 275px;
    }

    .txtLeft-sm {
        text-align: left;
    }

    .icon-same-size{
        width: 198px;
        height: 123px;
    }

    .height-auto-sm
    {
        height:auto;
    }

}

@media (min-width: 768px) {
    .max-width-310 {
        max-width: 310px;
    }
    .column-spacer-15{
        margin-left: -7.5px;
        margin-right: -7.5px;
    }
    .column-spacer-20-sm {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .column-spacer-15 > div {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }


    .border-l-darkBlue-sm {
        border-left: 1px solid #00359A;
    }

    .border-l-light-grey-sm {
        border-top: 0;
        border-left: 1px solid #e1e1e1;
    }

    .top-neg-sm-45 {
        top: -45px;
    }
    .height-210-sm {
        height:210px; 
    }
    .height-235-sm {
        height:235px;
    }

}

@media (min-width: 992px) {
    .pad-h-22p5-md {
        padding-left: 22.5px;
        padding-right: 22.5px;
    }

    .global-navigation.gn-epp .connector-nav > ul > li {
        font-size: 14px;
    }
     /*Start hide inactive slides*/
     .hiddenInactive {
        margin-left: -30px;
        margin-right: -30px;
    }
    .ep-override .hiddenInactive .slick-slide.offscreen {
        visibility: hidden;
    }

    .ep-override .hiddenInactive .slick-list {

    padding-left: 30px;
    padding-right: 30px;
    overflow:hidden;
    padding-top: 30px;
    padding-bottom: 50px;
    margin-top:-30px;
    margin-bottom:-50px;
    }

    .hiddenInactive .slick-next{
        right:-5px;
        margin-top: 3px;
    }
    .hiddenInactive .slick-prev{
        left:-5px;
        margin-top: 3px;
    }
    .hiddenInactive.sliding .slick-list:before, .hiddenInactive.sliding .slick-list:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 30px;
        background: #000;
        background: linear-gradient( 90deg,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%);
        z-index: 80;
    }
    .hiddenInactive.sliding .slick-list:after {
        left: auto;
        right: 0;
        background: linear-gradient( 90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
    }
    /*End hide inactive slides*/
    .margin-l-md-neg-10 {
        margin-left: -10px;
    }

}

@media (min-width: 1200px) {
   
}

/* Tablet Only */
@media (max-width: 991.98px) and (min-width: 768px) {
    .height-550-sm {
        height: 550px;
    }

    .min-height-550-sm {
        min-height: 550px;
    }

    .margin-h-neg-15-sm {
        margin-left: -15px;
        margin-right: -15px;
    }

    .container.pad-h-sm-15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .margin-b-neg-72-sm {
        margin-bottom: -72px;
    }

    .height-sm-795 {
        height: 795px;
    }

}

@media (max-width: 1200px) and (min-width: 768px) {
    .height-205-sm {
        height: 205px;
    }
}

@media (max-width: 767.98px) {
    .pad-h-7p5-xs {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }

    .text-normal-xs {
        font-weight: normal;
    }

    .bgWhite-xs {
        background-color: #fff;
    }

    .fullHeight-xs {
        height: 100%;
    }
    .max-width-290-xs {
        max-width: 290px;
    }

    .border-top-divider-xs {
        border-top: 1px solid #00359A;
    }

    .no-column-spacer-xs {
        margin-left: 0;
        margin-right: 0;
    }

    .relative-xs {
        position: relative;
    }
    .txtSize30-xs{
        font-size: 30px;
    }

    .margin-b-neg-xs-10 {
        margin-bottom: -10px;
    }

}

/*Start Price style copied from shop*/

.big-price, .small-price {
    color: #00549a;
    font-family: "bellslim_font_heavy", Helvetica, Arial, sans-serif;
    font-size: 40px;
    letter-spacing: -1px;
    line-height: 36px;
    white-space: nowrap;
}
    .big-price span, .small-price span {
        font-size: 18px;
        letter-spacing: -.45px;
        line-height: 22px;
        margin-right: 1px;
        position: relative;
        top: 2px;
        vertical-align: top;
    }

    .big-price span:last-of-type, .small-price span:last-of-type {
        margin-left: 2px;
    }

/*End Price style copied from shop*/

/* END Helper Class */

/* START Custom Class */
.two-column {
    margin: 0 -15px;
}

.two-column > div {
    padding: 0 15px;
}

.accordion-body ~ div > div > *:nth-child(2) {
    display: none
}

.accordion-body.show ~ div > div > *:first-child {
    display: none
}

.accordion-body.show ~ div > div > *:nth-child(2) {
    display: block
}

.accordion-button-2 {
    z-index: 1;
    padding: 14px;
    background-color: #fff;
    box-shadow: 0 0 36px 0 rgba(0,0,0,.3);
}

/* Show/Hide error description*/
.form-group.error .error-description {
    display: flex;
}

.form-group .error-description {
    display: none;
}

/* .caret:before {
    content: "";
    border: 25px solid transparent;
    border-bottom-color: #F4F4F4;
    top: -50px;
    position: absolute;
    margin-right: 15%;
} */

.form-arrow:before {
    background-color: #f4f4f4;
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    border: 1px solid #e1e1e1;
    transform: rotate( -45deg ) translateY(-100%);
    border-bottom: none;
    border-left: none;
    top: 5px;
    margin-right: 10%;
}

.tile-price-down {
    width: 25%;
}

/* Custom style for form search tooltip*/
.tooltip-hint .tooltip-inner {
    /* max-width: 210px; */
    padding: 25px;
    box-shadow: 0 14px 36px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 14px 36px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 14px 36px 0 rgba(0,0,0,0.3);
}

    .tooltip-hint .tooltip.bs-tooltip-right .arrow::before {
        border-width: 15px 15px 15px 0px;
    }

    .tooltip-hint .tooltip.bs-tooltip-left .arrow::before {
        border-width: 15px 0px 15px 15px;
    }

    .tooltip-hint .tooltip.bs-tooltip-right .arrow {
        margin-top: 2px;
    }

    .tooltip-hint .tooltip.bs-tooltip-left .arrow {
        margin-top: 2px;
    }

    .tooltip-hint .tooltip.bs-tooltip-right {
        margin-left: 15px;
    }

.ep-override .tooltip-inner {
    padding: 25px;
}

.ep-override .ctrl_element {
    top: 0px;
}

.graphical_ctrl input {
    height: 30px;
    top:0px;
}

.captcha-shadow {
    box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.3);
}

/* for Button filters */
label.checkbox-filter.checked {
    background: #003778;
    color: #fff;
}

label.checkbox-filter.checked {
    background: #003778;
    color: #fff;
}

/*Custom global nav for EPP header with button*/
.global-navigation.gn-epp .connector-nav {
    height: 74px;
}

.global-navigation.gn-epp .connector-brand {
    top: auto;
    position: relative;
}

.global-navigation.gn-epp .connector .connector-brand a {
    top: auto;
}

.global-navigation.gn-epp .connector-brand a:before {
    content: "";
}

/*START Checkbox Focus Outline*/
.focus_outline .graphical_ctrl input[type="checkbox"]:focus ~ .ctrl_element, .radio-container.focused-element {
    outline: none !important;
    box-shadow: 0 0 0px 3px #fff, 0 0 2px 3px #fff, 0 0 4px 5px #5fb0fc, 0 0 2px 5px #8ec6fc;
}

.focus_outline_blue .graphical_ctrl input[type="checkbox"]:focus ~ .ctrl_element, body.is_tabbing .focus_outline_blue *:focus {
    outline: none !important;
    box-shadow: 0 0 0px 3px #00549a, 0 0 2px 3px #00549a, 0 0 4px 5px #5fb0fc, 0 0 2px 5px #8ec6fc;
}

.focus_outline_gray .graphical_ctrl input[type="checkbox"]:focus ~ .ctrl_element,
body.is_tabbing .focus_outline_gray *:focus {
    outline: none !important;
    box-shadow: 0 0 0px 3px #f4f4f4, 0 0 2px 3px #f4f4f4, 0 0 4px 5px #5fb0fc, 0 0 2px 5px #8ec6fc;
}

.focus_outline_extra-light-blue .graphical_ctrl input[type="checkbox"]:focus ~ .ctrl_element,
body.is_tabbing .focus_outline_extra-light-blue *:focus {
    outline: none !important;
    box-shadow: 0 0 0px 3px #c2cedf, 0 0 2px 3px #c2cedf, 0 0 4px 5px #5fb0fc, 0 0 2px 5px #8ec6fc;
}

.outline-circle:focus {
    border-radius: 50%;
}


/*END Checkbox Focus Outline*/

/*START Login Banner*/
.login-bg {
    background-repeat: no-repeat;
    background-position: top 195px right 12%;
}
/*END Login Banner*/
main.ep-override .form-group:not(.error) .form-control.borderRadiusAll4 {
    border: 2px solid #949596;
}

main.ep-override p a.ourservice-modal-anchor {
    text-decoration: none;
}
    main.ep-override p a.ourservice-modal-anchor:hover,
    main.ep-override p a.ourservice-modal-anchor:focus {
        text-decoration: underline;
    }

    main.ep-override p a.ourservice-modal-anchor {
        display: contents;
    }


@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .ep-override.modal-open .modal-body.scrollAdjust:not(*:root), .device-modal.modal-open .modal-body.scrollAdjust:not(*:root) {
        margin-right: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 992px) {
    .dock-order {
        width: calc(100% - 30px);
        right: 15px;
    }

    /*Custom global nav for EPP header with button*/
    .global-navigation.gn-epp .connector-brand-home {
        top: auto;
        position: relative;
    }
}

/* Tablet Only */

@media (max-width: 991.98px) and (min-width: 768px) {
    /*Custom global nav for EPP header with button*/
    .global-navigation.gn-epp .connector-nav {
        display: flex;
        top: auto;
        position: relative;
        background: transparent;
        width: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        z-index: 50;
        overflow: auto;
    }

    .global-navigation.gn-epp .connector-nav.region-selector-popup{
        overflow: visible;
    }

    .footer-header-current-language::before{
        background-color: #fff;
        height: 17px;
        margin-right: 15px;
    }
    .footer-header-current-language::before {
        background-color: #fff;
        content: "";
        display: inline-block;
        height: 17px;
        margin-right: 15px;
        vertical-align: middle;
    }

    .federal-bar-select-provinces{
        margin-right: 15px;
    }
    .global-navigation.gn-epp .container {
        padding: 0 15px;    
    }
}

@media (max-width: 991.98px) {
    .two-column {
        margin: 0 -7.5px;
    }
        .two-column > div {
            padding: 0 7.5px;
        }

            .two-column > div:first-child {
                padding-right: 7.5px;
            }

            .two-column > div:last-child {
                padding-left: 7.5px;
            }

    .caret:before {
        margin-right: 0;
    }
    
    .form-arrow:before {
        margin-right: -10%;
    }

    .dock-order {
        width: 100%;
    }

    /*Custom global nav for EPP header with button*/
    .global-navigation.gn-epp .connector-brand:after {
        content: "";
    }

}


@media (max-width: 767.98px) {
    /*Custom global nav for EPP header with button*/
    .global-navigation.gn-epp .connector-settings-mobile > li {
        border-bottom: none;
    }

        .global-navigation.gn-epp .connector-settings-mobile > li:first-child {
            box-shadow: inset 0 15px 16px 0 rgba(0,0,0,.23), inset 0 -1px 0 0 #00215e;
        }

        .global-navigation.gn-epp .connector-settings-mobile > li:nth-child(n+2) {
            box-shadow: inset 0 -1px 0 0 #00215E, 0 0 50px 0 rgba(0,0,0,0.2);
        }

    .global-navigation.gn-epp .connector-settings-mobile > li > a {
        padding: 18px 22px;
        font-size: 14px;
        opacity: 0.9;
        text-transform: uppercase;
    }

    .global-navigation.gn-epp .connector-nav {
        height: 100%;
        background: transparent;
    }


    .two-column {
        margin: 0 -15px;
    }

    .two-column > div:first-child, .two-column > div:last-child {
        padding: 0;
    }    

    /*START Footer btn custom style*/
    footer .btn.btn-primary.call-to-action, 
    footer .btn.btn-primary.call-to-action:active, 
    footer .btn.btn-primary.call-to-action:focus {
        padding: 10px 10px 10px 10px;
    }
    /*END Footer btn custom style*/

    .ep-override .icon-circle-small {
        width: 30px;
        height: 30px;
    }

    .ep-override .modal .icon-small:before, .icon-circle-small:before, .device-modal .modal .icon-small:before {
        font-size: 30px;
    }

    .ep-override .tooltip-dialog .modal-body, .device-modal .tooltip-dialog .modal-body {
        margin-bottom: 30px;
        /*margin-top: 30px;*/
        margin-top: 0px;
        padding: 0 30px;
    }
    .ep-override .modal-body, .device-modal .modal-body {
        margin-bottom: 30px;
        margin-top: 30px;
        padding: 0 30px;
    }
    /* over ride padding in @media screen and (-webkit-min-device-pixel-ratio: 0) */
        .ep-override.modal-open .modal-body.scrollAdjust:not(*:root), .device-modal.modal-open .modal-body.scrollAdjust:not(*:root) {
            padding-right: 30px;
        }

    .ep-override .chk-box-exist .ctrl_element {
        position: relative;
        top: auto;
        left: auto;
    }

    .ep-override.modal-open .modal-body.scrollAdjust.modal-pad-h-neg-15:not(*:root), .device-modal.modal-open .modal-body.scrollAdjust.modal-pad-h-neg-15:not(*:root) {
        padding-left: 15px;
        padding-right: 0px;
    }

    .modal-btn-xs {
        padding: 7px 20px;
    }

    .ep-override .modal-header, .device-modal .modal-header {
        padding: 7px 15px;
    }

    .ep-override .modal-header .small-title, .device-modal .modal-header .small-title {
        font-size: 24px;
    }
    .border-gray-light-6-top-sm-xs {
        border-top: 1px solid #d4d4d4}
    .no-border-top {
        border-top: 0;
    }

    .text-tag-positioned-center {
        margin: 0 -3px;
    }

    /*Custom tooltip modal for EPP*/
    .ep-override .tooltip-dialog .modal-content, .device-modal .tooltip-dialog .modal-content {
        border-radius: 0;
    }

    .ep-override .modal.modal-tooltip .modal-body, .device-modal .modal.modal-tooltip .modal-body {
        padding: 0 15px;
    }

    .ep-override .modal.modal-tooltip .tooltip-dialog, .device-modal .modal.modal-tooltip .tooltip-dialog {
        margin: auto 15px;
    }

    .ep-override h3.small-title:not(.txtWhite) {
        font-size: 24px;
    }


        /*Custom Nav select for province - start*/


        .global-navigation.gn-epp .connector-settings-mobile > li > div > a{
        
            /*.global-navigation.gn-epp .connector-settings-mobile > li > a*/
            padding: 18px 22px;
            font-size: 14px;
            opacity: 0.9;
            text-transform: uppercase;
            border: none;
        }
        
        .global-navigation.gn-epp .federal-bar-select-provinces-popup
        {
            left:18px;              
            width:73px;
            padding:2px;
            top:17px;
            background: linear-gradient(to bottom, #245b8e,#313131); /*gradient border*/
            border-radius: 5px;    
        }
        
        .global-navigation.gn-epp .popup.caret:after
        {
            display:none;
        }
        .global-navigation.gn-epp .federal-bar-select-provinces-popup .checkbox
        {
            height:20px;  
        }
        
        .global-navigation.gn-epp .federal-bar-select-provinces-popup a
        {
            padding:0px;             
            height:20px;  
        }
        
        .global-navigation.gn-epp .federal-bar-select-provinces-popup .label-text, .global-navigation.gn-epp .federal-bar-select-provinces-popup .label.active .label-text, .global-navigation.gn-epp .federal-bar-select-provinces-popup .checkbox:after
        {
            color:#ffffff;
            padding-left:0px;
        }
        
        .global-navigation.gn-epp .select-mobile-province .bg-gradient
        {
            background: linear-gradient(to bottom, #245a8d,#1b1b1b); 
            padding:5px 0px;
            border-radius: 5px;
        }
        
        .global-navigation.gn-epp .federal-bar-select-provinces-popup a:hover .label-text, .global-navigation.gn-epp .federal-bar-select-provinces-popup a.active:hover .label-text, .global-navigation.gn-epp .federal-bar-select-provinces-popup a:hover .checkbox:after
        {
            color:#00549a;
            font-weight: bold;
        }

        .global-navigation.gn-epp .federal-bar-select-provinces-popup a:hover
        {
            text-decoration: none;
        }
        /*Custom Nav select for province - end */

}

@media (min-width: 768px) {
    .ep-override .modal .modal-body, .device-modal .modal .modal-body {
        max-height: none !important;
        overflow: visible !important;
    }
}

@media (min-width: 767.98px) {
  
   
}

@media (min-width: 1240px) {
    .caret:before {
        margin-right: 35%;
    }
    
    .form-arrow:before {
        margin-right: 35%;
    }

    .dock-order {
        max-width: 1200px;
        left: 50%;
        transform: translateX(-50%);
    }


    .byod-slider .slider-rotating-carousel-pause {
        margin-right: 50px;
    }

    .byod-slider .slider-rotating-carousel-buttons {
        margin-right: 50px;
    }
}

.big-price-reg,
.small-price-reg {
    color: #00549a;
    height: 22px;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 22px;
}

.price_inactive{
    text-decoration: line-through;
    color: #555555;
}

.text-tag {
    text-transform: uppercase;
    background-color: #00549a;
    padding: 3px 8px;
    color: #fff;
    font-size: 10px;
    border-radius: 2px;
    line-height: 14px;
}

.text-tag-secondary {
    text-transform: uppercase;
    background-color: #FFFFFF;
    padding: 3px 8px;
    color: #00549A;
    font-size: 10px;
    border-radius: 2px;
    line-height: 14px;
    border: 1px solid #00549A;
}

.text-tag-positioned-center {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.btn-exit {
    box-sizing: border-box;
    height: 35px;
    width: 86px;
    border: 2px solid #FFFFFF;
    border-radius: 20px;
}
.global-navigation.gn-epp .connector a.btn-small-exit {
    padding: 7px 28px;
    color: #fff;
}

.global-navigation.gn-epp .connector a.btn-small-exit:hover, .global-navigation.gn-epp .connector a.btn-small-exit:active {
    text-decoration: none;
}

/* END Custom Class */

/* IE10+ CSS styles*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .top-0 {
        top: 0px;
    }

    .top-neg-sm-45 {
        top: -45px;
    }

    .ie-img-spacer {
        margin-bottom: 200px;
    }
}

/* Dock message */
.dock-order {
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    z-index: 1000;
    background: #fff;
    height: auto;
    border: solid 1px #d4d4d4;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* Start of Tabs copied from shop */
main.ep-override .header-tab-control li a {
    text-decoration: none
}

    main.ep-override .side-tab-control .header-tab-control, 
    main.ep-override .tab-control {
        background: #f4f4f4
    }

    main.ep-override .tab-control .header-tab-control, 
    main.ep-override .tablist-underlined {
        overflow-x: auto
    }

    main.ep-override .side-tab-control .header-tab-control ul {
        display: flex
    }

    main.ep-override .tab-control .header-tab-control ul, 
    main.ep-override .tablist-underlined {
        padding-top: 30px;
        white-space: nowrap
    }

        main.ep-override .tab-control .header-tab-control ul li,
        main.ep-override .tablist-underlined [role=tab] {
            display: inline-block
        }

            main.ep-override .tab-control .header-tab-control ul li:not(:last-child),
            main.ep-override .tablist-underlined [role=tab]:not(:last-child) {
                margin-right: 30px
            }

            main.ep-override .tab-control .header-tab-control ul li:last-child,
            main.ep-override .tablist-underlined [role=tab]:last-child {
                margin-right: 15px
            }

        main.ep-override .tablist-underlined a[role=tab] {
            text-decoration: none
        }

        main.ep-override .tab-control .header-tab-control ul li a.active,
        main.ep-override .tab-control .header-tab-control ul li a:focus,
        main.ep-override .tab-control .header-tab-control ul li a:hover,
        main.ep-override .tab-control .header-tab-control ul li a[aria-current]:not([aria-current=false]),
        main.ep-override .tablist-underlined [role=tab].active,
        main.ep-override .tablist-underlined [role=tab]:focus,
        main.ep-override .tablist-underlined [role=tab]:hover,
        main.ep-override .tablist-underlined [role=tab][aria-selected]:not([aria-selected=false]) {
            border-bottom: 4px solid #00549a;
            padding-bottom: 11px
        }

        main.ep-override .header-tab-control ul li a.active,
        main.ep-override .header-tab-control ul li a[aria-current]:not([aria-current=false]),
        main.ep-override .tablist-underlined [role=tab].active,
        main.ep-override .tablist-underlined [role=tab][aria-selected]:not([aria-selected=false]) {
            color: #111
        }

main.ep-override .tab-panels-container [role=tabpanel][tabpanel-selected=false]:not(.slick-slide) {
    display: none
}

main.ep-override .side-tab-control .header-tab-control ul {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    flex-direction: column;
    overflow: hidden
}

    main.ep-override .side-tab-control .header-tab-control ul li a {
        border-top: 1px solid #e1e1e1
    }

    main.ep-override .side-tab-control .header-tab-control ul li:last-child a {
        border-bottom: 1px solid #e1e1e1
    }

    main.ep-override .side-tab-control .header-tab-control ul li a {
        font-size: 16px;
        justify-content: space-between;
        padding: 20px 15px;
        width: 100%
    }

        main.ep-override .side-tab-control .header-tab-control ul li a.active,
        main.ep-override .side-tab-control .header-tab-control ul li a:focus,
        main.ep-override .side-tab-control .header-tab-control ul li a:hover,
        main.ep-override .side-tab-control .header-tab-control ul li a[aria-current]:not([aria-current=false]) {
            background: #fff
        }

        main.ep-override .side-tab-control .header-tab-control ul li a.active,
        main.ep-override .side-tab-control .header-tab-control ul li a[aria-current]:not([aria-current=false]) {
            border: 1px solid #e1e1e1;
            border-right: 0;
            box-shadow: 0 6px 25px 0 rgba(0,0,0,.12)
        }

        main.ep-override .side-tab-control .header-tab-control ul li a .icon3 {
            font-size: 13px;
            margin-left: 20px;
            width: 7px
        }

        main.ep-override .side-tab-control .header-tab-control ul li a.active .icon3,
        main.ep-override .side-tab-control .header-tab-control ul li a[aria-current]:not([aria-current=false]) .icon3 {
            display: none
        }

main.ep-override .tablist-pills-container {
    display: flex;
    font-size: 16px;
    justify-content: center
}

    main.ep-override .tablist-pills-container ul {
        background-color: #f4f4f4;
        border: 1px solid #fff;
        border-radius: 30px;
        display: flex;
        flex-direction: row;
        padding: 5px;
        list-style: none;
        margin: 0;
        color: #00549a;
        text-align: center
    }

        main.ep-override .tablist-pills-container ul li {
            padding: 10px 25px;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center
        }

            main.ep-override .tablist-pills-container ul li[aria-selected=true] {
                border: 1px solid #e1e1e1;
                border-radius: 30px;
                background-color: #fff;
                box-shadow: 0 0 25px 0 rgba(0,0,0,.12);
                color: #111
            }

@media (max-width: 767.98px) {
    main.ep-override .tablist-pills-container ul li {
        padding: 10px 20px;
    }

    main.ep-override .tab-control .header-tab-control ul li:not(:last-child) {
        margin-right: 20px;
    }
}

@media (min-width: 768px) {
    main.ep-override .tab-control .header-tab-control ul li,
    main.ep-override .tablist-underlined [role=tab] {
        font-size: 18px;
        line-height: 26px;
    }

        main.ep-override .tab-control .header-tab-control ul li:last-child,
        main.ep-override .tablist-underlined [role=tab]:last-child {
            margin-right: 30px;
        }

    main.ep-override .side-tab-control .header-tab-control ul {
        border: 0;
    }

    .ep-override .modal-dialog, .device-modal .modal-dialog {
        max-height: unset;
        max-height: none;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    /*Important is needed since brf has js code that added an inline max-height in the modal-content*/
    .ep-override .modal .modal-body:not(.allViewScroll), .device-modal .modal .modal-body:not(.allViewScroll) {
        max-height: unset !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .ep-override .modal.show .modal-dialog.modal-dialog-fullscreen, .device-modal .modal.show .modal-dialog.modal-dialog-fullscreen {
        top: 0;
        transform: none;
    }

    .ep-override .modal-tooltip .modal-dialog, .device-modal .modal-tooltip .modal-dialog {
        overflow: visible;
    }

}

@media (min-width: 992px) {
    main.ep-override .tab-control .header-tab-control ul li:last-child,
    main.ep-override .tablist-underlined [role=tab]:last-child {
        margin-right: 16px;
    }
}
/* END of Tabs copied from shop */


/* START Custom style for new customer Radio button*/
.radio-container {
    border: 1px solid #D4D4D4;
    background-color: #FFFFFF;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
    padding: 24px;
    border-radius: 4px;
}

.radio-container {
    padding: 15px;
    height: 54px;
    display: flex;
    align-items: center;
}

.graphical_ctrl input:checked ~ span {
    color: #111;
}

.ctrl_radioBtn .ctrl_element:after {
    left: 5px;
    top: 5px;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    background: #fff;
}

.ctrl_element {
    position: absolute;
    top: -3px;
    left: 0;
    height: 25px;
    width: 25px;
    background: #fff;
    border: 1px solid #ccc;
}

.v-center {
    top: 50%;
    transform: translateY(-50%);
}

.graphical_ctrl input:checked ~ * {
    color: #003778;
}

.graphical_ctrl input[type="radio"]:focus ~ .ctrl_element {
    outline: none;
}

.checkbox-container.checked-border, .radio-container.checked-border {
    border: 2px solid #003778;
}

.display-radio-container {
    display: none;
}

    .display-radio-container.block {
        display: block;
    }

.radio-container-customer-option.radio-container.checked-border {
    border: 3px solid #00549A;
}

.radio-container-customer-option {
    border: 1px solid #e1e1e1;
    box-shadow: 0 6px 25px 0 rgba(0,0,0,.12);
    border-radius: 4px;
    height: auto;
}

    .radio-container-customer-option .big-price {
        right: 0;
        top: -5px;
    }

    .radio-container-customer-option .graphical_ctrl input ~ * {
        color: #555;
    }

    .radio-container-customer-option .graphical_ctrl input ~ div > span {
        color: #111;
    }

    .radio-container-customer-option .graphical_ctrl input:checked + * {
        font-weight: bold;
        color: #111;
    }

    .radio-container-customer-option .ctrl_radioBtn .ctrl_element {
        top: 0;
    }


    footer.gf-shop .legal-links a:last-child:after, footer.gf-shop .v-divider:last-child:after {
        margin: 0;
        width: 0px;
    }

    footer.gf-shop.gf-epp .legal-links a {
        color: #00549A;
        white-space: nowrap;
    }

@media (min-width: 768px) {
    .radio-container-customer-option {
        padding: 20px;
    }

        .radio-container-customer-option .ctrl_radioBtn .ctrl_element {
            top: -3px;
        }
}

@media (min-width: 320px) and (max-width: 767.98px) {
    .ctrl_radioBtn .ctrl_element {
        top: 14px;
         left: 0; 
    }
    .border-lightGray-bottom-xs {
        border-bottom: 1px solid #d4d4d4;
    }

    .ep-override .modal:before, .device-modal .modal:before {
        display: none;
    }

    .ep-override .modal.modal-tooltip:before, .device-modal .modal.modal-tooltip:before {
        display: inline-block;
    }

    .ep-override.modal-open .modal .modal-dialog.modal-popup, .device-modal.modal-open .modal .modal-dialog.modal-popup {
        height: auto;
        max-height: calc(100% - 45px);
        position: relative;
        top: 50%;
        left: 0;
        right: 0;
        width: 100%;
        transform: translate(0,-50%);
    }
    .ep-override.modal-open .modal .modal-dialog.modal-popup .modal-content, .device-modal.modal-open .modal .modal-dialog.modal-popup .modal-content {
    	border-radius: 10px;
    }        
}

#choose_file {
    max-width: 225px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px;
}

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

.validation-summary-errors {
}

.brfpad .ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

.brfpad .ui-corner-all {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.brfpad .ui-corner-bottom {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.brfpad .ui-corner-right {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.brfpad .ui-corner-br {
    border-bottom-right-radius: 3px
}

.brfpad .ui-corner-left {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.brfpad .ui-corner-bl {
    border-bottom-left-radius: 3px
}

.brfpad .ui-corner-top {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.brfpad .ui-corner-tr {
    border-top-right-radius: 3px
}

.brfpad .ui-corner-tl {
    border-top-left-radius: 3px
}

.brfpad .ui-widget-content {
    border: 1px solid #d4d4d4;
    background: #f4f4f4;
    color: #555
}

    .brfpad .ui-widget-content a {
        color: #555
    }

.brfpad .ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em
}

.brfpad .ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

    .brfpad .ui-menu .ui-menu-item a {
        margin: 0;
        cursor: pointer;
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 20px;
        display: block;
        text-decoration: none;
        border-radius: 0;
    }

        .brfpad .ui-menu .ui-menu-item a:hover {
            background-color: #C2CEDF;
        }

.brfpad .ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

    /* END Custom style for new customer Radio button*/

.rsx-loading-indicator {
    text-align: center;
    opacity: 0;
    padding: 30px;
    display: table;
    -webkit-animation: fade-reverse .3s;
    animation: fade-reverse .3s;
}

    .rsx-loading-indicator.rsx-active {
        -webkit-animation: fade .3s;
        animation: fade .3s;
        opacity: 1;
    }

@-webkit-keyframes fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fade-reverse {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fade-reverse {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.rsx-loading-indicator.rsx-loading-indicator_modal {
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1200;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%, -50%);
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
    padding: 30px;
}

.rsx-loading-indicator-wrap {
    display: table-cell;
    vertical-align: middle;
}

.rsx-loading-indicator-spinner {
    display: inline-block;
    vertical-align: middle;
    width: 37px;
    height: 37px;
    background-image: url(/styles/RSX/framework/css/img/loading-spinner.png);
    background-repeat: no-repeat;
    margin-right: 15px;
    -webkit-animation: rsx-message-spinner-animation 1.1s infinite linear;
    animation: rsx-message-spinner-animation 1.1s infinite linear;
}

@-webkit-keyframes rsx-message-spinner-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rsx-message-spinner-animation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}