﻿.form {
    margin-bottom: 10px;
}

.form .section-cont {
        position: relative;
    }

    .form hr {
    }

    .form .section-cont h5 {
        font-weight: bold;
        line-height: 30px;
        border-bottom: solid 1px #ccc;
        padding: 0;
        margin: 0;
        font-size: 19px;
        font-weight: normal;
    }

    .form .err, .form .req {
        color: #dd0000;
        font-size: 13px;
        font-weight: 400 !important;
    }

    .form .left, .form .left label {
        text-align: left;
        font-weight: normal;
    }

    .form .button {
        margin-bottom: 10px;
    }

    .form .error {
        margin: 10px;
        padding: 5px 15px 5px 15px;
        display: block;
        color: #555;
        border: dotted 1px #cc0000;
        background-color: #fff2f2;
        font-size: 11px !important;
    }

    .form em {
        font-family: Verdana;
        color: #fc024c;
        text-align: center;
        font-size: 12px;
        vertical-align: middle;
        width: 12px;
        display: inline-block;
    }

    .form fieldset div.legend {
        font-weight: 700;
        font-size: 1.375rem;
        line-height: 1.4;
        margin-bottom: .6875rem;
    }

    .form fieldset ol {
        margin: 20px 0;
        padding: 0;
    }

        .form fieldset ol > li{
            display: block;
            padding: 0;
            margin: 10px 0px !important;
        }

         .form fieldset ul > li {
            display: block;
            padding: 0;
            margin: 0px !important;
        }

            .form fieldset ol > li > label, .form fieldset ul > li > label {
                display: inline-block;
                width: 330px;
                text-align: left;
                padding: 0 10px 0 0;
                margin: 0;
                font-weight: 400;
                font-size: 16px;
                vertical-align: top;
            }

        .form fieldset ol abbr, .form fieldset ol abbr span {
            color: #777;
            font-size: 14px;
            display: block;
            margin-bottom: 10px;
        }

         .form fieldset ol abbr.red {
        color: #fc024c;
    }

    .form fieldset ol abbr a {
        color: #111;
    }

.form fieldset div.legend abbr {
    color: #444;
    font-weight: normal;
    font-size: 11px;
    display: block;
}

    .form input[type=text], .form input[type=password], .form input[type=email], .form textarea, .form select {
        background: #fcfcfc;
        font-size: 15px;
        border: 1px solid #c9c9c9;
        padding: 8px 10px;
        box-shadow: inset 0 2px 4px rgba(0,0,0,.051);
        clear: both;
        color: #666;
        margin: 0 10px 5px 0;
        vertical-align: top;
        width: 330px;
        display: inline-block;
    }

    .form select {
    padding-right: 6px;
    padding-left: 6px;
    padding-top: 12px;
    padding-bottom: 12px;
}


    .form select.title-other,
    .form input[type=text].title-other {
        width: 158px;
        min-width: 158px;
    }

    .form .control-wrapper {
         display: inline-block;
    }


        /*.form input[type=text], .form input[type=password], .form input[type=email], .form textarea, .form select, .form .uploader {
        width: calc(100% - 30px);
    }*/

        .form input[type=text]:disabled, .form input[type=password]:disabled, .form textarea:disabled, .form select:disabled {
            background-color: #f2f2f2;
            color: #888;
        }

         .form fieldset ol li fieldset span ul {
        padding: 0;
        margin: 0.5em 0;
    }

        .form fieldset ol li fieldset span ul li {
            list-style-type: circle;
            padding: 0;
            margin: 0.25em 0;
        }


.fieldsRequired {
    text-align: right;
    font-size: 14px;
}

.secondary select.title-other {
    width: 80px;
}

.secondary input[type=text].title-other {
    width: 166px;
}

.secondary input[type=text].phone-a {
    width: 30px;
}

.secondary input[type=text].phone-n {
    width: 140px;
}

.secondary input[type=text], .secondary input[type=password], .secondary textarea {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    color: #333;
    padding: 10px;
    width: 250px;
    margin: 0;
    border: none;
    background-color: #f4f4f4;
}

.secondary select {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
    padding: 10px;
    width: 262px;
    margin: 0;
    border: none;
    background-color: #f4f4f4;
}

.secondary textarea {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    color: #333;
    padding: 10px;
    width: 250px;
    margin: 0;
    border: none;
    background-color: #f4f4f4;
}

.secondary fieldset ol li span.err, .secondary fieldset ol li span.req {
    font-size: 12px !important;
    color: #fc024c !important;
    margin-left: 0.5em;
}

.secondary fieldset ol abbr {
    color: #787878;
    font-size: 12px;
}

.secondary fieldset div.legend abbr {
    color: #787878;
    font-size: 12px;
    text-transform: lowercase;
}

.secondary fieldset ol li fieldset table {
    width: auto;
    margin-left: 32%;
}

