html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


@font-face {
    font-family: 'FSLola';
    font-style: normal;
    font-weight: 300;
    font-stretch: normal;
    src: url('./Fonts/FSLola/normal_normal_light.woff2') format('woff2') ,url('./Fonts/FSLola/normal_normal_light.woff') format('woff');
    font-display: swap
}

@font-face {
    font-family: 'FSLola';
    font-style: italic;
    font-weight: 300;
    font-stretch: normal;
    src: url('./Fonts/FSLola/italic_normal_light.woff2') format('woff2') ,url('./Fonts/FSLola/italic_normal_light.woff') format('woff');
    font-display: swap
}

@font-face {
    font-family: 'FSLola';
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
    src: url('./Fonts/FSLola/normal_normal_normal.woff2') format('woff2') ,url('./Fonts/FSLola/normal_normal_normal.woff') format('woff');
    font-display: swap
}

@font-face {
    font-family: 'FSLola';
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
    src: url('./Fonts/FSLola/italic_normal_normal.woff2') format('woff2') ,url('./Fonts/FSLola/italic_normal_normal.woff') format('woff');
    font-display: swap
}

@font-face {
    font-family: 'FSLola';
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
    src: url('./Fonts/FSLola/normal_normal_medium.woff2') format('woff2') ,url('./Fonts/FSLola/normal_normal_medium.woff') format('woff');
    font-display: swap
}

@font-face {
    font-family: 'FSLola';
    font-style: italic;
    font-weight: 500;
    font-stretch: normal;
    src: url('./Fonts/FSLola/italic_normal_medium.woff2') format('woff2') ,url('./Fonts/FSLola/italic_normal_medium.woff') format('woff');
    font-display: swap
}

@font-face {
    font-family: 'FSLola';
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
    src: url('./Fonts/FSLola/normal_normal_bold.woff2') format('woff2') ,url('./Fonts/FSLola/normal_normal_bold.woff') format('woff');
    font-display: swap
}

@font-face {
    font-family: 'FSLola';
    font-style: italic;
    font-weight: 600;
    font-stretch: normal;
    src: url('./Fonts/FSLola/italic_normal_bold.woff2') format('woff2') ,url('./Fonts/FSLola/italic_normal_bold.woff') format('woff');
}


@copygray : #525252;
@backgroundgrey : #ECECEC;
@bordergrey : #CCCCCC;
@formsgrey : #F9F9F9;

@primarygreen : #88B500;
@linkgreen : #709200;
@footergreen : #6A8A15;
@markupred : #CD1619;

@internetblue : #009EE0;
@telephonepurple: #89408E;
@televisionmagenta: #E2007A; 
#MenuH, .verlaufgrau, .ui-widget-header, .ui-accordion-header, .ui-button, .art-button {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 37%, rgba(230,230,230,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(37%, rgba(246,246,246,1)), color-stop(100%, rgba(230,230,230,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 37%, rgba(230,230,230,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 37%, rgba(230,230,230,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 37%, rgba(230,230,230,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 37%, rgba(230,230,230,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 );
    box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}


#navMega {
    margin-bottom: 0px;
}

#navnavMega a, #navnavMega span {
    color: #333;
}


#navdiv, #MenuH {
    box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.oe_wrapper {
    height: 29px;
    background: transparent;
margin-bottom: 20px;
}

#navnavMega {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0px;
    line-height: 100%; /*  border-radius: 2em;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);*/
    /* for non-css3 browsers */ /*   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9', endColorstr='#7a7a7a'); */ /* for IE */ /*    background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a)); */ /* for webkit browsers */ /*   background: -moz-linear-gradient(top, #a9a9a9, #7a7a7a); */ /* for firefox 3.6+ */
}

#navMega li {
    margin: 0;
    padding: 0;
    float: left;
    line-height: normal;
    list-style: none;
}





    #navMega li.greenhidden {
        float: right;
        display: none;
    }
/* main level link */
#navMega a, #navMega span {
    color: #4B4B4B;
    text-decoration: none;
    display: block;
    padding: 4px 15px;
    margin: 0;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    line-height: 20px;
}
/* main level link hover 
    #nav .current a, #nav li:hover > a
{
    background: #ffffff;  
    border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-left: 1px solid #999999;
    border-top: 0px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 0px solid #ffffff;
    
}*/


#navMega li.m0.selected
{ border-bottom: 0px solid #ffffff;

}
#navMega .current, #navMega li.m0:hover {
    background: #ffffff; /* for non-css3 browsers */
    border-radius: 4px 4px 0px 0px;
    /*-moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;*/
    border-left: 1px solid #999999;
    border-top: 0px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 2px solid #ffffff;
    z-index: 10;
}


 
#navMega.hovered .current ,  #navMega:hover .current  {
    background: none; /* for non-css3 browsers */
    border-radius: 0px;
    /*-moz-border-radius: 0px;
    -webkit-border-radius: 0px;*/
    border-left: 1px solid transparent;
    border-top: 0px solid #999999;
    border-right: 1px solid transparent;
    border-bottom: 0px solid #ffffff;
    z-index: 10;
}

#navMega li.m0 {
    z-index: 0;
    border-left: 1px solid transparent;
    border-top: 0px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 2px solid transparent;
    /*height: 29px;*/
    color: #525252;
}






.m3, .m4, .m5 {
    display: none;
}















/* sub levels link hover */
#navMega ul li:hover a, #navMega li:hover li a, #navMega ul li:hover span, #navMega li:hover li span {
    background: none;
    border: none;
    color: #666;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#navMega ul li a:hover, #navMega ul li span:hover {
    /*   background: #0399d4;for non-css3 browsers 
        color: #fff !important;
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
        border-radius: 9px;*/
    color: #accf09;
    text-shadow: 0 1px 1px white;
}

#navMega ul li.red a:hover {
    background-color: #d31313;
}

#navMega ul li.green a:hover {
    background-color: #10a918;
}

#navMega ul li.grey a:hover {
    background-color: #6d6d6d;
}


#navMega ul ul li:first-child, #navMega ul ul ul li:first-child {
    border-top-color: transparent !important;
}

#navMega ul ul li {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #E4E4E4;
    line-height: 20px;
    
}

#navMega div.megamenu li.m2 {
    list-style-image: url('./ ../../images/linkpfeil.gif ');
    list-style-position: outside;
    margin-left: 15px;
}

#navMega div.megamenu .m2 ul {
    max-width: 160px;
}

#navMega div.megamenu ul li.m1 ul li.m2 ul {
    margin-left: 10px;
}


#navMega ul li.category > a, #navMega ul li.category > span {
    background-color: transparent !important;
    color: #88B500;
    
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    line-height: 150%;
}

