/* Reset */
a { font-family: robotolight, sans-serif; }
[readonly] { background-color: #EFEFEF; }
ul { padding-left: 0; }
input[readonly][type="email"].focus, input[readonly][type="email"]:focus,
input[readonly][type="password"].focus, input[readonly][type="password"]:focus,
input[readonly][type="text"].focus, input[readonly][type="text"]:focus { border-color: #AAA; }
/* Utils */
.bgRed { background-color: #C51A1B; }
.inline { display: inline; }
.inlineBlock { display: inline-block; }
.lowercase { text-transform: lowercase; }
.muted { opacity: .7; }
.noSelect::-moz-selection { background: transparent; color: inherit; }
.noSelect::selection { background: transparent; color: inherit; }
.relative { position: relative }
.strike { text-decoration: line-through; }
.text-green { color: #57BF0B; }
.text-red { color: #C51A1B; }
.text-warning { color: #F39335; } /* Because bootstrap's warning color looks dirty */
.text-white { color: #FFF !important; }
.text-black { color: #333 ; }
.unstyled { margin-left: 0; list-style: none; }
.uppercase { text-transform: uppercase; }
.tooltipinfogrey {
    background-color: #AAA;
    border-radius: 40px;
    color: #FFF;
    display: inline-block;
    height: 22px;
    left: 5px;
    margin-left: 3px;
    padding: 0;
    position: relative;
    top: 5px;
    width: 22px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
}
.fake {
    height: 0;
    left: -9999px;
    overflow: hidden;
    position: absolute;
    width: 0;
}
.block hr,
.panel-body hr {
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #FAFAFA;
    margin: 10px 40px 15px;
}
#selfcareWrapper-container button.link,
#selfcare-modalBox button.link {
    background: none;
    border: none;
    color: #C51A1B;
}
/**
 *  Selfcare specific css, develop by MT (inspired by bootstrap)
 */
#selfcareWrapper-container .ajax-loader,
#selfcare-modalBox .ajax-loader {
    text-align: center;
}
#selfcareWrapper-container .ajax-loader div,
#selfcare-modalBox .ajax-loader div {
    padding: 2em 0;
}
#selfcareWrapper-container .hand,
#selfcare-modalBox .hand {
    cursor: pointer;
}
#selfcareWrapper-container .light,
#selfcare-modalBox .light {
    font-family: 'robotolight', sans-serif;
}
#selfcareWrapper-container .bold,
#selfcare-modalBox .bold {
    font-family: 'robotomedium', sans-serif;
}
#selfcareWrapper-container .bolder,
#selfcare-modalBox .bolder {
    font-family: 'robotobold', sans-serif;
}
#selfcareWrapper-container .center,
#selfcare-modalBox .center {
    margin-left: auto;
    margin-right: auto;
}
#selfcareWrapper-container .no-float,
#selfcare-modalBox .no-float {
    float: none;
}
#selfcareWrapper-container .italic,
#selfcare-modalBox .italic {
    font-style: italic;
}
#selfcareWrapper-container .underline,
#selfcare-modalBox .underline {
    text-decoration: underline;
}
#selfcareWrapper-container .component-content h1,
#selfcare-modalBox .component-content h1 {
    font-size: 26px;
    font-weight: 300;
}
#selfcareWrapper-container .left-column,
#selfcare-modalBox .left-column {
    margin-right: 25px;
}
#selfcareWrapper-container .block,
#selfcare-modalBox .block {
    margin-bottom: 20px;
}
#selfcareWrapper-container .block.panel-default .block-title,
#selfcare-modalBox .block.panel-default .block-title {
    background-color: #FFF;
    border-bottom: 2px solid #C51A1B;
    padding: 10px 0 0 0;
}
#selfcareWrapper-container fieldset.block .block,
#selfcare-modalBox fieldset.block .block {
    margin-bottom: 0;
}
#selfcareWrapper-container .block > div.block-content,
#selfcare-modalBox .block > div.block-content,
#selfcareWrapper-container fieldset.block,
#selfcare-modalBox fieldset.block {
    background: none repeat scroll 0 0 #efefef;
}
#selfcareWrapper-container .fieldset-content,
#selfcare-modalBox .fieldset-content {
    padding-top: 20px;
}
#selfcareWrapper-container .block > div.block-content,
#selfcare-modalBox .block > div.block-content {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}
#selfcareWrapper-container .sub-block-content.panel-default > .panel-heading,
#selfcare-modalBox .sub-block-content.panel-default > .panel-heading {
    padding: 0px 0px 0px 0px;
}
#selfcareWrapper-container .sub-panel-default,
#selfcare-modalBox .sub-panel-default {
    margin-bottom: 0px;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #efefef;
}
#selfcareWrapper-container .panel-group .sub-panel-default.sub-panel-separator::after,
#selfcare-modalBox .panel-group .sub-panel-default.sub-panel-separator::after {
    border-bottom: 1px solid #FAFAFA;
    border-top: 1px solid #DEDEDE;
    bottom: 0;
    content: '';
    left: 0;
    margin: 0 -15px;
    position: absolute;
    right: 0;
}
#selfcareWrapper-container .block.panel-default .panel.panel-default,
#selfcare-modalBox .block.panel-default .panel.panel-default {
    background-color: #EFEFEF;
    border-width: 0 0 0 1px;
}
#selfcareWrapper-container .block.panel-body .panel-title,
#selfcare-modalBox .block.panel-body .panel-title {
    padding: 1em 0 3px;
}
#selfcareWrapper-container .block.panel-default .panel-title a,
#selfcare-modalBox .block.panel-default .panel-title a {
    color: #D81920;
    font-family: robotolight, sans-serif;
}
#selfcareWrapper-container .block.panel-default .panel-body,
#selfcare-modalBox .block.panel-default .panel-body {
    margin: 0;
}
#selfcareWrapper-container .sub-panel-title,
#selfcare-modalBox .sub-panel-title {
    margin-bottom: 10px;
}
#selfcareWrapper-container .panel-heading .sub-panel-title a,
#selfcare-modalBox .panel-heading .sub-panel-title a {
    font-family: robotomedium, sans-serif;
    font-size: 16px;
}
#selfcareWrapper-container .panel-group .panel-collapse.collapse.in,
#selfcare-modalBox .panel-group .panel-collapse.collapse.in {
    border-left: 2px solid #DDD;
    padding-left: 1em;
}
#selfcareWrapper-container .panel-group .panel-collapse,
#selfcare-modalBox .panel-group .panel-collapse {
    transition: padding .3s ease-out;
    -webkit-transition: padding .3s ease-out;
}
#selfcareWrapper-container .sub-panel-body,
#selfcare-modalBox .sub-panel-body {
    margin-bottom: 15px;
}
#selfcareWrapper-container .panel-default > .panel-heading,
#selfcare-modalBox .panel-default > .panel-heading {
    padding: inherit;
}
#selfcareWrapper-container .block-content p,
#selfcare-modalBox .block-content p {
    margin-bottom: 10px;
}
#selfcareWrapper-container .block ul,
#selfcare-modalBox .block ul {
    margin-left: 0;
}
#selfcareWrapper-container .block li,
#selfcare-modalBox .block li {
    list-style-type: none;
}
#selfcareWrapper-container .device-picture,
#selfcare-modalBox .device-picture {
    max-width: 195px;
    text-align: center;
}
#selfcareWrapper-container .device-description,
#selfcare-modalBox .device-description,
#selfcareWrapper-container .device-picture,
#selfcare-modalBox .device-picture {
    padding-top: 10px;
    padding-bottom: 30px;
}
#selfcareWrapper-container .device-description p,
#selfcare-modalBox .device-description p {
    margin: 0;
}
#selfcareWrapper-container .input-sm,
#selfcare-modalBox .input-sm,
#selfcareWrapper-container .btn-sm,
#selfcare-modalBox .btn-sm {
    width: 120px !important;
}
#selfcareWrapper-container .input-md,
#selfcare-modalBox .input-md,
#selfcareWrapper-container .btn-md,
#selfcare-modalBox .btn-md {
    width: 190px !important;
}
#selfcareWrapper-container .input-lg,
#selfcare-modalBox .input-lg,
#selfcareWrapper-container .btn-lg,
#selfcare-modalBox .btn-lg {
    width: 250px !important;
}
#selfcareWrapper-container .input-xlg,
#selfcare-modalBox .input-xlg,
#selfcareWrapper-container .btn-xlg,
#selfcare-modalBox .btn-xlg {
    width: 310px !important;
}
#selfcareWrapper-container .btn-link,
#selfcare-modalBox .btn-link {
    color: #3B3B3B;
}
#selfcareWrapper-container .btn-link:hover,
#selfcare-modalBox .btn-link:hover {
    color: #D81920;
}
#selfcareWrapper-container .btn-link[disabled],
#selfcare-modalBox .btn-link[disabled] {
    color: #999 !important;
}
#selfcareWrapper-container .leftpadding10px,
#selfcare-modalBox .leftpadding10px {
    padding-left: 10px;
}
#selfcareWrapper-container .right,
#selfcare-modalBox .right {
    float: right;
}
#selfcareWrapper-container .block-content .col,
#selfcare-modalBox .block-content .col {
    padding-right: 0px;
    padding-left: 0px;
}
#selfcareWrapper-container .panel-default > .block-title.panel-heading a,
#selfcare-modalBox .panel-default > .block-title.panel-heading a,
#selfcareWrapper-container .panel-default > .block-title.panel-heading a:hover,
#selfcare-modalBox .panel-default > .block-title.panel-heading a:hover,
#selfcareWrapper-container .panel-default > .block-title.panel-heading a:active,
#selfcare-modalBox .panel-default > .block-title.panel-heading a:active {
    background-position: 100% 10px;
    color: #C51A1B;
}
#selfcareWrapper-container #content.container,
#selfcare-modalBox #content.container {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
#selfcareWrapper-container .container-fluid,
#selfcare-modalBox .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}
#selfcareWrapper-container fieldset.block .fieldset-title a,
#selfcare-modalBox fieldset.block .fieldset-title a {
    text-decoration: none;
}
#selfcareWrapper-container .btn-sm-xs.btn-green-custom.active,
#selfcare-modalBox .btn-sm-xs.btn-green-custom.active {
    color: #fff;
    border-color: #5cb85c;
    background-color: #39842E;
}
#selfcareWrapper-container .btn-sm-xs.btn-green-custom.active:hover,
#selfcare-modalBox .btn-sm-xs.btn-green-custom.active:hover {
    color: #fff;
    border-color: #3D913D;
    background-color: #337733;
}
#selfcareWrapper-container .btn-sm-xs.btn-green-custom.active:active,
#selfcare-modalBox .btn-sm-xs.btn-green-custom.active:active {
    color: #fff;
    border-color: #337733;
    background-color: #4BA34B;
}
#selfcareWrapper-container .sous-details-sommes,
#selfcare-modalBox .sous-details-sommes {
    margin-bottom: 0px;
    padding-bottom: 5px;
}
#selfcareWrapper-container .sous-details-sommes p,
#selfcare-modalBox .sous-details-sommes p {
    margin-bottom: 0px;
}
#selfcareWrapper-container .canal-2-com,
#selfcare-modalBox .canal-2-com {
    margin: 0px 0px 11px;
    margin-top: 10px;
}
#selfcareWrapper-container .field-title,
#selfcare-modalBox .field-title {
    height: 50px;
}
#selfcareWrapper-container .panel-default-second > .panel-heading a.collapsed,
#selfcare-modalBox .panel-default-second > .panel-heading a.collapsed,
#selfcareWrapper-container .panel-default-second > .panel-heading a.collapsed:hover,
#selfcare-modalBox .panel-default-second > .panel-heading a.collapsed:hover,
#selfcareWrapper-container .panel-default-second > .panel-heading a.collapsed:active,
#selfcare-modalBox .panel-default-second > .panel-heading a.collapsed:active {
    font-size: 15px;
    font-family: robotomedium;
    color: #1e1e1e;
    text-decoration: none;
    background-image: url('../images/accordion-closed.png');
    background-size: 7px 10px;
    width: 10px;
    background-repeat: no-repeat;
    background-position: 0% 7px;
    width: 100%;
    padding-right: 20px;
}
#selfcareWrapper-container .panel-default-second > .panel-heading a,
#selfcare-modalBox .panel-default-second > .panel-heading a,
#selfcareWrapper-container .panel-default-second > .panel-heading a:hover,
#selfcare-modalBox .panel-default-second > .panel-heading a:hover,
#selfcareWrapper-container .panel-default-second > .panel-heading a:active,
#selfcare-modalBox .panel-default-second > .panel-heading a:active {
    background-image: url('../images/accordion-open.png');
    background-size: 10px 7px;
    background-position: 0% 7px;
}
#selfcareWrapper-container .btn-facture,
#selfcare-modalBox .btn-facture {
    width: 155px;
}
#selfcareWrapper-container .btn-facture-moins,
#selfcare-modalBox .btn-facture-moins {
    width: 164px;
}
#selfcareWrapper-container #detail-sommes p,
#selfcare-modalBox #detail-sommes p {
    margin: 5px 0 -20px;
    height: 15px;
}
#selfcareWrapper-container .span-valider,
#selfcare-modalBox .span-valider {
    background-image: url(/images/valide.png);
    height: 12px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 12px;
}
#selfcareWrapper-container .cacher-details,
#selfcare-modalBox .cacher-details {
    background-image: url(/images/detail-ouvert.png);
}
#selfcareWrapper-container .detail,
#selfcare-modalBox .detail {
    margin-top: 10px;
}
#selfcareWrapper-container #click-detail,
#selfcare-modalBox #click-detail {
    color: #C51A1B;
    margin-left: 12px;
}
#selfcareWrapper-container .forfait,
#selfcare-modalBox .forfait,
#selfcareWrapper-container .forfait p,
#selfcare-modalBox .forfait p {
    background: #efefef;
}
#selfcareWrapper-container #myTabContent,
#selfcare-modalBox #myTabContent {
    min-height: 70%;
}
#selfcareWrapper-container #consommationMobileTab .nav-tabs > li,
#selfcare-modalBox #consommationMobileTab .nav-tabs > li,
#selfcareWrapper-container #consommationInternetTab .nav-tabs > li,
#selfcare-modalBox #consommationInternetTab .nav-tabs > li {
    margin: 0 2px 0 0;
    width: 24%;
}
#selfcareWrapper-container #consommationMobileTab .nav-tabs > li > a,
#selfcare-modalBox #consommationMobileTab .nav-tabs > li > a,
#selfcareWrapper-container #consommationInternetTab .nav-tabs > li > a,
#selfcare-modalBox #consommationInternetTab .nav-tabs > li > a {
    padding: 11px 0px 0px 0px;
}
#selfcareWrapper-container #activate-details-consommation,
#selfcare-modalBox #activate-details-consommation {
    margin-top: 10%;
    margin-left: 20px;
}
#selfcareWrapper-container #paginateLoadMore,
#selfcare-modalBox #paginateLoadMore {
    width: auto;
}
#selfcareWrapper-container .transferInfo td { background-color: #D8D8D8; }
#selfcareWrapper-container #main_domainName .panel-collapse.collapse { overflow: visible; }
#selfcareWrapper-container #domains-search-and-validate {
    min-height: 225px;
    position: relative;
}
#selfcareWrapper-container .loading::after,
#selfcare-modalBox .loading::after {
    background: rgba(238, 238, 238, .7) url('/images/loader.gif') no-repeat scroll center center;
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
}
#selfcare-modalBox .control-label.gcore-label-checkbox { cursor: pointer; }
#selfcareWrapper-container .control-label.gcore-label-checkbox,
#selfcareWrapper-container .gcore-checkbox-item .gcore-label-title,
#selfcare-modalBox .gcore-checkbox-item .gcore-label-title {
    cursor: pointer;
    display: inline;
    font-size: inherit;
    font-weight: normal;
    padding-left: 10px;
}
#selfcareWrapper-container label,
#selfcare-modalBox label {
    text-align: left;
}
#selfcare-modalBox .selector-custom-container {
    margin-top: 15px;
}
#selfcare-modalBox .option-pack-tv-label {
    text-align: center;
    box-sizing: border-box;
    font-family: robotobold;
}
#selfcare-modalBox .option-pack-tv-price {
    font-style: italic;
    opacity: 0.5;
    line-height: 18px;
}
@media (max-width: 910px) {
    #selfcare-modalBox .option-pack-tv-price {
        margin-bottom: 10px;
    }
}
@media (min-width: 910px) {
    #selfcare-modalBox .option-pack-tv-price {
        padding-left: 90px;
    }
}
#selfcare-modalBox .option-pack-tv-price.active span:first-child {
    font-weight: bold;
}
#selfcare-modalBox .option-pack-tv-price.active {
    font-style: normal;
    opacity: 1;
}
#selfcare-modalBox #container-manageMyTvOptionForm label.btn {
    text-align: center;
}
#selfcare-modalBox #container-manageMyTvOptionForm label {
    word-wrap: break-word;
}
#selfcare-modalBox .multipleFields .bootstrap-select {
    vertical-align: top;
}
@media (min-width: 910px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666667%;
    }
    .col-md-pull-10 {
        right: 83.33333333%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666667%;
    }
    .col-md-pull-7 {
        right: 58.33333333%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.66666667%;
    }
    .col-md-pull-1 {
        right: 8.33333333%;
    }
    .col-md-pull-0 {
        right: auto;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666667%;
    }
    .col-md-push-10 {
        left: 83.33333333%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666667%;
    }
    .col-md-push-7 {
        left: 58.33333333%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666667%;
    }
    .col-md-push-4 {
        left: 33.33333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.66666667%;
    }
    .col-md-push-1 {
        left: 8.33333333%;
    }
    .col-md-push-0 {
        left: auto;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-md-offset-0 {
        margin-left: 0;
    }
    .col-left {
        padding-left: 0px;
    }
    .col-right {
        padding-right: 0px;
    }
    .col-md-12 .col-right {
        padding-left: 15px;
    }
    .box-name-label {
        text-align: right !important;
    }
}
@media (max-width: 910px) {
    .col-md-12 .col-right.col-md-6,
    .col-md-12 .col-left.col-md-6 {
        padding-left: 0px;
        padding-right: 0px;
    }
    #selfcare-modalBox #container-manageMyTvOptionForm #manageMyTvOptionForm .fieldset-content > .controls.col.col-md-12 {
        margin-bottom: 20px;
    }
}
.internetConsommationChart {
    height: 320px;
    border-radius: 10px;
}
table.dataTable thead th,
table.dataTable thead td,
table.dataTable.no-footer {
    border-bottom: 2px solid #DCDCDC;
}
.nowrap {
    white-space: nowrap;
}
#see-packs {
    padding-bottom: 50px;
    margin-top: -50px;
}
@media (max-width: 768px) {
    #see-packs {
        margin-top: 0px;
    }
}
#manage-options .col {
    margin-bottom: 2em;
}
#manage-options .item-option-pack-tv {
    background-color: #FFF;
    border: 1px solid #FFD4D6;
    position: relative;
    z-index: 10;
}
#manage-options .item-option-pack-tv-name {
    background-color: #EFEFEF;
    color: #C51A1B;
    display: table;
    font-size: 16px;
    height: 42px;
    padding-top: 9px;
    text-align: center;
    width: 100%;
}
#manage-options .item-option-pack-tv-price-number {
    font-size: 20px;
}
#manage-options .item-option-pack-tv-price-with-remise-number {
    font-size: 20px;
}
#manage-options .item-option-pack-tv-price-currency {
    vertical-align: top;
}
#manage-options .item-option-pack-tv-price-with-remise-currency {
    vertical-align: top;
}
#manage-options .item-otpion-pack-tv-price-remise-link {
    width: 100%;
    text-align: center;
    padding-top: 15px;
}
#manage-options .selected {
    background-color: rgba(216, 25, 32, 0.7);
    color: #EFEFEF;
}
#manage-options .item-option-pack-tv-price {
    width: 100%;
    height: 30px;
    padding-top: 12px;
    padding-bottom: 3px;
    font-size: 13px;
    text-align: center;
    line-height: 1.2;
}
#manage-options .item-option-pack-tv-price-with-remise {
    width: 100%;
    height: 30px;
    padding-top: 0px;
    padding-bottom: 3px;
    font-style: italic;
    color: #979797;
    font-size: 13px;
    text-align: center;
    line-height: 1.2;
}
#manage-options .item-option-pack-tv-button {
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
}
#manage-options .deleteTVOption {
    background: linear-gradient(135deg, transparent 50%, #000000 51%);
}
#manage-options .addTVOption {
    background: linear-gradient(135deg, transparent 50%, #C51A1B 51%);
}
#manage-options .manageOption {
    width: 40px;
    height: 40px;
    font-weight: bold;
    font-size: 19px;
    color: white;
    line-height: 53px;
    cursor: pointer;
    margin-top: -15px;
}
#manage-options .manageOption span {
    position: relative;
    left: 25px;
}
#manage-options #options-saved-info-message {
    border: 1px solid #289852;
    padding: 15px 15px 0px 15px;
    margin-bottom: 15px;
}
#manage-options #options-saved-info-message.error-info-message {
    border: 1px solid #C51A1B;
}
#manage-options #options-saved-info-message ul {
    list-style-type: none;
}
#manage-options .containerUserCommande {
    border: 1px solid #5f5f5f;
}
#manage-options .footerRecap {
    padding: 15px;
    text-align: right;
}
#manageMyTvOptionForm .clearfix.prettyradio.labelleft.blue {
    display: none;
}
#manage-options .flag-promo {
    background-repeat: no-repeat;
    background-image: url('/images/flag-promo.png');
    background-position: 100% 0;
    padding-right: 32px;
}
.requiredInfo:after {
    content: " *";
}
#ticketTable {
    border-bottom: none;
    padding-bottom: 15px;
}
.ticketLink {
    cursor: pointer;
    text-decoration: none !important;
    vertical-align: top;
}
.red-chevron:before {
    content: "\f054";
    font-weight: 500;
    font-family: FontAwesome;
    margin-right: 10px;
    display: inline;
    vertical-align: middle;
    font-weight: lighter;
    font-size: 12px;
}
a.link {
    cursor: pointer;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 40%;
}
.round.unread-notification {
    background: #d50000;
    padding: 0 1px 2px 1px;
    border-radius: 50%;
    width: 19px;
    height: 19px;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}