.secondary fieldset div.legend {
    color: #fff;
    font-size: 30px;
    font-weight: normal !important;
    margin: 0 0 0 0;
    padding: 20px 10px;
    background-color: #f7f6f6;
    line-height: 40px;
    display: block !important;
}

    .secondary fieldset div.legend.contact {
        background: url('../images/forms/reg-contact.png') no-repeat 10px 10px;
        background-color: #f7f6f6;
        padding: 20px 10px 25px 75px;
    }

    .secondary fieldset div.legend.profile {
        background: url('../images/forms/reg-profile.png') no-repeat 10px 10px;
        background-color: #f7f6f6;
        padding: 20px 10px 25px 75px;
    }

    .secondary fieldset div.legend.zone {
        background: url('../images/forms/reg-zone.png') no-repeat 10px 10px;
        background-color: #f7f6f6;
        padding: 20px 10px 25px 75px;
    }

    .secondary fieldset div.legend.privacy {
        background: url('../images/forms/reg-privacy.png') no-repeat 10px 10px;
        background-color: #f7f6f6;
        padding: 20px 10px 25px 75px;
    }

.secondary fieldset ol li fieldset legend {
    display: inline;
    width: 35% !important;
    text-align: left;
    color: #222;
    font-size: 13px;
    line-height: 17px;
    font-weight: 400;
    padding: 0 !important;
    margin: 0 2% 0 0 !important;
}

.secondary fieldset ol li {
    display: block;
    padding: 0.5em 1em;
    margin: 0;
    background-color: transparent;
    border: none;
    vertical-align: middle;
}

    .secondary fieldset ol li label:first-child {
        display: inline-block;
        width: 35%;
        text-align: right;
        color: #222;
        font-size: 14px;
        line-height: 17px;
        font-weight: 400;
        padding: 0;
        margin: 0 2% 0 0;
    }

    .secondary fieldset ol li label {
        color: #787878;
        font-size: 14px;
    }

.secondary fieldset ol {
    margin: 0 !important;
    border: none;
    padding: 0px;
    background-color: transparent;
    border: none;
    background-color: #fff;
}

    .secondary fieldset ol li fieldset span {
        margin-left: 35%;
        font-weight: 600;
        padding: 0.25em 0;
    }


.secondary .two-columns, .secondary .three-columns, .secondary .four-columns {
    width: 60% !important;
    overflow: hidden;
}

.lhb-termsList {
    list-style-type: disc;
    margin: 0 0 1em;
}

    .lhb-termsList li {
        display: list-item !important;
    }

.lhb-acceptTerms {
    padding-top: 5px;
    padding-bottom: 25px;
}

.idPassportUploadSection .travel-assocation-select {
    padding-bottom: 10px !important;
}

.idPassportUploadSection .centerCell {
    text-align: left;
}

.watermarkText {
    color: #949393 !important;
}

.checkboxGroupLayout {
    display: inline-block;
}

    .checkboxGroupLayout label {
        display: inline !important;
        width: auto !important;
        font-weight: normal !important;
        text-align: left !important;
    }

.pax-table td {
    vertical-align: middle;
}

    .pax-table td:first-child, .pax-table td:first-child span, .pax-table td:last-child span:first-child {
        font-weight: 400;
        padding-right: 10px;
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 15px;
        color: #000 !important;
    }

        .pax-table td:first-child span, .pax-table td:last-child span:first-child {
            margin-left: 0 !important;
            display: inline-block !important;
            padding-right: 10px;
        }

    .pax-table td:last-child span:last-child {
        margin-left: 0 !important;
    }

.pax-table input[type=text], .pax-table select {
    display: inline-block;
    width: 205px;
}

.pax-table input[type=text] {
    width: 50px !important;
}

.two-columns,
.three-columns,
.four-columns {
    width: 100% !important;
}
    .one-column,
    .two-columns td,
    .three-columns td,
    .for-columns td {
        margin: 0;
        vertical-align: top;
        align-items: baseline;
    }

    .one-column td {
        width: 95%;
    }
    .two-columns td {
        width: 50%;
    }

    .three-columns td {
        width: 33%;
    }

    .three-columns td {
        width: 25%;
    }

    .one-column tr td label,
    .two-columns tr td label,
    .three-columns tr td label, .four-columns tr td label {
        display: inline-block;
        width: 320px;
        margin: 2px 0px 0 0 !important;
        padding: 0 !important;
        font-weight:normal;
    }
    .one-column tr td label {
     /* width: 96%;*/
    }

    .one-column tr td input[type=checkbox],
    .two-columns tr td input[type=checkbox],
    .three-columns tr td input[type=checkbox],
    .four-columns tr td input[type=checkbox],
    .two-columns tr td input[type=radio],
    .three-columns tr td input[type=radio],
    .four-columns tr td input[type=radio] {
        display: inline-block;
        width: auto;
        margin: 8px 5px 10px 0 !important;
        float: left;
    }