/* level 2 list */
#navMega div.megamenu {
    clear: both;
    float: left;
    list-style: none outside none;
    min-height: 200px;
    position: absolute;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 39%, #dcf889 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(39%, #ffffff), color-stop(100%, #dcf889));
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 39%, #dcf889 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #ffffff 39%, #dcf889 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 39%, #dcf889 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 39%, #dcf889 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcf889', GradientType=0 );
    /*schatten*/
    -webkit-box-shadow: 0px 10px 18px -9px rgba(0,0,0,0.95);
    -moz-box-shadow: 0px 10px 18px -9px rgba(0,0,0,0.95);
    box-shadow: 0px 10px 18px -9px rgba(0,0,0,0.95);
    display: none;
    margin: 0;
    padding: 15px;
    width: 100%;
    top: 30px;
    left: 0px;
    margin-left: 0px!important;
    border-bottom: solid 1px #b4b4b4;
    /*  -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
        box-shadow: 0 1px 3px rgba(0, 0, 0, .3);*/
    z-index: 999;
}

    #navMega div.megamenu a {
        padding: 0px 0px;
    }

    #navMega div.megamenu.col2 {
        width: 370px;
    }

    #navMega div.megamenu.col3 {
        width: 555px;
    }

#navMega ul {
    margin: 0;
    padding: 0;
}

#navMega div.megamenu > ul {
    float: left;
    width: 20%;
    min-height: 100px;
}

#navMega li.m1 {
    margin-right: 10px !important;
    max-width: 175px;
}

/* dropdown */
#navMega li:hover > div.megamenu {
    display: block;
}

#navMega ul li {
    float: none;
    margin: 0;
    padding: 0;
}

#navMega ul a {
    font-weight: normal;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .9);
}
/* level 3+ list */
#navMega ul ul {
    left: 181px;
    top: -3px;
}

/* clearfix */
#navMega:after {
    /*  content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;*/
}

#navMega {
    display: inline-block;
}

html[xmlns] #navMega {
    display: block;
}

* html #navMega {
    height: 1%;
}
.notVisible {
    display: none;
}

.displayInlineBlock{
    display: inline-block;
}

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

.headerrow, .bold {
font-weight: bold;
}

.tdAlignTop {
    vertical-align: top !important;
}

ul.mainlinks {
    list-style-type: none;
}

.RoundPanelHeader, TitlePanelHeader {
    clear: both;
}

.mainlinks li {
    float: right;
    list-style-type: none;
    padding: 0px 7px 0px 7px;
    border-left: 1px solid #000000;
    font-size: 10px;
    color: #000000;
}

    .mainlinks li a {
        color: #000000;
        text-decoration: none;
    }

    .mainlinks li.firstnav {
        border-left: none;
    }

a.keepFormat {
    color: inherit;
    text-decoration: inherit;
}

.ButtonControls {
    padding-top: 2px;
}

    .ButtonControls > table {
        padding-top: 2px;
        padding-bottom: 5px;
    }

    .ButtonControls > table {
        float: left;
        padding-right: 5px;
    }

.ProductNodeTable td.Label {
    vertical-align: top;
}

.UpdateProgressPanel {
    padding-left: 5px;
    padding-top: 10px;
}

span.DefaultUpdateProgress div.DefaultUpdateProgressTemplate {
    display: inline;
}

.ClearBoth {
    clear: both;
}

div.DefaultCollapsiblePanel,
div.DefaultCollapsiblePanelColl {
min-height: 50px;
}

div.DefaultCollapsiblePanel div.header div.title,
div.DefaultCollapsiblePanelColl div.header div.title {
float: left;
}

div.DefaultCollapsiblePanel div.header,
div.DefaultCollapsiblePanelColl div.header{
clear: both;
display: block;
}

div.DefaultCollapsiblePanel div.content,
div.DefaultCollapsiblePanelColl div.content{
clear: both;
display: block;
}

div.controlCollapse {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 2px;
    cursor: pointer;
    font-size: 18px;
}

div.controlExpand {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 2px;
    cursor: pointer;
    font-size: 18px;
}

/*****************************************
 Logo
 *****************************************/
@media (max-width: 575px) {
    a#Logo,
    img.Logo {
        width: 100%
        /*
        transform: scale(0.75, 0.75);
        -ms-transform: scale(0.75, 0.75);
        -webkit-transform: scale(0.75, 0.75);
            */
    }
}

@media (max-width: 400px) {
    img.Logo {
        width: 100%
        /*
        transform: scale(0.5, 0.5);
        -ms-transform: scale(0.5, 0.5);
        -webkit-transform: scale(0.5, 0.5);
            */
    }
}




/*****************************************
 Panels
 *****************************************/
.InputFormPanel {
    padding-top: 10px;
}

div.RoundPanelContent > nav.dxbs-tabs
{
    padding-top: 5px;
}

div.TitlePanelContent > nav.dxbs-tabs {
    padding-top: 5px;
}


div.BsInputFormPanel div.input-group-prepend div.input-group-text {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 10px;
    
}

    div.BsInputFormPanel div.input-group-prepend div.input-group-text span.dxichCellSys {
        padding-top: 0px;
        padding-bottom: 0px;
    }


table.RadioTable td.Attributes {
    padding-bottom: 10px;
}

.InputRegionTable th, .InputRegionTableFull th {
    font-weight: normal;
    padding-right: 5px;
    padding-top: 2px;
    text-align: right;
    vertical-align: top;
}


.InputFormPanel > .ButtonsPanel, .InputFormInnerPanel > .ButtonsPanel {
    margin-left: 150px;
}

.InputFormGridPanel {
    clear: both;
}

    .InputFormGridPanel .ButtonsPanel {
        padding-top: 2px;
        padding-bottom: 5px;
    }

.ButtonControlsRight {
    clear: both;
}

.InputFormPanel .RightButtonsPanel, .InputFormInnerPanel .RightButtonsPanel {
    text-align: right;
}

.ButtonControls {
    float: left;
}

.RightButtonControls {
    float: right;
}

.ButtonControls .SaveButton, .ButtonControls .ResetButton, .ButtonControls .AddButton, .ButtonControls .CancelButton, .ButtonControls .DefaultButton, .ButtonControls .ExportButton {
    margin-right: 5px;
}

.NavigationLinkPanel {
    margin-top: 5px;
    margin-bottom: 5px;
}

li.dxnb-itemSelected span.dx-vam {
    font-weight: bold;
}

.DefaultHeaderPanel {
    font-weight: bold;
}

.DefaultContentPanel {
    padding-bottom: 10px;
}


div.Header > div.HeaderPanel {
    padding-top: 20px;
    font-size: 150%;
    padding-bottom: 5px;
}

div.SubHeader > div.HeaderPanel {
    font-size: 130%;
}


div.SubHeader > div.ContentPanel,
div.Header > div.ContentPanel {
    padding-bottom: 10px;
}



.ListViewItemPanel a {
    line-height: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #000000;
    display: block;
}


    .ListViewItemPanel a i {
        font-size: 30px;
    }

    .ListViewItemPanel a span.fa-layers {
        font-size: 30px;
    }

.SectionHeaderPanel {
    font-size: 20px;
    padding-top: 30px;
}