.gf-menu.l1 .btl-logout .round.unread-notification {
    margin-right: 10px;
}
#selfcareWrapper-container tr.userTicket span.unread-notification {
    float: none;
}
#selfcareWrapper-container tr.userTicket span.unread-notification,
#selfcareWrapper-container tr.userTicket a.ticketLink {
    vertical-align: middle;
}
#filter_inside {
    -moz-box-shadow: 1px 1px 6px 1px #ddd;
    -webkit-box-shadow: 1px 1px 6px 1px #ddd;
    -o-box-shadow: 1px 1px 6px 1px #ddd;
    box-shadow: 1px 1px 6px 1px #ddd;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#ddd, Direction=134, Strength=6);
    background-color: #efefef;
    font-size: 13px;
}
#selfcareWrapper-container .generic-panel,
#selfcare-modalBox .generic-panel {
    height: 270px;
}
#selfcareWrapper-container .ox-add-adresse-css,
#selfcare-modalBox .ox-add-adresse-css {
    font-weight: bold;
    color: #C51A1B !important;
    background-color: white;
}
#selfcareWrapper-container .ndd-renewal-yes,
#selfcare-modalBox .ndd-renewal-yes {
    color: #31b959;
}
#selfcareWrapper-container #driveSpace .slider-horizontal,
#selfcare-modalBox #driveSpace .slider-horizontal {
    width: 100%;
}
#selfcareWrapper-container #driveSpace .slider-horizontal .tooltip,
#selfcare-modalBox #driveSpace .slider-horizontal .tooltip {
    z-index: 0;
}
#selfcareWrapper-container input.js-form {
    line-height: 4em;
    font-size: 20px;
}
#selfcareWrapper-container label.js-form {
    display: inline-block;
    font-weight: normal;
    width: auto;
}
#selfcareWrapper-container .set-buttons-pos {
    margin-top: 15px;
    margin-bottom: 15px;
    float: right;
}
#selfcareWrapper-container .generic-panel,
#selfcare-modalBox .generic-panel {
    height: 270px;
}
#selfcareWrapper-container .july-2017-bill-warning {
    background-color: white;
    padding: 10px;
    margin-right: 210px;
    border: 1px solid #d49e9e;
    line-height: 13px;
    font-size: 0.8em;
}
#balpro .row.head {
    border-bottom: 2px solid #ffffff;
    font-size: 15px;
}
#balpro .row {
    padding: 5px 0;
}
.emailtable, .aliasestable {
    margin-bottom: 25px;
}
#balpro .emailtable .emailrow {
    padding: 20px 0;
}
#balpro .aliasestable .row.head {
    cursor: pointer;
    background-color: #a9a9a9;
}
.aliasestable .head i {
    color: #C51A1B;
}
.forward {
    border: 1px solid #e4e4e4;
    padding: 3px 15px 2px;
    background-color: #f9f9f9;
    width: 42%;
    display: inline-block;
    margin: 0 10px 10px 0;
    position: relative;
}
.forward span {
    width: 90%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13px;
    vertical-align: top;
}
.forward i {
    position: absolute;
    right: 8px;
    color: red;
    top: 50%;
    margin-top: -7px;
}
#balpro .aliasestable .row {
    padding: 10px 0;
}
.aliasestable .row:nth-child(2n) {
    background-color: #e6e6e6;
}
.emailtable .row:nth-child(2n) {
    background-color: #dedede;
}
.aliasestable .row:nth-child(2n+1) {
    background-color: whitesmoke;
}
#balpro .add-forward {
    width: 42%;
}
#balpro .row .alias {
    position: relative;
}
#balpro .row .manageBtns {
    position: absolute;
    right: 10px;
    top: 4px;
}
#balpro .row .manageBtns i {
    cursor: pointer;
    color: #555;
    font-size: 18px;
    padding-left: 5px;
}
#balpro .row .manageBtns i:hover {
    color: #C51A1B;
}
.alias-head {
    position: relative;
}
.alias-head i.chevron {
    position: absolute;
    right: 10px;
    top: 10px;
}
#addEmailAlias label, #addEmailForward label, #addAliasForward label {
    font-size: 15px;
    margin-top: 2px;
    font-family: 'robotomedium';
    text-align: right;
}
#addEmailAlias .text-left label {
    text-align: left;
}
#fwdList .ox-delete-mailbox {
    position: absolute;
    right: -30px;
    top: 0px;
}
#addEmailForward #forwardEmail {
    height: 27px;
}
#addEmailForward #desc p {
    margin-top: 3px;
}
#addEmailAlias .main, #addEmailForward .main {
    margin-bottom: 10px;
}
#addEmailAlias .fieldset-content, #addEmailForward .fieldset-content {
    padding: 0 20px;
}
#page-content-bal-pro #filter input {
    width: 100%;
    height: 36px;
}
#balpro .highlight {
    color: #C51A1B;
}
#selfcareWrapper-container #balpro h4.panel-title a {
    color: #333;
    font-family: robotolight, sans-serif;
}
#body-ox-email-list td.email {
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
}
#selfcare-modalBox #addEmailAlias input[type=text], #selfcare-modalBox #addEmailForward input[type=text], #selfcare-modalBox #addAliasForward input[type=text] {
    width: 100%;
}
@media screen and (max-width: 767px) {
    #balpro .add-forward {
        width: 90%;
    }
    .forward {
        width: 90%;
    }
    #addEmailAlias label, #addEmailForward label, #addAliasForward label {
        text-align: left;
    }
}
#selfcareWrapper-container .has-pretty-child .prettylabel,
#selfcare-modalBox .has-pretty-child .prettylabel {
    display: inline-block;
    line-height: 30px;
    vertical-align: top;
}
#lines-details-panel .internetmobileth2 input {
    max-width: 110px;
    width: auto;
}
#lines-details-panel .internetmobileth1 th:first-child {
    border: none;
}
#lines-details-panel .internetmobileth1 th:last-child {
    text-align: center;
    background-color: #b3b3b3;
    padding: 0px 0px;
    color: white;
    font-size: 13px;
    border: none;
}
#manageInternetMobile .controls .desc { line-height: normal; }
.sdaPanel { border-width: 0; }
.sdaPanel.locked .sdaHeader { background-color: #AAA; }
.sdaPanel .sdaHeader { text-transform: uppercase; }
.sdaPanel table { width: 100%; }
.sdaPanel table > * {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.sdaPanel table td {
    line-height: 2.5em;
    text-align: center;
}
.sdaPanel table .sdaList { font-size: 0; }
.sdaPanel table.expended .sdaList { font-size: inherit; }
.sdaPanel table.expended .sdaLabel { font-size: 0; }
.sdaPanel span.collapseIndicator {
    bottom: 25px;
    color: #CCC;
    font-size: 18px;
    position: absolute;
    right: 25px;
}
#saveConfirmation .modal-content {
    margin: 200px auto 0;
    max-width: 700px;
}

/* Show password button -- see example : src\templates\gantry\html\com_userselfcare\profile\edit.php */
.revealPass {
    background: #FFF;
    border-radius: 3px;
    border: 1px solid transparent;
    color: #A0A0A0;
    cursor: pointer;
    font-size: 17px;
    height: 25px;
    left: calc(100% - 25px);
    margin-top: 3px;
    padding: 0 3px;
    position: absolute;
    top: 0;
}
.revealPass.active {
    color: #444;
}
.revealPass:hover {
    background: #EEE;
    border-color: #EEE;
    color: #444;
}
.revealPass:active {
    background: #E3E3E3;
    border-color: #DDD;
    color: #D9242B;
}
.input-sm + .revealPass { left: 92px; }
.input-md + .revealPass { left: 162px; }
.input-lg + .revealPass { left: 222px; }
.input-xlg + .revealPass { left: 285px; }

#collapse-line-selection-panel {
    overflow: visible;
}
.navbar-nav.menu-univers{
    font-size: 16px;
    font-weight: 500;
    padding-top:4px;
    width: 1170px;
    position: absolute;
    margin-left: calc(-1170px / 2);
    left: 50%;
    top: 0;
}
@media (min-width: 1201px) and (max-width: 1600px) {
    .navbar-nav.menu-univers {
        margin-left: 15px;
        position: static;
        width: auto;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .navbar-nav.menu-univers{
        width: 970px;
        margin-left: calc(-970px / 2);
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-nav.menu-univers{
        width: 750px;
        margin-left: calc(-750px / 2);
    }
}
@media (max-width: 767px) {
    .navbar-nav.menu-univers{
        width: 750px;
        margin-left: calc(-750px / 2);
    }
}

.navbar-nav.menu-univers li > a{
    font-family: Roboto;
    color: #000;
}
.domain-menu-particulier:hover a{
    color: #C51A1B !important;
    border-top: 4px solid #C51A1B;
    margin-top: -4px;
}
.domain-menu-business:hover a{
    color: #07395c !important;
    border-top: 4px solid #07395c;
    margin-top: -4px;
}
.domain-menu-operator:hover a{
    color: #00645d !important;
    border-top: 4px solid #00645d;
    margin-top: -4px;
}
.domain-menu-assistance:hover a{
    color: #afa07f !important;
    border-top: 4px solid #afa07f;
    margin-top: -4px;
}
.domain-menu-corporate:hover a{
    color: #5f5f5f !important;
    border-top: 4px solid #5f5f5f;
    margin-top: -4px;
}

#mainMenu.navbar {
    border-bottom: 4px solid rgba(255, 255, 255, .5);
    border-left: 0;
    border-right: 0;
    border-top: 0;
}
#mainNav > ul > li:not(:first-child) {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}
#mainNav > ul > li:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
}
#superBar {
    background-color: #FFF;
    z-index: 1040;
}
#superBar a.navbar-brand {
    padding-bottom: 0;
    padding-top: 8px;
}
@media screen and (max-width: 767px) {
    #superBar a.navbar-brand { float: right; }
    #mainMenu > .container { margin: 0 15px; }
    #mainMenu a.navbar-brand {
        left: 50%;
        margin-left: -53px;
        padding: 3px 0;
        position: absolute;
    }
    #mainMenu .navbar-toggle {
        float: left;
        margin-left: 15px;
        margin-right: 0;
    }
    #mainMenu .searchForm a {
        padding: 6px;
    }
}
#mainMenu .dropdown li label,
#superBar .dropdown li label {
    clear: both;
    color: #333;
    cursor: pointer;
    display: block;
    font-family: robotmedium, sans-serif;
    font-weight: normal;
    line-height: 1.42857143;
    margin: 0;
    padding: 3px 20px;
    white-space: nowrap;
}
#superBar .dropdown li:hover label {
    background-color: #E5E5E5;
}