.two-columns, .one-column, .rating {
    margin-bottom: 10px;
}

.sectors, .singleOperationType {
    display: inline;
}

.businessAreaCheckboxes, .industryCheckboxes, .nestedCheckboxes, .accreditationCheckboxes {
    display: inline-block;
}

@media (max-width: 702px) {
    .sectors td, singleOperationType td {
        display: flex;
    }
}



/*#region Password Strength */
.pwdsContainer {
    display: none;
    margin-bottom: 10px;
}

    .pwdsContainer .passwordMessage {
    }

    .pwdsContainer .negativeBar {
        background-color: #E8E8E8;
    }

    .pwdsContainer .pwdBlankBar .positiveBar {
        width: 0%;
    }

    .pwdsContainer .pwdBlankBar .negativeBar {
        width: 100%;
    }

    .pwdsContainer .pwdWeakBar .positiveBar {
        background-color: Red;
        width: 30%;
    }

    .pwdsContainer .pwdWeakBar .negativeBar {
        width: 70%;
    }

    .pwdsContainer .pwdFairBar .positiveBar {
        background-color: #FFCC33;
        width: 65%;
    }

    .pwdsContainer .pwdFairBar .negativeBar {
        width: 35%;
    }

    .pwdsContainer .pwdStrengthBar .positiveBar {
        background-color: Green;
        width: 100%;
    }

    .pwdsContainer .pwdStrengthBar .negativeBar {
        width: 0%;
    }
/*#endregion */

.success2 {
    font-size: 13px;
    border: none;
    padding: 3px 10px;
    margin: 0 0 5px 0;
    border: solid 1px #ccc;
    font-weight: bold;
    color: #3e7b25;
    background-color: #ddffdd;
    display: block;
    float: none;
}

.fail {
    font-size: 13px;
    border: none;
    padding: 3px 10px;
    margin: 0 0 5px 0;
    border: solid 1px #ccc;
    font-weight: bold;
    color: #d40d14;
    background-color: #ffeeee;
    display: block;
    float: none;
}

.NominatedBuyerList {
    background-color: white;
}

.nominatedbuyer-item {
    display: inline-block;
    background-color: white;
    font-size: 13px;
    /*border:1px solid #e0e0e0;
    box-shadow: inset 0 2px 4px rgba(0,0,0,.051);*/
    color: #666666;
    margin: 0px 0px 0px 0px;
}

.nominatedbuyertextbox {
    box-shadow: inset 0 2px 4px rgba(0,0,0,.051);
    border: 1px solid #e0e0e0;
    background-color: white;
    padding: 7px 10px;
    margin-right: 2px !important;
    color: black;
}

.nominateclear {
    clear: both;
    border-bottom: 2px solid #ebebeb;
    margin: 25px 0px 25px 0px;
}

.fieldsRequired {
    text-align: right;
    font-size: 14px;
}



/*progress Bar Section*/
.dxuc-root table {
    width: 90px !important;
}

.dxucControl {
    margin-left: 30%;
}

.dxuc-root table .dxucButton {
    display: none;
}

    .dxuc-root table .dxucButton a {
        color: white !important;
    }

    .dxuc-root table .dxucButton:hover, .dxuc-root table .dxucButton:focus {
        text-decoration: none;
        color: #fff;
    }

.dxucProgressBar, .dxucProgressBar td.dx {
    color: white !important;
}

.dxucProgressBarIndicator {
    background-image: linear-gradient(to right,#000, #000);
    background-color: transparent !important;
}

.form .radio input[type="radio"],
.form .radio-inline input[type="radio"],
.form .checkbox input[type="checkbox"],
.form .checkbox-inline input[type="checkbox"] {
    margin-left: 0;
    margin-top: 8px;
}


.form ul.benefit-list li {
    margin-left: 20px;
}

.nestedCheckboxes label {
    width: 400px !important;
}

.privacyContainer label {
    width: 120px !important;
}

.targetCountries label {
    width: 260px !important;
    display: inline !important;
}


.social-container {
    display: inline;
}

.social-item {
    display: table-row;
}

.social-spacer {
    padding: 3px;
}

.social-item .social-field {
    display: table-cell;
    background-color: #efefef;
    font-size: 13px;
    padding: 0px 6px;
    border: 1px solid #eee;
    color: #888;
    text-align: right;
    width: 195px;
    vertical-align:middle;
}

.social-item .social-value {
    display: table-cell;
}

    .social-item .social-value input {
        margin: 0;
        width: 135px;
    }


.MuliLevelCheckboxes{
    padding-left: 0px;
}

.questionWrapper .tdQuestion {
    width: 335px;
}

.checkboxContainer label {
    padding-left: 8px;
}

.form .industryCheckboxes {
  padding-left: 0;
}

.businessAreaCheckboxes, .industryCheckboxes, .nestedCheckboxes, .accreditationCheckboxes {
    padding-left: 0;
}