.SectionContentPanel {
    padding-top: 10px;
}

/*****************************************
 Grid
 *****************************************/
tr.DataRowInactive td {
    background-color: #e0e0e0;
}

tr.DataRowInactiveST td {
    background-color: #e0e0e0;
    text-decoration: line-through;
}


/*****************************************
 Bootstrap
 *****************************************/

i.fas, i svg.svg-inline--fa, i.far, i.fal, button.btn-link {
    color: #606060;
}

i.HintGlyphIconInline {
    font-size: larger;
}

button i.fas, button i.far, button i.fal, button i.fab, button svg.svg-inline--fa {
    margin-right: 5px;
    font-weight: normal;
    color: inherit;
}

a.command_delete i.fa-times,
a.command_delete i svg.fa-times {
    color: red;
}

nav.navbar, ol.breadcrumb {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-color: transparent;
}

    ol.breadcrumb a, div.ListViewItemPanel a.Link {
        color: black;
        text-decoration: none;
    }

div.alert i, div.alert svg
{
    font-size: larger;
    padding-right: 5px;
}



div.alert-warning i.fas, 
div.alert-warning i.far, 
div.alert-warning i.fal,
div.alert-warning i svg.svg-inline--fa
{
    color: rgb(83, 63, 3);
}

label.MainLabel, span.MainLabel 
{
font-weight: 500;
}

div.ButtonControls.btn-grp {
    padding-top: 5px;
    padding-bottom: 5px;
    float: none;
}

div.ButtonControls button.btn {
    font-size: 12px;
}

button i.fas, button i.far, button i.fal {
    font-size: larger;
    color: inherit;
}

span.ControlHintText b {
font-weight: bolder;
}


span.ControlHintText ol, span.ControlHintText ul{
     padding-left: 20px;
}


span[valueControl="true"] {
    padding-top: 7px;
    padding-bottom: 7px;
}

a[valueControl="true"] {
    padding-top: 7px;
    padding-bottom: 7px;
}


@media print {
    .hidden-print {
        display: none !important;
    }
}





/*****************************************
 qualification pages
 *****************************************/
div.QualificationBBType > div.HeaderPanel {
    font-size: larger;
    font-weight: bold;
    border: 1px solid black;
    padding: 5px;
    padding-left: 10px;
}

div.QualificationBBType div.HeaderPanel{
    padding-top: 10px;
}

div.QualificationBBType {
    padding-bottom: 10px;
}

div.QualificationBBDetail {
    padding-left: 10px;
}

div.QualificationBBDetail .HeaderPanel {
    font-size: larger;
}

div.QualificationBBConnection .HeaderPanel
{
    border-bottom: 1px solid black;
}
div.QualificationBBConnection ul{
    padding-left: 40px;
}
@media (max-width: 575px) {
  .hidden-xs,
  tr.hidden-xs,
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}


@media (max-width: 767px) {
    .hidden-sm,
    tr.hidden-sm,
    th.hidden-sm,
    td.hidden-sm {
        display: none !important;
    }
}


div.container-no-gutters {
    padding-left: 0px;
    padding-right: 0px;
}


.btn-danger:not(:disabled):not(.disabled).active {
    box-shadow: 0 0 0 .2rem rgba(220,53,69,.5);
}
.btn-success:not(:disabled):not(.disabled).active {
    box-shadow: 0 0 0 .2rem rgba(40,167,69,.5);
}

.col-form-label.dxeButtonEditSys {
    padding-top: 0px;
    padding-bottom: 0px;
}

h4.alert-heading
{
    font-size: 130%;
    font-weight: bold;
    margin-bottom: 5px;
}@media (max-width: 575px) {
    div.DefaultWizardStepPanel td.StepNumber,
    div.DefaultWizardStepPanel td.ActiveStepNumber {
        display: none !important;
    }
}

@media (max-width: 575px) {
    div.DefaultWizardStepPanel td.StepNumber,
    div.DefaultWizardStepPanel td.ActiveStepNumber {
        display: none !important;
    }
}

@media (max-width: 480px) {
    div.DefaultWizardStepPanel td.StepText,
    div.DefaultWizardStepPanel td.ActiveStepNumber {
        display: none !important;
    }
}




.DefaultWizardStepPanel tr.ProgressRow td {
    font: 13px/13px;
    color: #525252;
}

.DefaultWizardStepPanel h2 {
    padding-top: 10px;
    padding-bottom: 5px;
}

.DefaultWizardStepPanel table.Navigation {
    margin-bottom: 40px;
}

.DefaultWizardStepPanelNoPadding table.Navigation {
    margin-bottom: 20px;
}


div.WizardButtonPanel div.ResetButton {
    float: left;
}

.DefaultPaymentSummaryPanel, .DirectDebitInputPanel {
    padding-left: 38px;
    padding-bottom: 10px;
}

.ProgressRow .StepNumber {
    padding-left: 10px;
}

.RadioTable .RadioDescription {
    padding-bottom: 5px;
}

.RelationDescription {
    padding-bottom: 5px;
}

