@import url('vodafone_fonts.css');

body {
    font-family: 'VodafoneRegular' !important;
}

.vodafone-internet * {
    /*font-family: 'Vodafone Rg';*/
    font-size: 14px;
    font-family: 'VodafoneRegular' !important;
}

.select2-container.select2-container--vodafone .select2-selection--single.has-custom-error {
    border-bottom: 2px solid #e60000!important;
}

.custom-help-block {
    color: #f47920!important;
}

.select2-container--vodafone .select2-selection--single{
    border-bottom: 2px lightgrey solid !important;
}

.select2-container.select2-container--vodafone{
    margin: 5px 0;
}
.select2-container.select2-container--vodafone .select2-selection--single {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #cccccc;
    border-radius: 0px;
    border-bottom-color: #cccccc;
    transition : border-bottom-color 500ms ease-out;
    height: 38px;
}

.select2-container--vodafone.select2-container--open .select2-selection--single {
    border-bottom-color: #f4f4f4;
}

.select2-container--vodafone .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 38px;
}

.select2-container--vodafone .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    line-height: 28px;
    margin-right: 10px;
    font-size: 18px;
    color: #999;
}

.select2-container--vodafone .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--vodafone .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container--vodafone .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--vodafone[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--vodafone[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--vodafone.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

.select2-container--vodafone.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--vodafone.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--vodafone .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}

.select2-container--vodafone .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}

.select2-container--vodafone .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left;
}

.select2-container--vodafone .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
}

.select2-container--vodafone .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--vodafone .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--vodafone .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333;
}

.select2-container--vodafone[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--vodafone[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
    float: right;
}

.select2-container--vodafone[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--vodafone[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--vodafone.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--vodafone.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--vodafone.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--vodafone.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--vodafone.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--vodafone.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--vodafone.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--vodafone.select2-container--open .select2-dropdown--above {
    border-bottom: 1px solid #f4f4f4;
}

.select2-container--vodafone.select2-container--open.select2-container--open .select2-dropdown {
}

.select2-container--vodafone .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--vodafone .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
}

.select2-container--vodafone .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--vodafone .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--vodafone .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--vodafone .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container--vodafone .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--vodafone .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--vodafone .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--vodafone .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--vodafone .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--vodafone .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--vodafone .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--vodafone .select2-results__option--highlighted[aria-selected] {
    background-color: #f4f4f4;
    color: white;
}

.select2-container--vodafone .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.widgetforms.box-formvodafone .control-label {
    color: #3b4952;
    position: relative;
    margin: 15px 0 0 5px;
    font-size: 14px;
    transition: all 300ms;
}
.widgetforms.box-formvodafone .focus .control-label,
.widgetforms.box-formvodafone .has-value .control-label,
.widgetforms.box-formvodafone .has-success .control-label {
    margin: 18px 0 0 0;
}
.widgetforms.box-formvodafone .has-success .control-label {
    color: #8dc93f;
}
.widgetforms.box-formvodafone .has-error .control-label {
    color: #f47920;
}
.widgetforms.box-formvodafone .checkbox .control-label,
.widgetforms.box-formvodafone .checkbox.focus .control-label,
.widgetforms.box-formvodafone .checkbox.has-value .control-label,
.widgetforms.box-formvodafone .checkbox.has-success .control-label {
    margin: 0;
    position: relative;
    font-size: 14px;
}

.widgetforms.box-formvodafone .maskedinput,
.widgetforms.box-formvodafone .maskedinput:hover,
.widgetforms.box-formvodafone .maskedinput:focus {
    /*color: white !important;*/
    transition: color 500ms ease-out;
}
.widgetforms.box-formvodafone .focus .maskedinput,
.widgetforms.box-formvodafone .has-value .maskedinput,
.widgetforms.box-formvodafone .has-success .maskedinput,
.widgetforms.box-formvodafone .focus .maskedinput:focus,
.widgetforms.box-formvodafone .has-value .maskedinput:focus,
.widgetforms.box-formvodafone .has-success .maskedinput:focus {
    color: #3b4952 !important;
}

.widgetforms.box-formvodafone .checkbox input[type="checkbox"] {
    position: relative;
    margin: 0 5px 0 0;
}

.widgetforms.box-formvodafone .form-group {
    padding-top: 15px;
}

.widgetforms.box-formvodafone .has-error input:not([type="radio"]):not([type="checkbox"]),
.widgetforms.box-formvodafone .has-error textarea, .widgetforms.box-formvodafone .has-error select {
    border-bottom-color: #f47920;
}

.widgetforms.box-formvodafone select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: window;
}
.widgetforms.box-formvodafone select[disabled="disabled"] {
    color: silver;
}
.widgetforms.box-formvodafone.dark select[disabled="disabled"] {
    color: #999;
}

.widgetforms.box-formvodafone .checkbox label,
.widgetforms.box-formvodafone .radio label {
    padding-left: 0px;
}

.widgetforms.box-formvodafone .arrow-list {
    margin-left: -20px;
    position: absolute;
}
.widgetforms.box-formvodafone .arrow-list:after {
    position: absolute;
    content: "▼";
    width: 20px;
    height: 52px;
    line-height: 52px;
    color: #939393;
    font-size: 14px;
    text-align: left;
}

.widgetforms.box-formvodafone .dgt-btn-submit-bg {
    font-size: 20px;
    margin: 0.5em auto;
    padding: 0.5em;
    background-color: #e60000;
    width: 300px;
    color: #fff;
    border-radius: 0;
}

.widgetforms.box-formvodafone .dgt-btn-submit-bg-disabled {
    background-color: #ccc;
    color: #666;
    cursor: not-allowed;
    opacity: 0.6;
    border: 1px solid #999;
    font-size: 20px;
    margin: 0.5em auto;
    padding: 0.5em;
    width: 300px;
    border-radius: 0;
}

.widgetforms.box-formvodafone .dgt-btn-submit-bg:hover {
    background-color: #c30000;
    color: #fff;
}

.widgetforms.box-formvodafone .submit-success .close {
    margin: 0.3em 0.5em;
    color: silver;
    font-size: 2.5em;
    opacity: 0.6;
}

.select2-container.select2-container--vodafone{
    margin: 5px 0;
}
.select2-container.select2-container--vodafone .select2-selection--single {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #cccccc;
    border-radius: 0px;
    transition : border-bottom-color 500ms ease-out;
    height: 38px;
}

.select2-container--vodafone.select2-container--open .select2-selection--single {
    border-bottom-color: #f4f4f4;
}

.select2-container--vodafone .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 38px;
}

