.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.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;
    }

table.DomainRegistrationDomains tr.header {
    border-bottom: 1px solid #c0c0c0;
}

    table.DomainRegistrationDomains tr.header th {
        font-weight: bold;
    }


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

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

i.DomainRegGlyphBasket {
    color: #6A8A15;
}

table.DomainRegistrationDomains tr.Unavailable td.DomainName span,
table.DomainRegistrationDomains tr.Unavailable td.Availability span {
    color: #CC0000;
}

table.DomainRegistrationDomains tr.Unavailable td.DomainName,
table.DomainRegistrationDomains tr.Unavailable td.Selection,
table.DomainRegistrationDomains tr.Unavailable td.Availability {
    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.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;
}:root {
  --layout-max-width: 120rem;
  --container-max-width: 74.5rem;
  --content-max-width: 784px;
  --container-padding: 1.5rem;
  --gap: 2rem;
  --p-mb: 1.4375rem;
  --header-bar-height: 5rem;
  --transition-duration: .23s;
  --transition-timing-function: ease-out;
  --f-panton: "PantonLS", helvetica, arial, sans-serif;
  --c-black: #000;
  --c-black-light: #404040;
  --c-red: #b00020;
  --c-red-light: #efccd2;
  --c-petrol: #005e6e;
  --c-petrol-60: #6199a3;
  --c-petrol-30: #aac6cb;
  --c-petrol-20: #ccdfe2;
  --c-petrol-10: #e5eff0;
  --c-petrol-200: #337e8b;
  --c-greysky: #33525c;
  --c-greysky-60: #709faf;
  --c-greysky-30: #a9c5cf;
  --c-greysky-20: #d4e2e7;
  --c-dark-grey-30: #C9C9C9;
  --c-orange: #b03f19;
  --c-orange-60: #d08c75;
  --c-orange-30: #e7c5ba;
  --c-orange-20: #efd9d1;
  --c-white: #fff;
  --c-white-rgb: 255, 255, 255;
  --c-white-50: rgba(var(--c-white-rgb), .5);
  --c-black-rgb: 0, 0, 0;
  --c-black-05: rgba(var(--c-black-rgb), .05);
  --c-black-16: rgba(var(--c-black-rgb), .16);
  --c-text-medium: #404040;
  --c-text-light: #616161;
  --c-text-lighter: #e9e9e9;
  --border-primary: .0625rem solid #f1f1f1;
  --border-secondary: .0625rem solid var(--c-petrol-200);
  --border-tertiary: .125rem solid #c9c9c9;
  --c-primary: var(--c-black);
  --shadow400: 0 .25rem .875rem 0 var(--c-black-05)
}td.dxgv
{
vertical-align: top;
}

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;
}


/* navbar */
ul.dxnbLite_Moderno li.dxnb-gr div.dxnb-header,
ul.dxnbLite_Moderno li.dxnb-gr div.dxnb-headerCollapsed
{
font-size: 12px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 0px;
padding-right: 0px;

}

.dxnbLite_Moderno img.dxnb-btn
{
margin: 0 6px;
}

.dxeSpinIncButton_Moderno, div.dxeSpinDecButton_Moderno 
{
padding-top: 2px;
}


ul.dxnbLite_Moderno li.dxnb-gr  a.dxnb-link
{
padding-top: 4px;
padding-bottom: 4px;
padding-left: 16px;
padding-right: 0px;

}


ul.dxnbLite_Moderno li.dxnb-gr li.dxnb-item, 
ul.dxnbLite_Moderno li.dxnb-gr li.dxnb-itemSelected
{
font-size: 12px;
line-height: 12px;
}

ul.dxnbLite_Moderno
{
margin-top: -1px;
}



ul.dxnbLite_Moderno li.dxnb-gr li.dxnb-itemSelected span.dx-vam
{
font-weight: normal;
}

span.dxeBase div.bw2html {

}

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


table.dxeButtonEdit_Moderno
{
border-radius: 4px;
}

table.dxeTextBox_Moderno,
table.dxeMemo_Moderno
{
border-radius: 4px;
}


td.dxeButtonEditButtonHover_Moderno,
div.dxeSpinIncButtonHover_Moderno,
div.dxeSpinDecButtonHover_Moderno,
div.dxeSpinLargeIncButtonHover_Moderno,
div.dxeSpinLargeDecButtonHover_Moderno
{
border-radius: 0px 4px 4px 0px;
}
* {
  box-sizing: border-box;
}

.header {
top: calc(1.25rem + var(--wp-admin--admin-bar--height, 0px));
}

.header {
  left: 50%;
  z-index: 5;
  width: 100%;
  position: fixed;
  top: calc(.5rem + var(--wp-admin--admin-bar--height, 0px));
  transform: translate(-50%);
  padding-inline: var(--container-padding);
}

.header-wrapper {
display: grid;
    align-items: flex-start;
    padding-inline: 1.875rem;
    grid-template-areas:
"logo logo logo top_nav    top_nav    top_nav    top_nav    top_nav    top_nav    top_nav    top_nav    top_nav   " 
"logo logo logo bottom_nav bottom_nav bottom_nav bottom_nav bottom_nav bottom_nav bottom_nav bottom_nav bottom_nav";
  }
}