.ProductNodeCaptionPanel {
    font-size: 20px;
    border-bottom: solid 1px #ececec;
    padding-top: 30px;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.DefaultProductNodePanel {
    padding-bottom: 5px;
}

    .DefaultProductNodePanel table.Product td.Description {
        padding-right: 100px;
    }

.SimplePhoneNumberSelectionPanelTop .AvailablePhoneNumbersPanel, .SimplePhoneNumberSelectionPanel .AvailablePhoneNumbersPanel {
    padding-top: 10px;
}


div.PhoneNumberTransferSelectionDisallow span {
font-size: bold;
}
.labelNoAmount
{
display: inline-block;
margin-bottom: .5rem;
}


.LoginOrCreateCustomerInputPanel {
    width: 70%;
}

.ProductNodeCaptionPanel span {
    font-size: 20px;
}


.OptionProductNodeCaptionPanel {
    font-size: 16px;
    padding-top: 12px;
    margin-bottom: 5px;
border-bottom: solid 1px #ececec;
}

    .OptionProductNodeCaptionPanel span {
        font-size: 16px;
    }

.ProductAttributesCaptionPanel {
    padding-top: 20px;
    border-bottom: solid 1px #ececec;
    padding-bottom: 2px;
    margin-bottom: 5px;
}

table.LabelAndControlTable .Label {
    border-bottom: solid 1px #CCCCCC;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

    table.LabelAndControlTable .Label span {
        font-size: 20px;
    }

table.LabelAndControlTable .Value {
    padding-top: 10px;
}

.ProductNodeTable div.bw2html {
    width: 100%;
}

    .ProductNodeTable div.bw2html p.header1 {
        width: 100%;
        color: black;
        line-height: 18px;
        font-size: 20px;
        border-bottom: 1px solid #ECECEC;
        padding-top: 30px;
        padding-bottom: 15px;
        margin-bottom: 10px;
    }

    .ProductNodeTable div.bw2html p.header2 {
        color: black;
        line-height: 18px;
        font-size: 16px;
        padding-top: 10px;
    }



.DefaultMultipleProductNodePanelChild {
    padding-bottom: 10px;
}

.ProductNodeTable td.price, .RadioTable td.RadioAmount {
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    vertical-align: text-top;
}


.ProductNodeTable td.priceNoAmount {
    vertical-align: text-top;
}


.DefaultWizard {
    border: solid 1px #cccccc;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

    .DefaultWizard .WizardStepCaption {
        padding-bottom: 20px;
        font-size: 25px;
        line-height: 25px;
        padding-top: 5px;
        border-bottom: solid 1px #ececec;
        margin-bottom: 20px;
    }

    .DefaultWizard > tbody > tr > td {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }

div.ShoppingList {
    border: 1px solid #dddddd;
    background-color: #f7f7f7;
    width: 100%;
    margin-right: 10px;
    padding-bottom: 11px;
    border-radius: 0px 11px 11px 11px;
}



    div.ShoppingList div.Caption {
        padding: 10px 15px;
        background-color: #c6c3c6;
        min-height: 50px;
        border-bottom: 1px solid #C0C0C0;
        border-radius: 0px 11px 0px 0px;
    }

        div.ShoppingList div.Caption .Text {
            font-size: 19px;
        }

        div.ShoppingList div.Caption .SubText {
            display: block;
            font-size: smaller;
        }


    div.ShoppingList div.bw2html-imageonly {
        text-align: center;
    }

    div.ShoppingList div.CatalogText div.bw2html-imageonly {
        padding-right: 15px;
    }

    div.ShoppingList div.Totals,
    div.ShoppingList div.Recurring,
    div.ShoppingList div.DomainDetails,
    div.ShoppingList div.OneTime {
        /* */
    }

        div.ShoppingList div.Totals div.HeaderPanel,
        div.ShoppingList div.Recurring div.HeaderPanel,
        div.ShoppingList div.DomainDetails div.HeaderPanel,
        div.ShoppingList div.OneTime div.HeaderPanel {
            padding: 10px 15px;
            font-weight: bold;
            font-size: 15px;
            background-color: #efefef;
        }



    div.ShoppingList div.CatalogText,
    div.ShoppingList div.Totals {
        background-color: #F6F6F6;
    }

    div.ShoppingList div.CatalogText,
    div.ShoppingList div.Totals,
    div.ShoppingList div.Recurring,
div.ShoppingList div.DomainDetails,
    div.ShoppingList div.OneTime {
        font-size: 13px;
        padding-bottom: 10px;
    }

        div.ShoppingList div.CatalogText,
        div.ShoppingList div.CustomerIdent,
        div.ShoppingList div.Customer,
        div.ShoppingList div.Totals table.Totals td.Text,
        div.ShoppingList div.Totals table.Totals td.ContractText,
        div.ShoppingList div.Recurring table.Recurring td.Text,
        div.ShoppingList div.DomainDetails table.Domains td.DomainName,
        div.ShoppingList div.OneTime table.OneTime td.Text {
            padding-left: 15px;
  padding-right: 5px;
        }

    div.ShoppingList div.Customer {
        padding-bottom: 5px;
    }

    div.ShoppingList div.Totals table.LabelAndControlTable td {
        font-size: 13px;
        padding-left: 15px;
        padding-right: 10px;
        padding-bottom: 10px;
    }

    div.ShoppingList div.Totals table.Totals td.TotalAmount,
    div.ShoppingList div.Recurring table.Recurring td.Amount,
    div.ShoppingList div.DomainDetails table.Domains td.Amount,
    div.ShoppingList div.OneTime table.OneTime td.Amount {
        padding-right: 10px;
        padding-left:  5px;
        font-weight: bold;
        text-align: right;
        vertical-align: text-top;
    }

    div.ShoppingList div.DomainDetails table.Domains td.DomainName a.removeDomain {
        color: #333;
        text-decoration: none;
        padding-left: 15px;
    }

    div.ShoppingList div.Totals table.Totals tr td,
    div.ShoppingList div.Recurring table.Recurring tr td,
    div.ShoppingList div.DomainDetails table.Domains tr td,
    div.ShoppingList div.OneTime table.OneTime tr td {
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: solid 1px white;
    }

        div.ShoppingList div.Totals table.Totals tr td.ContractText {
            padding-top: 2px;
            padding-bottom: 5px;
            border-top: none;
        }

    div.ShoppingList div.Recurring,
    div.ShoppingList div.DomainDetails,
    div.ShoppingList div.OneTime {
        border-top: solid 1px white;
    }


@media (max-width: 767px) {
    .DefaultWizard {
        border: 1px solid #dddddd;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px;
    }

        .DefaultWizard > tbody > tr > td {
            padding-top: 5px;
            padding-bottom: 5px;
            padding-left: 10px;
            padding-right: 10px;
        }
    
}


table.Product td.Amount {
    vertical-align: top;
}


.Product div.Amount i {
padding-left: 3px;
font-size: 20px;
}



td.RegistrationInUse {
    padding-top: 10px;
}

    td.RegistrationInUse span {
        color: #FF0000;
    }

div. div.header {
    border-bottom: 1px solid #c0c0c0;
}


div.DomainRegistrationPanel div.HCPanelHeader {
    border-bottom: 1px solid #c0c0c0;
font-weight:bold;
margin-bottom: 10px;
}

div.DomainRegistrationDomains div.Available div.DomainName,
div.DomainRegistrationDomains div.Available div.Availability,
div.DomainRegistrationDomains div.Available div.Price {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (max-width: 480px) {
div.DomainRegistrationDomains div.headerrow div.DomainName,
div.DomainRegistrationDomains div.headerrow div.Availability,
div.DomainRegistrationDomains div.headerrow div.Price,
div.DomainRegistrationDomains div.Available div.DomainName,
div.DomainRegistrationDomains div.Available div.Availability,
div.DomainRegistrationDomains div.Available div.Price {
font-size: smaller;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 2px;
padding-right: 2px;
}
}


div.DomainRegistrationDomains div.Available div.Selection,
div.DomainRegistrationDomains div.Unavailable div.Selection{
text-align: right;
padding-right: 0px;
}

i.DomainRegGlyph {
    padding-right: 3px;
}

i.DomainRegGlyphBasket {
    color: #6A8A15;
}

div.DomainRegistrationDomains div.Unavailable div.DomainName span,
div.DomainRegistrationDomains div.Unavailable div.Availability span {
    color: #CC0000;
}

div.DomainRegistrationDomains div.Unavailable div.DomainName,
div.DomainRegistrationDomains div.Unavailable div.Availability,
div.DomainRegistrationDomains div.Unavailable div.Price {
    padding-top: 10px;
    padding-bottom: 10px;
}

div.DomainRegistrationAuthCodePanel {
    padding-top: 10px;
    padding-left: 50px;
}

table.AliasDomainsTable tr td {
    padding-bottom: 5px;
    vertical-align: top;
}

table.CustomerWebOrderPanelTable tr td,
table.CustomerWebOrderPanelTable tr th {
    vertical-align: top;
}

table.CustomerWebOrderPanelTable tr .indent1 {
    padding-left: 0px;
}

table.CustomerWebOrderPanelTable tr .indent2 {
    padding-left: 0px;
}

table.CustomerWebOrderPanelTable tr .indent3 {
    padding-left: 0px;
}

table.CustomerWebOrderPanelTable tr .indent4 {
    padding-left: 0px;
}


table.CustomerWebOrderPanelTable tr th {
text-align: left;
}

table.CustomerWebOrderPanelTable tr.groupTotal th {
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    font-weight: normal;
    font-size: 16px;
text-align: left;
}

table.CustomerWebOrderPanelTable tr.grandTotalBilling th {
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    font-size: 16px;
text-align: left;
}

table.CustomerWebOrderPanelTable tr.grandTotal th {
}

table.CustomerWebOrderPanelTable tr.grandTotalVAT th,
table.CustomerWebOrderPanelTable tr.grandTotal th {
    padding-top: 20px;
    font-weight: normal;
text-align: left;
    font-size: 16px;
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
}

table.CustomerWebOrderPanelTable tr.groupHeader th {
    padding-top: 20px;
    font-weight: normal;
text-align: left;
    font-size: 16px;
    border-bottom: 1px solid #C0C0C0;
}

table.CustomerWebOrderPanelTable tr.detail th.caption {
    font-weight: normal;
text-align: left;
}

table.CustomerWebOrderPanelTable tr.priceheading th.amount,
table.CustomerWebOrderPanelTable tr.priceheading th.period,
table.CustomerWebOrderPanelTable tr.priceheading th.amountTotal,
table.CustomerWebOrderPanelTable tr.detail td.amount,
table.CustomerWebOrderPanelTable tr.detail td.period,
table.CustomerWebOrderPanelTable tr.detail td.period span,
table.CustomerWebOrderPanelTable tr.detail td.amountTotal,
table.CustomerWebOrderPanelTable tr.groupTotal th.amount,
table.CustomerWebOrderPanelTable tr.grandTotal th.amount,
table.CustomerWebOrderPanelTable tr.grandTotalVAT th.amount,
table.CustomerWebOrderPanelTable tr.grandTotalVAT th.amountTotal,
table.CustomerWebOrderPanelTable tr.grandTotalBilling th.amount,
table.CustomerWebOrderPanelTable tr.grandTotalBilling th.amountTotal,
table.CustomerWebOrderPanelTable tr.grandTotal th.amountTotal {
    text-align: right !important;
}

    table.CustomerWebOrderPanelTable tr.detail th.caption span.captionGrace,
    table.CustomerWebOrderPanelTable tr.detail td.period span.periodGrace,
    table.CustomerWebOrderPanelTable tr.detail td.amountTotal span.amountGrace {
        color: #cc0000;
    }

table.CustomerWebOrderPanelTable tr.pricingcondition th {
    padding-bottom: 20px;
}

div.currentShoppingCart tr.grace td {
color: #cc0000;
}
ul.dxnbLite_MaterialCompact .dxnb-item.dxnb-link, ul.dxnbLite_MaterialCompact li.dxnb-item a.dxnb-link, ul.dxnbLite_MaterialCompact a.dxnb-bullet.dxnb-link 
{
padding-right: 5px;
}

div.BsInputFormPanel div.dxtc-content
{
overflow: visible;
}

.DefaultWizardStepPanel
{
border-width: 0px;
padding: 0px;
}

.DefaultWizardStepPanel tr.ProgressRow
{
border: solid 1px #CCCCCC;
height: 30px;
}

.DefaultWizardStepPanel .ProgressRow .ActiveStepsLead,
.DefaultWizardStepPanel .ProgressRow .ActiveStepsEnd,
.DefaultWizardStepPanel .ProgressRow .ActiveStepNumber,
.DefaultWizardStepPanel .ProgressRow .ActiveStep
{
background-color: #FFFFFF;
}

.DefaultWizardStepPanel .ProgressRow .StepsLead,
.DefaultWizardStepPanel .ProgressRow .StepsEnd,
.DefaultWizardStepPanel .ProgressRow .StepNumber,
.DefaultWizardStepPanel .ProgressRow .Step
{
background-color: #ECECEC;
}



.DefaultWizardStepPanel .ProgressRow .TotalStepCnt2
{
min-width: 48%;
}
.DefaultWizardStepPanel .ProgressRow .TotalStepCnt3
{
min-width: 30%;
}
.DefaultWizardStepPanel .ProgressRow .TotalStepCnt4
{
min-width: 22%;
}
.DefaultWizardStepPanel .ProgressRow .TotalStepCnt5
{
min-width: 16%;
}

tr.dxgvDataRow_Moderno i.fa, td.GridCustomization i.fa, .imglink i.fa {
    color: #606060;
    font-size: 14px;
}
tr.dxgvDataRow_Moderno td.dx-ac i.fa-check {
    color: #00AA00;
}


tr.dxgvDataRow_Moderno i.fa-times, i.fa-times {
    color: red;
}

tr.dxgvDataRow_Moderno i.fa-plus-square, span.glyphicon-plus {
    color: green;
}

tr.dxgvDataRow_Moderno i.fa-pencil {
    color: #606060;
}


.DefaultWizardStepPanel .Navigation td.StepsLead
{
/* background-image: url('./../../App_Themes/moderno/images/progress-big/start-i.png');*/
background-repeat: no-repeat;
width: 5px;
}

.DefaultWizardStepPanel .Navigation td.ActiveStepsLead
{
/* background-image: url('./../../App_Themes/moderno/images/progress-big/start-a.png');*/
background-repeat: no-repeat;
width: 5px;
}

.DefaultWizardStepPanel .Navigation td.StepsEnd
{
/*background-image: url('./../../App_Themes/moderno/images/progress-big/end-i.png');*/
background-repeat: no-repeat;
width: 5px;
}

.DefaultWizardStepPanel .Navigation td.ActiveStepsEnd
{
/*background-image: url('./../../App_Themes/moderno/images/progress-big/end-a.png'); */
background-repeat: no-repeat;
width: 5px;
}

.DefaultWizardStepPanel .Navigation td.ActiveStepNumber
{
/*background-image: url('./../../App_Themes/moderno/images/progress-big/number-a.png');*/
    background-repeat: no-repeat;
text-align: center;
width: 22px;
}

.DefaultWizardStepPanel .Navigation td.StepNumber
{
background-repeat: no-repeat;
text-align: center;
}

.DefaultWizardStepPanel .Navigation td.ActiveStep
{

}

.DefaultWizardStepPanel .Navigation td.ActiveStepLower
{
background-repeat: no-repeat;
height: 7px;
}



.DefaultWizardStepPanel .Navigation td.Step
{
padding-left: 2px;
padding-right: 2px;
background-repeat: repeat-x;
}

.DefaultWizardStepPanel .Navigation td.SepStepActiveInactive
{
width: 16px;
min-width: 16px;
background-image: url('./../../App_Themes/moderno/../default/images/progress/seperator-ai.png');
background-position: 0px 50%;
background-repeat: no-repeat;
}

.DefaultWizardStepPanel .Navigation td.SepStepInactiveInactive
{
width: 16px;
min-width: 16px;
background-image: url('./../../App_Themes/moderno/../default/images/progress/seperator-ii.png');
background-position: 0px 50%;
background-repeat: no-repeat;
}
.DefaultWizardStepPanel .Navigation td.SepStepInactiveActive
{
width: 16px;
min-width: 16px;
background-image: url('./../../App_Themes/moderno/../default/images/progress/seperator-ia.png');
background-position: 0px 50%;
background-repeat: no-repeat;
}

.InputFormPanel .ButtonsPanel, .InputFormInnerPanel .ButtonsPanel
{
margin-left: 150px;
}


div.RoundPanelHeaderGrid
{
color: #949494;
font-size: 14px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
background-color: #fafafa;
border: 1px solid #d9d9d9;
    border-radius: 4px 4px 0 0;
border-bottom: 0px;
}



div.RoundPanelHeader
{
color: #949494;
font-size: 14px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
background-color: #fafafa;
border: 1px solid #d9d9d9;
    border-radius: 4px 4px 0 0;
}

div.TitlePanelHeader
{
color: #000000;
background-color: rgb(238, 238, 238);
border: solid 1px rgb(223, 223, 223);
font-size: 14px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}

div.TitlePanelContent
{
padding-top: 5px;
padding-bottom: 5px;
border-top: 0px;
}


div.RoundPanelContent
{
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid #d9d9d9;
border-top: 0px;
}
div.RoundPanelContentGrid {

}

img.HintImageIconInline
{
margin-left: 3px;
}
i.HintGlyphIconInline
{
margin-left: 3px;
}

td.tdButtonBesidesInput
{
padding-top: 2px;
}

span.ControlHintLabel
{
font-weight: bold;
display:block;
margin-bottom: 5px;
border-bottom: dotted silver 1px;
}
body {
    font: 18px "FSLola", Georgia, Times, "Times New Roman", serif;
    color: -webkit-var(copygray);
    color: -moz-var(copygray);
    color: -ms-var(copygray);
    color: -o-var(copygray);
    color: var(copygray);
    color: @copygray;
    margin: 0;
    background-color: #ffffff;
}


.header a:link, .header a:visited, .header a:active, .header a:hover {
    color: #003e47;
}

.header {
    padding-top: 10px;
    margin: 0 auto;
    max-width: 1920px;
}

.ContentArea {
    max-width: 1920px;
}

a:link, a:visited, a:active, a:hover {
    text-decoration: underline;
    color: #0091ae;
}

a.GridLink:link, a.GridLink:visited, a.GridLink:active, a.GridLink:hover {
    text-decoration: underline;
    color: rgb(72, 72, 72) !important;
}


.bold, .Bold {
    font-family: "FSLola", Georgia, Times, "Times New Roman", serif;
}

span.dxeBase, span.dxeBase_Moderno, label, a, .GroupHeader, .StaticText, .TextCell, .Layout .Caption, div span, div.dxpnlControl {
    font-family: "FSLola", Georgia, Times, "Times New Roman", serif !important;
}

    a.glyphicon, span.glyphicon {
        font-family: 'Glyphicons Halflings' !important;
    }




div.pagediv {
    margin-left: auto;
    margin-right: auto;
}

a#Logo, img.Logo {
      max-width: 80px;
}

.boxshadow {
    box-shadow: 10px 0 35px 0px rgba(160, 160, 160, 0.2), -10px 0 35px 0px rgba(160, 160, 160, 0.2);
    moz-box-shadow: 10px 0 35px 0px rgba(160, 160, 160, 0.2), -10px 0 35px 0px rgba(160, 160, 160, 0.2);
    webkit-box-shadow: 10px 0 35px 0px rgba(160, 160, 160, 0.2), -10px 0 35px 0px rgba(160, 160, 160, 0.2);
    border-width: 0px;
    border-color: #CCC;
    padding: 0px !important;
    background-color: #FFF;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#A0A0A0', Direction=90, Strength=10) progid:DXImageTransform.Microsoft.Shadow(color='#A0A0A0', Direction=270, Strength=10);
}


@media (min-width: 980px) {
    .boxshadow {
        min-width: 980px;
        width: calc(100% - 100px);
        max-width: 1600px;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
    }
}

.languages {
    padding-left: 10px;
}

    .languages .caret {
        margin-left: 10px;
    }

header a:link, header a:visited, header a:active {
    color: #d2e9f1;
    text-decoration: none;
}

#Metanav > div.row > div {
    padding-top: 20px;
}

#Metanav .list-inline li:first-child {
    border-left: solid 0px #ffffff;
}

#Metanav .list-inline li {
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #C0C0C0;
    padding-right: 10px;
}