.select2-container--vodafone .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    line-height: 28px;
    margin-right: 10px;
    font-size: 18px;
    color: #999;
}

.select2-container--vodafone .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--vodafone .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container--vodafone .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--vodafone[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--vodafone[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--vodafone.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

.select2-container--vodafone.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--vodafone.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--vodafone .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}

.select2-container--vodafone .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}

.select2-container--vodafone .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left;
}

.select2-container--vodafone .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
}

.select2-container--vodafone .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--vodafone .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--vodafone .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333;
}

.select2-container--vodafone[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--vodafone[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
    float: right;
}

.select2-container--vodafone[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--vodafone[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--vodafone.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--vodafone.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--vodafone.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--vodafone.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--vodafone.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--vodafone.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--vodafone.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--vodafone.select2-container--open.select2-container--open .select2-dropdown {
}

.select2-container--vodafone .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--vodafone .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
}

.select2-container--vodafone .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--vodafone .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--vodafone .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--vodafone .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container--vodafone .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--vodafone .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--vodafone .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--vodafone .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--vodafone .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--vodafone .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--vodafone .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--vodafone .select2-results__option--highlighted[aria-selected] {
    background-color: #f4f4f4;
    color: #000;
}

.select2-container--vodafone .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.dgt-btn-white-bg, .main-content a.dgt-btn-white-bg{
    display: inline-block;
    padding: 6px 25px;
    background-color: rgba(255,255,255, 0);
    color: #fff;
    font-size: 14px;
    border: 1px solid white;
    text-decoration: none;
}

.vodafone-internet .widgetforms.box-formvodafone .dgt-btn-green-bg {
    background-color: #E60000;
    width: 240px;
    border-radius: 0;
}

.vodafone-internet .widgetforms.box-formvodafone .dgt-btn-green-bg:hover {
    background-color: #C30000;
}

.vodafone-internet .widgetforms.box-formvodafone .dgt-btn-green-bg:active {
    background-color: #A80000;
}

.vodafone-internet .select2-container--vodafone .select2-results__option--highlighted[aria-selected] {
    background-color: #f4f4f4;
    color: #000;
}

.vodafone-internet a {
    color: #e60000;
}

.vodafone-internet a:visited {
    color: #e60000;
}

.vodafone-internet input[type="checkbox"] {
    margin-left: 15px;
    color: #e60000;
    background-color: #e60000;
}

.vodafone-internet .widgetforms.box-formvodafone .has-error input:not([type="radio"]):not([type="checkbox"]),
.vodafone-internet .widgetforms.box-formvodafone .has-error textarea,
.vodafone-internet .widgetforms.box-formvodafone .has-error select {
    border-bottom-color: #e60000;
}

.vodafone-internet .widgetforms.box-formvodafone .has-success .control-label {
    color: #000;
}

.vodafone-internet p.submit-btn {
    text-align: center;
}

.path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
    stroke: #e60000 !important;
}

.jc-aj-loader-parent{
    min-width: 48px;
    min-height: 48px;
    position: absolute;
    white-space: nowrap;
    text-align: center;
    border-radius: 3px;
    background-color: rgba(0,0,0,0.1);
    z-index: 999;
}

.widgetforms .submit-success.vodafone {
    padding-top: 50px;
    background-color: transparent;
    color: #333;
    top: 0;
}

.widgetforms .submit-success.vodafone .text {
    font-size: 18px;
    color: #333;
    text-shadow: none;
}

.widgetforms .submit-success.vodafone .text span.id {
    font-size: 18px;
}