.header-wrapper {
  width: 100%;
  position: relative;
  align-items: center;
  max-width: 74.5rem;
  border-radius: .625rem;
  padding-inline: 1.5rem;
  box-shadow: var(--shadow400);
  height: var(--header-bar-height);
  background-color: var(--c-white);
  transition-property: border-radius;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}

.header-logo {
  display: grid;
  align-self: center;
  grid-area: logo;
}

.header-top {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  padding-top: .375rem;
  align-content: flex-start;
  justify-content: flex-end;
  grid-area: top_nav;
}

 .header-top .top-navigation {
    display: block;
}

.header-top .top-actions {
  gap: 1.75rem;
  display: flex;
}

.header-top .top-action .icon {
  font-size: 1.125rem;
}

.header-top .language-switcher {
  display: none;
  position: relative;
  place-items: center;
}


.header-top .top-action {
  display: flex;
  align-items: center;
  gap: .25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--c-text-light);
}

.header .languages {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}

element {
}

.header-top .language-switcher .languages {
  height: auto;
  overflow: hidden;
  visibility: hidden;
  z-index: 3;
  position: absolute;
  top: 200%;
  margin: 0;
  padding: 0;
  opacity: 0;
  list-style: none;
  background: var(--c-white);
  min-width: 13.75rem;
  padding: 2rem;
  box-shadow: var(--shadow400);
  transition-property: top,opacity;
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-timing-function);
}

.header .languages {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
}

ol, ul {
  box-sizing: border-box;
}

body {
background-color: #ffffff;
cursor: auto;
display: block;
font-family: PantonLS, helvetica, arial, sans-serif;
font-size: 12px;
}
.wrapheader
{ 
min-height: 90px;
padding-top: 5px;
}

a {
    color: black;
}

.siteHeader
{
    padding-bottom: 10px;
}

div.siteHeader nav.navbar{
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

nav.top-actions
{
font-size: 14px;
line-height: 21px;
}

nav.top-actions a
{
text-decoration: none;
}

nav.top-actions a:hover
{
color: #337e8b !important;
}


.dropdown-toggle::after
{
display: none;
}

.navbar-nav .dropdown-item
{
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
}

#leftsideContent ul.dxnbSys
{
padding-left: 5px !important;
}


.bold, .Bold {
font-family: "PantonLS", helvetica, arial, sans-serif;
}

span.dxeBase, span.dxeBase_Moderno, label, a, .GroupHeader, .StaticText, .TextCell, .Layout .Caption, div span, div.dxpnlControl {
font-family: "PantonLS", helvetica, arial, sans-serif !important;
}

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


main {
  display: block;
  padding-top: calc(var(--header-bar-height) + 1.25rem);
}


div.TitlePanelHeader
{
background-color: #ffffff;
border-radius: .625rem;
border: .125rem solid var(--c-petrol-20);
}

input {
border-radius: 8px;
}
.dxeDisabled
{
background-color:Transparent;
}

.ModuleSiteMapPath
{
display: block;
padding-bottom: 5px;
}

.ModuleSiteMapPath a:link,
.ModuleSiteMapPath a:visited,
.ModuleSiteMapPath a:active 
{ 
color: #000000; 
text-decoration: none;
}
.ModuleSiteMapPath a:hover
{
text-decoration: underline;
}

.indent0
{
    padding-left: 0px;
}
.indent1
{
    padding-left: 10px;
}

.indent2
{
    padding-left: 20px;
}

.indent3
{
    padding-left: 30px;
}

.indent4
{
    padding-left: 40px;
}

.amount, .price, .pricetotal, .pricegrandtotal
{
    text-align: right;
}
.pricingcondition
{
padding-top: 10px;
}

/* Debug stuff */
.DefaultLabel
{
font-size: 12px;
}

.DefaultDescriptionLabel
{
font-size: 10px;
}

.DefaultInput
{
}

/* classes comming from the
   BW2 backend
 */
div.bw2html
{
padding-top: 0px;
padding-bottom: 0px;
} 
div.bw2html p.header1
{
text-decoration: underline;
font-weight: bold;
}

div.bw2html p.header2
{
font-weight: bold;
}

div.bw2html span.highlightcolor
{
color: #ea0000;
}

div.bw2html span.highlightitalic
{
font-style: italic;
}

.InputControlButtonPanel
{
padding-top: 5px;
padding-bottom: 0px;
}

.SaveButton, .ResetButton, .AddButton, .DefaultButton
{
white-space:nowrap; 
width: 150px;
padding: 0px 10px 0px 0px; 
}

.DeleteButton
{
white-space:nowrap; 
width: 150px;
padding: 0px 10px 0px 0px; 
float: right;
}

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

div.InputFormTable
{
    padding: 0px 0px 0px 10px;
}

div.InputFormTable > div.form-row
{
    padding-bottom: 5px;
}

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
{
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
{ 
padding: 10px 5px 10px 5px;
border: 1px solid #F0F0F0;
border-top: 4px solid #F0F0F0;
}

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


.ListViewItemPanel  
{
height: 60px;
font-size: 14px;
    text-align: center; 
    margin: 0px 0px 0px 13px; 
    padding: 5px 5px 5px 5px; 
    float:left;
    width:140px;
}
.ListViewItemPanel:hover 
{
padding: 4px 4px 4px 4px;
border: silver dotted 1px;
background-color: #ccdfe2;
}

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

.ListViewItemPanel a svg
{
font-size: 18px;
margin-top: 5px;
margin-bottom: 5px;
}

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

.ButtonsPanel
{
padding-bottom: 10px;
}

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

div.HCPanelHeader
{
padding-top: 15px;
font-size: 20px;
font-weight: bold;
}



.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;
}


.PageHeaderPanel .Description  
{
font-size: 13px;  
}
.PageHeaderPanel .SubtitleText  
{
font-size: 11px;  
    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;
}


.MessageBoxPanel
{
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;
    width: 500px;
}

.DomainRegistrationPanel
{
padding-top: 25px;
}

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;
}