#Metanav2 .list-inline li {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #C0C0C0;
    padding-left: 8px;
    padding-right: 10px;
}

    #Metanav2 .list-inline li:first-child {
        border-left: none;
    }

#Metanav .list-inline a {
    line-height: 1;
}

/*
.PaymentLink a span {
    color: #0091ae;
}*/

#navdiv, #MenuH {
    box-sizing: border-box; /*it gives error:Validation (CSS 2.1): 'box-sizing' is not a known CSS property name. */
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

th.label label {
    color: @copygray;
}


.dropdown-item.active, a.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #003e47;
}

/*
footer .pagefooter::before {
    

}*/

footer {
    margin: 0 auto;
    max-width: 1920px;
}
footer .Normal {
    color: white;
}

    footer .pagefooter {
        background-color: #003e47;
        color: white;
        padding-top: 10px;
        padding-bottom: 50px;
        margin-top: -1px;
    }


.footerwave {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 320 36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23003e47' d='M0 36V0c14.7 7.5 29.4 16 52.8 16.6 21.6.6 36.5-5.1 56.5-6.4 28.5-4.5 48.3 3.5 67.6 11.4 15.7 6.5 30.9 12.9 50.2 12.5 44.8-.9 58-19.9 92.9-28.2V36H0z'/%3E%3C/svg%3E");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: calc(100% + 2px) auto;
    height: 200px;
    top: -199px;
}