/* Login form / Forgotten password */
#connexionForms button {
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
}
#connexionForms button:active,
#connexionForms button:hover {
    outline: 0;
}
#connexionForms a {
    text-decoration: none;
    cursor: pointer;
}
#connexionForms a:active,
#connexionForms a:hover {
    outline: 0;
}
#connexionForms .panel_blur,
#connexionForms .panel {
    width: 100%;
}
#connexionForms .panel_blur { height: 100%; }
#connexionForms .panel { height: auto; }
@media screen and (min-width: 768px) {
    #connexionForms .panel_blur,
    #connexionForms .panel {
        width: 500px;
    }
}
/**
 * Login form
 */
/* Blurry background */
#index-authentication {
    background: rgb(241,111,92);
    background: -moz-linear-gradient(45deg, rgb(241,111,92) 0%, rgb(196,26,27) 55%);
    background: -webkit-linear-gradient(45deg, rgb(241,111,92) 0%,rgb(196,26,27) 55%);
    background: linear-gradient(45deg, rgb(241,111,92) 0%,rgb(196,26,27) 55%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16f5c', endColorstr='#c41a1b',GradientType=1 );
}
#index-authentication #content {
    /*background: #FFF url('../images/mt_background.jpg') no-repeat 42% 20% fixed;*/
    height: 100%;
    overflow: auto;
    padding-top: 2em;
}
@media screen and (min-width: 768px) {
    #index-authentication #content {
        height: calc(100% - 52px);
    }
    #index-authentication #content {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: auto;
        justify-content: center;
        max-height: auto;
        min-height: calc(100% - 54px);
        overflow-y: visible;
    }
}
#connexionForms {
    color: #3C3C3C;
    position: relative;
}
#connexionForms .panel_blur {
    /*background: transparent url('../images/mt_background.jpg') no-repeat 42% 20% fixed;*/
    position: absolute;
    filter: blur(5px);
}
/* Content form */
#connexionForms .panel {
    background-color: rgba(255, 255, 255, .95);
    border-radius: 30px;
    box-shadow: 0 0 2px #E1E1E1;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 0 2px #E1E1E1;
}
#connexionForms .loading::after {
    background-color: transparent;
}
#connexionForms .panelRegister-form .formSubmit {
    margin-top: 5px !important;
}
#connexionForms .panelForm-wrapper {
    height: auto;
    padding: 10%;
    width: 100%;
}
@media screen and (min-width: 768px) {
    #connexionForms .panelForm-wrapper {
        padding: 4vh 2vw 2vh;
    }
}
#connexionForms .panelHeaders {
    padding: 10px 0;
    text-align: center;
}
#connexionForms .panelHeader {
    font-size: 1.375rem;
}
#connexionForms .panelHeader:first-child {
    padding-bottom: 5px;
}
#connexionForms .panelHeader.active > .panelLink {
    color: #C51A1B;
    font-size: 3rem;
}
#connexionForms .panelLink {
    color: inherit;
    transition: all 0.3s;
    font-weight: 600;
}
#connexionForms .panelBtn {
    width:24px;
    height: 24px;
    background: none;
    padding: 0;
}
#connexionForms .panelBtn line { transition: fill 0.3s; }
#connexionForms .panelBtn:hover line { stroke: #C51A1B; }
#connexionForms .formRow {
    margin-top: 40px;
    position: relative;
}
#connexionForms .formRow.has-error > .help-block:after {
    display: block;
}
#connexionForms .formTitle {
    color: #C51A1B;
    font-size: 3rem;
    text-align: center;
}
#connexionForms .formTitle small {
    display: block;
}
#connexionForms .formInput {
    background: none;
    border: none;
    border-bottom: 1px solid #BBB;
    cursor: default;
    font-size: 1.7rem;
    padding: 5px 0;
    width: 100%;
}
#connexionForms .formInput:focus,
#connexionForms .formInput:active {
    outline: 0;
}
#connexionForms .has-error .formLabel,
#connexionForms .formInput.active ~ .formLabel,
#connexionForms .formInput:focus ~ .formLabel,
#connexionForms .formInput:active ~ .formLabel,
#connexionForms .formInput:valid ~ .formLabel {
    bottom: 30px;
    font-size: 1.3rem;
    margin: 0;
}
#connexionForms .formInput:focus ~ .formBar,
#connexionForms .formInput:active ~ .formBar {
    left: 0;
    right: 0;
    width: 100%;
}
#connexionForms .formBar {
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
    display: block;
    width: 0;
    height: 2px;
    background-color: #C51A1B;
    transition: all 0.3s;
}
#connexionForms .formLabel {
    bottom: 5px;
    font-size: 1.5rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    transition: all 0.3s;
    width: 100%;
}
#connexionForms .formSubmit {
    background-color: #C51A1B;
    border: none;
    color: #FFF;
    cursor: pointer;
    font-weight: 600;
    margin-top: 30px;
    padding: 10px 0;
    width: 100%;
}
#connexionForms .formSubmit.disabled {
    background-color: #6A6A6A;
    cursor: default;
}
#connexionForms .formRetrieve-pass {
    display: block;
    padding: 15px 0;
    text-align: center;
    transition: all 0.3s;
}
#connexionForms .formRetrieve-pass:hover {
    color: inherit;
}
#connexionForms .help-block {
    bottom: -32px;
    color: #C51A1B;
    display: block;
    font-size: 1.4rem;
    height: 20px;
    line-height: 20px;
    position: absolute;
    width: 100%;
}
#connexionForms .help-block:after {
    bottom: 20px;
    color: #C51A1B;
    content: "x";
    display: none;
    font-size: 1.5rem;
    font-family: robotolight, sans-serif;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: -20px;
    text-align: center;
    width: 20px;
}
#connexionForms .formInfo {
    text-align: center;
}