.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;
}
.CombinedPhoneNumberProductPanel
{
    padding-top: 20px;
}

.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: PantonLS, helvetica, arial, sans-serif;
    line-height: 120%;
    position: inherit;
    top: -50px;
}

    .stoerermittel div {
        float: left;
        width: 100%;
        padding-top: 50%;
        line-height: 1em;
        margin-top: -1.8em;
        text-align: left;
        color: white;
        padding-left: 6px;
    }

.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%;
}

.contactSlider, .contactSliderButton {
    width: 110px;
    height: 45px;
    background-color: #A3D900;
    color: white;
    font-size: 22px;
    padding-left: 15px;
    padding-top: 6px;
    cursor: pointer;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    position: absolute;
    left: -33px;
    top: 222px;
}

div.dxbButton_Moderno {
    font-family: PantonLS, helvetica, arial, sans-serif;
    font-weight: bold;
    background: #006b54;
    border: 1px solid #fff;
    color: #fff;
    padding: 6px 12px;
    line-height: inherit;
    border-radius: 0px 0px 0px 0px;
}

div.dxbDisabled_Moderno {
background: #a0a0a0;
}

div.dxbButton_Moderno:hover {
     background: #008568;
}


.ProductNodeCaptionPanel span {
    font-size: 20px;
    color: #006b54;
}


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

.DefaultWizardStepPanel {
    font-family: PantonLS, helvetica, arial, sans-serif;
    font-size: 16px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 30px;
}

.DefaultWizardStepPanel tr.ProgressRow td {
    font-family: PantonLS, helvetica, arial, sans-serif;
    font-size: 14px;
    /*color: #525252;*/
    color: #006b54;
}

.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 {
    padding-left: 150px;
    padding-bottom: 10px;
}

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


.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;
}

.LoginOrCreateCustomerInputPanel {
    width: 70%;
}

.ProductNodeCaptionPanel span {
    font-size: 20px;
    color: #006b54;
    font-weight: bold;
}


.OptionProductNodeCaptionPanel {
    font-size: 16px;
    padding-top: 12px;
    margin-bottom: 5px;
}

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

.ProductAttributesCaptionPanel {
    padding-top: 20px;
    border-bottom: solid 1px #ececec;
    padding-bottom: 2px;
    margin-bottom: 5px;
    color: #006b54;
    font-weight: bold;
}

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 {
    font-size: 13px;
    font-family: PantonLS, helvetica, arial, sans-serif;
    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;
        font-weight: bold;
        /*margin-bottom: 20px;*/
    }

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

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


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



div.HeaderPanel {
    color: #006b54;
}

div.ShoppingList div.Caption {
    padding: 10px 15px;
    font-family: PantonLS, helvetica, arial, sans-serif;
    min-height: 50px;
    border-bottom: 1px solid #C0C0C0;
    color: #006b54;
    font-weight: bold;
}
div.ShoppingList div.Caption .Text
{
font-size: 19px;
}
div.ShoppingList div.Caption .SubText
{
display: block;
font-size: smaller;
font-weight: normal;
}

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


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-family: PantonLS, helvetica, arial, sans-serif;
    font-weight: bold;
    font-size: 15px;
}

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.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;
    }

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;
    font-family: PantonLS, helvetica, arial, sans-serif;
    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;
}

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

    td.RegistrationInUse span {
        color: #FF0000;
    }

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

    div.DomainRegistrationDomains div.header th {
        font-weight: bold;
    }


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

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

.DomainRegGlyphBasket {
    color: #6A8A15;
}

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


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.groupTotal th {
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    font-weight: normal;
    font-size: 16px;
}

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

table.CustomerWebOrderPanelTable tr.grandTotal th {
}

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

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

table.CustomerWebOrderPanelTable tr.detail th.caption,
table.CustomerWebOrderPanelTable tr.detail td.amount {
    font-weight: normal;
}

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.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;
}