@media (min-width: 768px) {
    .footerwave {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 768.3 76' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23003e47' d='M768 76s.6-52.8 0-53.3c-51.2 17-94.9-1.1-158.1 7.6-70.8 9.7-88.6 42.8-170 43.4-32.4.2-58.1-9.6-84.5-19.5C323 42 289.5 29.8 241.7 36c-33.5 1.7-58.5 9.9-94.7 8.7C80 42.5 57.3 9.9 0 0v76h768z'/%3E%3C/svg%3E");
    }
}

@media (min-width: 992px) {
    .footerwave {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 1920 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23003e47' d='m1920,200l0,-164.12c-18.72,13.92 -35.16,23.28 -64.56,37.68c-117,57.12 -203.64,11.16 -340.68,30c-137.04,18.84 -171.48,82.8 -329.04,84c-62.64,0.48 -112.44,-18.6 -163.56,-37.8c-62.64,-23.52 -127.32,-47.28 -219.84,-35.16c-64.8,3.24 -113.16,19.2 -183.24,16.8c-129.72,-4.32 -173.76,-67.32 -284.64,-86.52c-39.72,-6.96 -82.2,-6 -124.56,-5.04c-75.96,1.8 -151.56,1.48 -209.88,-41.84l0,202l1920,0zZ'/%3E%3C/svg%3E");
    }
}