/**
  * POPOVER
  */
#selfcareWrapper-container .popover {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #5C5C5C;
    border-color: #5C5C5C #5C5C5C #3D3D3D #5C5C5C;
    border-radius: 0;
    border-width: 0;
    color: #FFF;
    font-size: 14px;
    line-height: 20px;
    max-width: 261px;
    padding: 0 0 9px;
    text-align: left;
    width: 236px;
}
#selfcareWrapper-container .popover.right .arrow,
#selfcare-modalBox .popover.right .arrow {
    border-right-color: inherit; left: -10px;
}
#selfcareWrapper-container .popover.left .arrow,
#selfcare-modalBox .popover.left .arrow {
    border-left-color: inherit; right: -10px;
}
#selfcareWrapper-container .popover.top .arrow,
#selfcare-modalBox .popover.top .arrow {
    border-top-color: inherit; bottom: -10px;
}
#selfcareWrapper-container .popover.bottom .arrow,
#selfcare-modalBox .popover.bottom .arrow {
    border-bottom-color: inherit; top: -10px;
}
#selfcareWrapper-container .popover .arrow:after,
#selfcare-modalBox .popover .arrow:after {
    border-width: 0;
}
#selfcareWrapper-container .popover > .popover-title,
#selfcare-modalBox .popover > .popover-title {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #3D3D3D;
    border-color: inherit;
    border-radius: 0;
    color: #FFF;
    font-size: 15px;
    padding: 2px 14px 0;
}
#selfcareWrapper-container .popover.popover-danger > .popover-title,
#selfcare-modalBox .popover.popover-danger > .popover-title {
    background-color: #D81920;
}
#selfcareWrapper-container .popover.popover-danger,
#selfcare-modalBox .popover.popover-danger {
    background-color: #E84B53;
    border-color: #E84B53 #E84B53 #D81920 #E84B53;
    color: #FFF;
}
#selfcareWrapper-container .popover.popover-info > .popover-title,
#selfcare-modalBox .popover.popover-info > .popover-title {
    background-color: #3D3D3D;
}
#selfcareWrapper-container .popover.popover-info,
#selfcare-modalBox .popover.popover-info {
    background-color: #ACABAB;
    border-color: #ACABAB #ACABAB #979797 #ACABAB;
    color: #FFF;
}
#selfcareWrapper-container .popover.popover-success > .popover-title,
#selfcare-modalBox .popover.popover-success > .popover-title {
    background-color: #289852;
}
#selfcareWrapper-container .popover.popover-success,
#selfcare-modalBox .popover.popover-success {
    background-color: #30B662;
    border-color: #30B662 #30B662 #289852 #30B662;
    color: #FFF;
}
#selfcareWrapper-container .popover.popover-warning > .popover-title,
#selfcare-modalBox .popover.popover-warning > .popover-title {
    background-color: #F16723;
}
#selfcareWrapper-container .popover.popover-warning,
#selfcare-modalBox .popover.popover-warning {
    background-color: #F48543;
    border-color: #F48543 #F48543 #F16723 #F48543;
    color: #FFF;
}
@media (min-width: 992px) {
    #popoverRules {
        display: block;
        left: 630px;
        top: 10px;
    }
}
@media (max-width: 992px) {
    #popoverRules .arrow { display: none; }
}
.passRulesTitle {
    font-family: robotomedium, sans-serif;
    text-decoration: underline;
}
fieldset .desc {
    font-size: 13px;
    padding-bottom: 10px;
}
#summary .desc {
    font-size: 12px;
    font-style: italic;
}
#summary h4 {
    margin-bottom: 10px;
    display: inline-block;
    border-bottom: 1px solid #777;
}
#summary dt {
    width: 16em;
    font-weight: normal;
}
#summary dd {
    max-width: 40em;
}
#selfcareWrapper-container #customCallFilters .panel-collapse.collapse.in {
    overflow: visible;
}
#selfcareWrapper-container ul.custom-list,
#selfcare-modalBox .custom-list {
    padding-left: 1em;
    list-style: outside;
}
#selfcareWrapper-container ul.custom-list li,
#selfcare-modalBox .custom-list li {
    list-style-type: disc;
    padding-left: 10px;
}
#collapse_changePassword .help-block.locked {
    height: 20px;
    overflow: hidden;
}
.checkbox-list li {
    line-height: 1.3em;
}
.checkbox-list li > .row {
    padding: 5px 0;
}
#selfcareWrapper-container .list-type-two,
#selfcare-modalBox .list-type-two {
    padding: 2px 0 0;
}
#selfcareWrapper-container .list-type-two li,
#selfcare-modalBox .list-type-two li {
    padding: 0 0 3px 15px;
    font-weight: 400;
}
#selfcareWrapper-container .list-type-two > li:before,
#selfcare-modalBox .list-type-two > li:before {
    content: "f";
    font-size: 10px;
    left: 1px;
    top: 7px;
}
.paginate_button.previous, .paginate_button.next {
    display: none !important;
}
#table_mobile_line_paginate a.paginate_button,
#table_conso_paginate a.paginate_button {
    background-color: #242424;
    border: none;
    color: white !important;
    height: 30px;
    padding: 3px;
    width: 30px;
}
#table_mobile_line_paginate a.paginate_button.current,
#table_conso_paginate a.paginate_button.current {
    background: #D81920 none !important;
    border: none;
}
#table_mobile_line_paginate,
#table_conso_paginate {
    float: none;
    margin: 1em auto;
    text-align: center;
}
#suivi-conso .fa-stack {
    margin-right: 5px;
}
#suivi-conso .fa-stack .fa-comment-o {
    top: -2px;
}
#suivi-conso .fa-stack .fa-eur {
    left: -1px;
}
.slider-handle {
    background-image: radial-gradient(white 40%, #D81920 60%) !important; /* Standard syntax (must be last) */
}
.slider-selection {
    background: #D81920;
}
.slider-track-high, .slider-track-low {
    background: #999;
}
#watcher {
    position: absolute;
    right: 2px;
    top: 10px;
}
.unlinkAccount {
    background-color: inherit;
    border: 1px solid rgba(255, 255, 255, .5);
    float: right;
    padding: 1px 4px;
}
.unlinkAccount:hover {
    background-color: #FFF;
    color: #333;
}
#linkedAccountsList .changeAccount.disabled a::before {
    color: #D81920;
    content: "\f061";
    font-family: FontAwesome, sans-serif;
    padding-right: .5em;
}

.comfortVoipServiceControls {
    margin-left: 20px;
    margin-bottom: 20px;
}

/* VOIP */

/* Workaround for ajax loaded modal content that is taller than 100VH, resulting in the overflow showing without backdrop until window resizing */
#internet-telephonyVoip .modal-header {
    z-index: 99;
    position: sticky;
    top: 0;
}
#internet-telephonyVoip .modal-content {
    max-height: 90vh;
    overflow: scroll;
    scrollbar-width: none;
}

.comfortVoipServiceControls button {
    background-color: grey;
    cursor: default;
}

.clickableVoipFeatureAction {
    background-color: #242424 !important;
    cursor: pointer!important;
}