.col-claim {
    padding-left: 50px;
}
.claim__piece {
    font-weight: 600;
    font-size: 27px
}


footer .list-group, footer .list-group-item {
    padding: 0px;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
}

footer .list-group-item {
    line-height: 1;
}

footer .list-group {
    margin-bottom: 0px;
}


footer a:link, footer a:active, footer a:visited {
    color: white;
    text-decoration: none;
}

footer h5 {
    font-size: 18px;
    padding-bottom: 15px;
}

footer #F2_2 ul li:first-child {
    border-left: solid 0px transparent;
    padding-left: 0px;
}

footer #F2_2 ul li {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #ffffff;
    padding-left: 10px;
}

footer #F2_2 {
    padding-bottom: 20px;
}

footer .list-group, footer .list-group-item {
    padding: 0px;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
}

footer .list-group-item {
    line-height: 1;
}

footer .list-group {
    margin-bottom: 0px;
}

span.glyphicon {
    color: #606060;
}

span.glyphicon-remove {
    color: red;
}

span.glyphicon-pencil {
    color: #606060;
}

.linklist {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: -1;
}

.linkitem {
    list-style: none;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}

#F1_2, #F1_3, #F1_4, #F1_5 {
    padding-top: 48px;
}

    #F1_2 a, #F1_3 a, #F1_4 a, #F1_5 a {
        line-height: 23px;
    }

#F1_1, #F2_1 {
    padding-left: 0px;
    margin-right: 30px;
}


#F2_2 li {
    float: left;
    padding-right: 10px;
}

.floatleft {
    float: left;
}

.Normal,
.normal,
strong, b,
.NormalBold,
.NormalRed {
    font-family: inherit;
    font-size: 100%;
}


#wizardchat a {
    padding-right: 20px;
}

.hotline {
    width: 120px;
}

    .hotline img {
        float: left;
    }

.hotline-claim {
    font: 11px/11px "FSLola", Georgia, Times, "Times New Roman", serif;
    color: #525252;
    display: block;
}

.hotline-number {
    font: 14px/14px "FSLola", Georgia, Times, "Times New Roman", serif;
    letter-spacing: 0.07em;
    color: #525252;
}



table.InputFormTable th.label {
    color: black !important;
    text-align: left;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

table.InputFormTable td.label {
    color: black !important;
    text-align: left;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

table.InputFormTable td.input {
    vertical-align: top;
    padding-top: 2px;
    padding-bottom: 2px;
}

    table.InputFormTable th.label span.dxeBase_Moderno,
    table.InputFormTable td.input span.dxeBase_Moderno {
        margin-top: 7px;
    }

table.InputFormTable th.label label.MainLabel,
table.InputFormTable th.label span.MainLabel,
table.InputFormTable td.label label.MainLabel,
table.InputFormTable td.label span.MainLabel {
    margin-top: 10px !important;
    display: block;
}



table.InputFormTable th.label {
    padding-left: 0px;
}


fieldset.InputRegionPanel, fieldset.InputFormTable {
    padding: 10px 5px 10px 5px;
    border: 1px solid #F0F0F0;
    border-top: 4px solid #F0F0F0;
}


    fieldset.InputRegionPanel legend, fieldset.InputFormTable legend {
        font-weight: bold;
        margin-left: 15px;
        padding-left: 5px;
        padding-right: 5px;
        background-color: transparent;
        width: auto;
    }

table.InputFormTable caption {
    text-align: left;
    padding-top: 5px;
    font-size: larger;
    font-weight: bold;
}

table.InputFormTable label {
    font-size: inherit;
}

.stoerermittel {
    width: 80px;
    height: 80px;
    text-transform: uppercase;
    -webkit-transform: rotate(350deg);
    -moz-transform: rotate(350deg);
    -o-transform: rotate(350deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -ms-transform: rotate(350deg);
    font-family: HelveticaNeueW02-55Roma;
    line-height: 120%;
    position: relative;
    top: -25px;
}

    .stoerermittel:after {
        content: "";
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        background: #CD1619;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .stoerermittel div {
        float: left;
        width: 100%;
        padding-top: 50%;
        line-height: 1em;
        margin-top: -1.8em;
        text-align: left;
        color: white;
        padding-left: 6px;
    }
h2
{
font-size: 23px;
color: #003e47;
line-height: 25px;
}

div.bw2html p {
    font-size: 14px;
}

div.bw2html p.header1, div.header1
{
color: #0091ae;
line-height: 25px;
font-size: 23px;
padding-top: 5px;
}

div.header1 span {
font-size: 23px;
color: #0091ae;
}

div.bw2html p.header2, div.header2 {
padding-top: 5px;
padding-bottom: 3px;
color: #0091ae;
line-height: 25px;
font-size: 18px;
}

div.header2 span {
font-size: 18px;
color: #0091ae;
}

div.bw2html p.header3, div.header3
{
padding-top: 5px;
padding-bottom: 3px;
}

div.bw2html .highlightcolor
{
    color: #444;
    font-weight: bold;
}

td.HintCellIcon
{
padding-left: 5px;
padding-top: 5px;
vertical-align: text-top;
}

div.bw2html ul {
    list-style-position: outside;
list-style-type: disc;
margin-left: 20px;
font-size: 14px;
}


.ModuleSiteMapPath
{
font-size: 11px;
display: block;
background-color:white;
padding-bottom: 5px;
}

div.divCenterOnly .ModuleSiteMapPath
{
margin-left: 15px;
margin-right: 15px;
}

div.divCenterOnly .MessageBoxPanel
{
margin-left: 25px;
margin-right: 25px;
} 

.ModuleSiteMapPath a:link,
.ModuleSiteMapPath a:visited,
.ModuleSiteMapPath a:active 
{ 
color:#4B4B4B;
text-decoration: none;
}
.ModuleSiteMapPath a:hover
{
text-decoration: none;
color: #c0c0c0;
}

label.RequiredPropertyLbl:after, span.RequiredPropertyLbl:after {
    content: ' *';
    display:inline;
}

div.TitlePanelHeader {
font-size: inherit;

}

div.ButtonControls button.btn {
font-size: inherit;
}


i.text_green, i.text_green svg {
color: #17C346;
}

i.text_orange, i.text_orange svg {
color: #F2A755;
}

i.text_red, i.text_red svg {
color: #F71A22;
}

i.text_silver, i.text_silver svg {
color: #BEBDBC;
}div.ListViewItemPanel {
min-height: 110px;
text-align: center;
margin: 0px 0px 0px 13px;
padding: 5px 5px 0px 5px;
float: left;
width: 130px;
font-size: 15px;
line-height: 22px;
}

div.ListViewItemPanel a {
line-height: 22px;
}

div.ListViewItemPanel:hover {
padding: 4px 4px 4px 4px;
background-color: #d2e9f1;
}

div.ListViewItemPanelHighLighted a.Link {
    color: rgb(106, 138, 21);
    font-weight:bold;
}

    div.ListViewItemPanelHighLighted a.Link i.fas, 
    div.ListViewItemPanelHighLighted a.Link i svg.svg-inline--fa {
        color: rgb(106, 138, 21);
    }


th.label span.MainLabel
{
min-width: 150px;
}

table.InputFormTable th.label {
vertical-align: top;
}


.ButtonsPanel
{
padding-bottom: 10px;
}

.DefaultRoundPanel, .RoundPanelGrid
{
padding-top: 10px;
}

div.HCPanelHeader
{
padding-top: 15px;
}


.RoundPanelContent, .PanelContent
{
padding-left: 5px;
padding-right: 5px;
}


.PageHeaderPanel 
{ 
    background-color: white;
clear: both;
}

.PageHeaderPanel .Icon 
{ 
    margin-right: 10px;
float:left;
}
.PageHeaderPanel .Text
{
font-size: 25px;
border-bottom: solid 1px #ececec;
vertical-align: baseline;
text-transform: none;
padding-top: 15px;
padding-bottom: 5px;
margin-bottom: 10px;
line-height: 30px;
}


.PageHeaderPanel .Description  
{
font-size: 13px;  
}
.PageHeaderPanel .SubtitleText  
{
font-size: 15px;  
    float: right; 
    margin-top: -28px;
    padding: 0px 10px 0px 0px;
}
.PageHeaderPanel .Footer  
{
min-height: 10px;
padding: 0px 0px 0px 0px;
}

.PageHeaderPanel .NoDescriptionFooter
{
min-height: 10px;
padding: 0px 0px 0px 0px;
}


div.RoundPanelHeaderHighlight
{
background-color: #ABD824;
}



.MessageBoxPanel
{
border-radius: 4px;
margin-top: 5px;
margin-bottom: 10px;
min-height: 35px;
}

.DefaultValidationSummary
{
    padding-left: 15px;
    padding-top: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.DefaultValidationSummary .label
{
    font-weight:bold;
}

.DefaultValidationSummary ul
{
    padding-left: 15px;
padding-bottom: 10px;
}

.DefaultValidationSummary .DefaultValidationAdditionalText
{
    padding-top: 20px;
}

.DefaultValidationSummary .DefaultValidationMessageOverride
{
    padding: 20px 0px 0px 0px;
}

.MessageBoxPanelWarn 
{
background-color: rgb(255, 255, 175);
    border: solid 1px rgb(255, 255, 100);
}
.MessageBoxPanelInfo
{
background-color: rgb(230, 230, 255);
    border: solid 1px rgb(200, 200, 255);
}

.MessageBoxPanelError, .DefaultValidationSummary, .NoBulletsValidationSummary
{
background-color: rgb(255, 230, 230);
    border: solid 1px rgb(255, 200, 200);

}

.MessageBoxPanel .Icon
{
    float: left;
padding-top: 7px;
    margin-left: 10px;
}

.MessageBoxPanel .Text
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 40px;
    vertical-align: top;
    display:block;
    
}

.DomainRegistrationPanel
{
padding-top: 25px;
}
.DefaultWizardStepPanel tr.ProgressRow td
{
font-size: 14px;
}

.ProductNodeTable td.price, .RadioTable td.RadioAmount {
font-weight: normal;
}
div.ShoppingList div.Caption
{
}

table.CustomerWebOrderPanelTable tr.groupHeader th {
font-weight: bold;
}

table.CustomerWebOrderPanelTable tr.grandTotal th {
font-weight: bold;
}

table.CustomerWebOrderPanelTable tr.groupHeader th,
table.CustomerWebOrderPanelTable tr.groupTotal th,
table.CustomerWebOrderPanelTable tr.detail th.caption,
table.CustomerWebOrderPanelTable tr.detail td.amount,
table.CustomerWebOrderPanelTable tr.pricingcondition td.pricingcondition {

font-size: 18px;
}

div.ShoppingList div.Totals div.HeaderPanel,
div.ShoppingList div.Recurring div.HeaderPanel,
div.ShoppingList div.DomainDetails div.HeaderPanel,
div.ShoppingList div.OneTime div.HeaderPanel
{
font-weight: normal;
font-size: 15px;
}


div.ShoppingList div.CatalogText,
div.ShoppingList div.Totals,
div.ShoppingList div.Recurring,
div.ShoppingList div.OneTime {
font-size: 14px;
padding-bottom: 10px;
}

div.ShoppingList div.Totals table.Totals td.TotalAmount,
div.ShoppingList div.Recurring table.Recurring td.Amount,
div.ShoppingList div.DomainDetails table.Domains td.Amount,
div.ShoppingList div.OneTime table.OneTime td.Amount  
{
font-weight: normal;
}



td.dxgv
{
vertical-align: top;
}

div.divLeft
{
padding-left:0px;
}
div.ContentArea div.divCenter
{
padding-right: 8px;
padding-left: 8px;
}


div.dxpnlControl
{
font-size: inherit;
}

div.dxbButton_Moderno,
div.dxeCalendarButton_Moderno,
div.dxtc-top,
div.dxtc-top ul,
div.dxtc-top ul li,
div.dxtc-content {
box-sizing: content-box;
}

span.dxeBase div.bw2html {

}

/* Pager */
div.dxtc-top 
{
   margin-bottom:5px;
}




li.dxnb-itemHover a.dxnb-link {

}



table.dxflAGSys
{
    font-size: 11px;
}

tr.dxgvFocusedRow_MaterialCompact td.dxgv {
background-color: #d2e9f1;
}

tr.dxgvFocusedRow_MaterialCompact td.dxgv,
tr.dxgvFocusedRow_MaterialCompact td.dxgv div a i.fas,
tr.dxgvFocusedRow_MaterialCompact td.dxgv div a i.far,
tr.dxgvFocusedRow_MaterialCompact td.dxgv div a i.fal {
color: #003e47;
}


.dxeToken_MaterialCompact {
display: inline-block;
background: #0091ae;
color: white;
float: left;
min-width: 30px;
margin-right: 2px;
margin-top: 2px;
margin-bottom: 2px;
border-radius: 15px;
}